sciai/Sidebar.html at master · xpansa/sciai · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
<!DOCTYPE html>
<html>

<head>
	<base target="_top">
	<link rel="stylesheet" href="https://ssl.gstatic.com/docs/script/css/add-ons1.css">
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">
	<!-- The CSS package above applies Google styling to buttons and other elements. -->
	<?!= HtmlService.createHtmlOutputFromFile('Styles').getContent(); ?>
</head>

<body>
	<div class="sidebar branding-below">
		<div id="accordion">
			<!-- DOCUMENT STRUCTURE BLOCK -->
			<a href="#structure" class="head button grey opened">
				Document Structure <span class="accordion-arrow">⤴</span>
			</a>
			<div class="accordion-inner" id="structure">
				<h3>Add a full structure: </h3>
				<select class="full-width-element margin-bottom-15" id="document-types">
					<option value="select">Select structure to use</option>
					<option value="articles">Articles</option>
					<option value="letters">Letters</option>
					<option value="research-notes">Research notes</option>
					<option value="data-papers">Data papers</option>
				</select>

				<div class="block">
					<button class="blue" id="set-structure">Set Structure</button>
				</div>
				<h3>Or add a custom section: </h3>
				<div class="block">
					<input class="full-width-element margin-bottom-15" type="text" id="custom-tag" placeholder="Enter tag name..."/>
					<button class="blue" id="add-custom-tag">Add Custom Tag</button>
				</div>
			</div>
			<!-- END OF DOCUMENT STRUCTURE BLOCK -->

			<!-- SEARCH BLOCK -->
			<a href="#search" class="head button grey closed">
				Search <span class="accordion-arrow">⤵</span>
			</a>
			<div class="accordion-inner" id="search">
				<div class="block form-group" id="element-types-block">
					<select class="full-width-element" id="element-types">
						<option value="select">Select database to find term ID</option>
						<option value="orcid">Orcid</option>
						<option value="uniprot">Uniprot</option>
						<option value="pubmed">Pubmed</option>
						<option value="ncbi-gene">NCBI Genes</option>
						<option value="ncbi-protein">NCBI Protein</option>
						<option value="ncbi-genome">NCBI Genome</option>
						<option value="ncbi-taxonomy">NCBI Taxonomy</option>
					</select>
				</div>

				<div class="block" id="search-results"></div>
			</div>
			<!-- END OF SEARCH BLOCK -->

			<!-- EXPORT BLOCK -->
			<a href="#elements" class="head button grey closed">
				Export <span class="accordion-arrow">⤵</span>
			</a>
			<div class="accordion-inner" id="elements">
				<p style="margin-top:0;">Export can take about minutes, so, please, be patient</p>
				<div class="block">
					<button class="blue half-width-element left" id="export-clear">Save As ClearDoc</button>
					<button class="blue half-width-element right" id="export-sci">Save As Sci</button>
				</div>
				<hr class="clear" style="border:1px solid lightgray;">
				<div class="block">
					<button class="blue half-width-element left" id="export-docx">Export To DOCX</button>
					<button class="blue half-width-element right" id="export-pdf">Export To PDF</button>
				</div>
			</div>
			<!-- END OF EXPORT BLOCK -->

			<!-- MANAGE BLOCK -->
			<a href="#manage" class="head button grey closed">
				Element Management <span class="accordion-arrow">⤵</span>
			</a>
			<div class="accordion-inner" id="manage">
				<p style="margin-top:0;">Here you can view or modify the list of existing items.</p>
				<div class="block">
					<button class="blue" id="update-tags">Update</button>
                    <button class="blue" id="remove-all">Remove All</button>
				</div>
				<div class="show-tags clear"></div>
			</div>
			<!-- END OF MANAGE BLOCK -->

		</div>
	</div>

	<!-- FOOTER -->
	<div class="sidebar bottom">
		<div style="width: 49%; float: left;">
			<img alt="Add-on logo" class="logo" src="https://googledrive.com/host/0B3xm1gEWudx0RmZrQS1ZdEdsbnc" width="27" height="27">
			<span class="gray company-name">Xpansa Group</span>
		</div>

		<div style="width: 50%; float: right;">
			<img alt="Add-on logo" class="logo" src="https://googledrive.com/host/0B3xm1gEWudx0U2FFbTJqLW1tclk" width="27" height="27">
			<span class="gray company-name">Infinity Sciences</span>
		</div>
	</div>

	<div class="loader-wrapper">
		<div class="loader"></div>
		<div class="loader-text"></div>
	</div>
	<!-- END OF THE FOOTER -->

	<?!= HtmlService.createHtmlOutputFromFile('Scripts').getContent(); ?>

</body>
</html>