Gitiles
Code Review Sign In
gerrit.named-data.net / ndn-atmos / f95a97cadf56dda5638b16442b5d33c4236b28cc / . / client / catalog-dev / index.html
blob: 085ba75fb68c539cd19f912ca86a374ef35e2887 [file] [log] [blame]
Alison Craigef12da82015-03-06 09:41:43 -0700[diff] [blame]1<!DOCTYPE html>
2<html lang="en-US">
3
4<head>
Tyler Scott087aef72015-07-14 14:11:59 -0600[diff] [blame]5<title>NDN Query and Retrieval Tool</title>
Alison Craigef12da82015-03-06 09:41:43 -0700[diff] [blame]6
Tyler Scotte815d3e2015-07-09 16:56:17 -0600[diff] [blame]7<script>
Tyler Scotte815d3e2015-07-09 16:56:17 -0600[diff] [blame]8
Tyler Scottf95a97c2016-06-21 12:09:22 -0600[diff] [blame^]9(function(i, s, o, g, r, a, m) {
10 i['GoogleAnalyticsObject'] = r;
11 i[r] = i[r] || function() {
12 (i[r].q = i[r].q || []).push(arguments)
13 }
14 ,
15 i[r].l = 1 * new Date();
16 a = s.createElement(o),
17 m = s.getElementsByTagName(o)[0];
18 a.async = 1;
19 a.src = g;
20 m.parentNode.insertBefore(a, m)
21})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
Tyler Scotte815d3e2015-07-09 16:56:17 -0600[diff] [blame]22
Tyler Scottf95a97c2016-06-21 12:09:22 -0600[diff] [blame^]23ga('create', 'UA-64984905-1', 'auto');
24ga('send', 'pageview');
Tyler Scotte815d3e2015-07-09 16:56:17 -0600[diff] [blame]25</script>
26
Tyler Scott3c17d5f2015-06-23 17:49:29 -0600[diff] [blame]27<!-- Styles -->
Tyler Scott48f92cd2015-10-16 18:31:20 -0600[diff] [blame]28<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css">
Tyler Scottcdfcde82015-09-14 16:13:29 -0600[diff] [blame]29<link rel="stylesheet" href="css/cubeLoader.css">
Tyler Scott696d38f2015-08-04 22:41:22 -0600[diff] [blame]30<link rel="stylesheet" href="css/theme.min.css">
Tyler Scott696d38f2015-08-04 22:41:22 -0600[diff] [blame]31<link rel="stylesheet" href="css/style.css">
Alison Craigef12da82015-03-06 09:41:43 -0700[diff] [blame]32
Tyler Scottf95a97c2016-06-21 12:09:22 -0600[diff] [blame^]33<!-- Scripts -->
Tyler Scott384f37a2016-05-05 16:09:05 -0600[diff] [blame]34<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.3/jquery.min.js">
35</script>
36<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-scrollTo/2.1.2/jquery.scrollTo.min.js">
37</script>
38<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/js/bootstrap.min.js">
39</script>
40<script src="https://cdnjs.cloudflare.com/ajax/libs/async/1.5.2/async.min.js">
41</script>
42<script src="../ndn-js/build/ndn.min.js">
43</script>
44<script src="js/autocomplete.js">
45</script>
46<script src="js/treeExplorer.js">
47</script>
48<script src="js/catalog.js">
49</script>
Alison Craig1aced7d2015-04-10 12:00:02 -0600[diff] [blame]50
Alison Craigef12da82015-03-06 09:41:43 -0700[diff] [blame]51</head>
52
53<body id="body">
Tyler Scottf355e452015-11-06 21:35:14 -0700[diff] [blame]54
55 <div id="templates">
56 <div class="row" id="timeTemplate">
57 <button class="col-xs-1 close" type="button">&times;</button>
58 <div class="col-xs-4">
59 <input type="text" class="form-control variable" value="time">
60 </div>
61 <div class="col-xs-7 values">
62 <input type="datetime" class="form-control" name="start" placeholder="Start">
63 <input type="datetime" class="form-control" name="end" placeholder="End">
64 </div>
65 </div>
66 <div class="row" id="locationTemplate">
67 <button class="col-xs-1 close" type="button">&times;</button>
68 <div class="col-xs-4">
69 <input type="text" class="form-control variable" value="coord">
70 </div>
71 <div class="col-xs-7 values">
72 <div class="input-group">
73 <input type="number" class="form-control" name="startLat" placeholder="Start Latitude">
74 <span class="input-group-addon">&deg; North</span>
75 </div>
76 <div class="input-group">
77 <input type="number" class="form-control" name="startLong" placeholder="Start Longitude">
78 <span class="input-group-addon">&deg; East</span>
79 </div>
80 <div class="input-group">
81 <input type="number" class="form-control" name="endLat" placeholder="End Latitude">
82 <span class="input-group-addon">&deg; North</span>
83 </div>
84 <div class="input-group values">
85 <input type="number" class="form-control" name="endLong" placeholder="End Longitude">
86 <span class="input-group-addon">&deg; East</span>
87 </div>
88 </div>
89 </div>
90 <div class="row" id="customTemplate">
91 <button class="col-xs-1 close" type="button">&times;</button>
92 <div class="col-xs-4">
93 <input type="text" class="form-control variable" placeholder="Variable Name">
94 </div>
95 <div class="col-xs-7 values">
96 <input type="text" class="form-control" name="value" placeholder="Custom Restriction">
97 </div>
98 </div>
99 </div>
100
Tyler Scott3c17d5f2015-06-23 17:49:29 -0600[diff] [blame]101 <header>
Tyler Scott08263852015-07-31 19:05:52 -0600[diff] [blame]102 <div class="navbar navbar-inverse navbar-static-top container-fluid">
Tyler Scott3c17d5f2015-06-23 17:49:29 -0600[diff] [blame]103 <div class="navbar-header">
Tyler Scottf95a97c2016-06-21 12:09:22 -0600[diff] [blame^]104 <a class="navbar-brand" data-toggle="tab" href="#filterSearch" id="brand-title">NDN Query and Retrieval Tool</a>
Tyler Scott3c17d5f2015-06-23 17:49:29 -0600[diff] [blame]105 </div>
Tyler Scotte8dac702015-10-13 14:33:25 -0600[diff] [blame]106 <ul class="navbar-nav nav">
Tyler Scottf95a97c2016-06-21 12:09:22 -0600[diff] [blame^]107 <li class="active" id="search-tab"><a data-toggle="tab" href="#filterSearch">Search</a></li>
108 <li id="explore-tab"><a data-toggle="tab" href="#explore">Explore</a></li>
Tyler Scotte8dac702015-10-13 14:33:25 -0600[diff] [blame]109 </ul>
Tyler Scott3c17d5f2015-06-23 17:49:29 -0600[diff] [blame]110 </div>
111 </header>
Alison Craigef12da82015-03-06 09:41:43 -0700[diff] [blame]112
Tyler Scott3c17d5f2015-06-23 17:49:29 -0600[diff] [blame]113 <div class="container-fluid">
Alison Craigef12da82015-03-06 09:41:43 -0700[diff] [blame]114
Tyler Scottf65b7102015-06-30 18:40:14 -0600[diff] [blame]115 <div class="row">
Alison Craigef12da82015-03-06 09:41:43 -0700[diff] [blame]116
Tyler Scottf355e452015-11-06 21:35:14 -0700[diff] [blame]117 <div class="col-sm-12 col-md-12">
Alison Craig1aced7d2015-04-10 12:00:02 -0600[diff] [blame]118
Tyler Scott4d951222015-07-31 14:38:27 -0600[diff] [blame]119 <div id="alerts"></div>
120
Tyler Scotte8dac702015-10-13 14:33:25 -0600[diff] [blame]121 <div class="panel panel-info tab-pane fade in active" id="filterSearch">
Tyler Scottf95a97c2016-06-21 12:09:22 -0600[diff] [blame^]122 <div class="panel-heading">Filter Search</div>
Tyler Scott3c17d5f2015-06-23 17:49:29 -0600[diff] [blame]123 <div class="panel-body">
Tyler Scottf355e452015-11-06 21:35:14 -0700[diff] [blame]124 <div>
125 <div id="filters"></div>
126 <button id="searchButton" class="btn btn-primary right-fix">Search</button>
127 </div>
128 <div>
Tyler Scotte8dac702015-10-13 14:33:25 -0600[diff] [blame]129 <div class="panel panel-primary">
130 <div class="panel-heading">
131 <span>Filter Categories</span>
132 </div>
133 <div class="panel-body">
134 <ul id="side-menu" class="nav nav-pills nav-stacked"></ul>
135 </div>
136 </div>
137 </div>
Tyler Scott4d951222015-07-31 14:38:27 -0600[diff] [blame]138 </div>
139 </div>
140
Tyler Scottf95a97c2016-06-21 12:09:22 -0600[diff] [blame^]141 <div class="tab-pane fade" id="explore">
142 <div class="panel panel-info" id="pathSearch">
143 <div class="panel-heading">Path Search</div>
144 <div class="panel-body">
145 <form class="form-inline" id="searchBar">
146 <div class="form-group">
147 <div class="input-group">
148 <input id="search" placeholder="Enter a path (Ex: /CMIP5)" type="text" class="form-control">
149 <div class="input-group-btn">
150 <button id="autoCompleteSearch" type="submit" class="btn btn-primary">Search</button>
151 </div>
Tyler Scott7d076e22015-07-06 19:21:50 -0600[diff] [blame]152 </div>
Tyler Scott93cae872015-07-21 14:58:23 -0600[diff] [blame]153 </div>
Tyler Scottf95a97c2016-06-21 12:09:22 -0600[diff] [blame^]154 </form>
155 </div>
Tyler Scott3c17d5f2015-06-23 17:49:29 -0600[diff] [blame]156 </div>
Tyler Scottf95a97c2016-06-21 12:09:22 -0600[diff] [blame^]157 <div class="panel panel-info" id="treeSearchPane">
158 <div class="panel-heading">Tree Search</div>
159 <div class="panel-body" id="treeSearch">
160 <div></div>
161 </div>
Tyler Scott918210b2015-08-28 13:15:40 -0600[diff] [blame]162 </div>
163 </div>
164
Tyler Scott3fc05272015-08-17 18:02:35 -0600[diff] [blame]165 <div id="results" class="panel panel-default hidden">
Tyler Scott3c17d5f2015-06-23 17:49:29 -0600[diff] [blame]166 <div class="panel-body">
Tyler Scottcdfcde82015-09-14 16:13:29 -0600[diff] [blame]167 <nav class="navbar navbar-inverse col-md-12 resultMenu">
Tyler Scott3fc05272015-08-17 18:02:35 -0600[diff] [blame]168 <ul class="nav navbar-nav navbar-left">
Tyler Scottbb42ed22015-10-21 17:02:56 -0600[diff] [blame]169 <li><a href="#" class="requestSelectedButton">Request Selected</a></li>
170 <li><a href="#" class="clearResults">Clear</a></li>
171 </ul>
172 <ul class="nav navbar-nav navbar-right">
Tyler Scott3fc05272015-08-17 18:02:35 -0600[diff] [blame]173 <li class="dropdown">
174 <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button">Results Per Page <span class="caret"></span></a>
175 <ul class="dropdown-menu">
176 <li class="active"><a href="#" class="resultsPerPageSelector">25</a></li>
177 <li><a href="#" class="resultsPerPageSelector">50</a></li>
178 <li><a href="#" class="resultsPerPageSelector">100</a></li>
179 <li><a href="#" class="resultsPerPageSelector">200</a></li>
180 </ul>
181 </li>
Tyler Scottbb42ed22015-10-21 17:02:56 -0600[diff] [blame]182 <li class="previous disabled">
183 <a href="#">&larr; Previous</a>
184 </li>
Tyler Scott3fc05272015-08-17 18:02:35 -0600[diff] [blame]185 <li class="next disabled">
186 <a href="#">Next &rarr;</a>
187 </li>
Tyler Scottc55879f2015-07-28 14:56:37 -0600[diff] [blame]188 </ul>
Tyler Scottbb42ed22015-10-21 17:02:56 -0600[diff] [blame]189 <div class="navbar-text navbar-right">(Page <span class="pageNumber">0</span>) <span class="pageLength">0</span>/<span class="totalResults">0</span> Results</div>
Tyler Scottbb013562015-07-16 15:52:40 -0600[diff] [blame]190 </nav>
Tyler Scotta1ac69d2015-07-02 17:42:03 -0600[diff] [blame]191 <table id="resultTable" class="table"></table>
Tyler Scottcdfcde82015-09-14 16:13:29 -0600[diff] [blame]192 <div class="sk-cube-grid">
193 <div class="sk-cube sk-cube1"></div>
194 <div class="sk-cube sk-cube2"></div>
195 <div class="sk-cube sk-cube3"></div>
196 <div class="sk-cube sk-cube4"></div>
197 <div class="sk-cube sk-cube5"></div>
198 <div class="sk-cube sk-cube6"></div>
199 <div class="sk-cube sk-cube7"></div>
200 <div class="sk-cube sk-cube8"></div>
201 <div class="sk-cube sk-cube9"></div>
202 </div>
203 <nav class="navbar navbar-inverse col-md-12 resultMenu">
Tyler Scott3fc05272015-08-17 18:02:35 -0600[diff] [blame]204 <ul class="nav navbar-nav navbar-left">
Tyler Scottbb42ed22015-10-21 17:02:56 -0600[diff] [blame]205 <li><a href="#" class="requestSelectedButton">Request Selected</a></li>
206 <li><a href="#" class="clearResults">Clear</a></li>
207 </ul>
208 <ul class="nav navbar-nav navbar-right">
209 <li class="dropdown">
Tyler Scott3fc05272015-08-17 18:02:35 -0600[diff] [blame]210 <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button">Results Per Page <span class="caret"></span></a>
211 <ul class="dropdown-menu">
212 <li class="active"><a href="#" class="resultsPerPageSelector">25</a></li>
213 <li><a href="#" class="resultsPerPageSelector">50</a></li>
214 <li><a href="#" class="resultsPerPageSelector">100</a></li>
215 <li><a href="#" class="resultsPerPageSelector">200</a></li>
216 </ul>
217 </li>
Tyler Scottbb42ed22015-10-21 17:02:56 -0600[diff] [blame]218 <li class="previous disabled">
219 <a href="#">&larr; Previous</a>
220 </li>
Tyler Scott3fc05272015-08-17 18:02:35 -0600[diff] [blame]221 <li class="next disabled">
222 <a href="#">Next &rarr;</a>
223 </li>
Tyler Scottc55879f2015-07-28 14:56:37 -0600[diff] [blame]224 </ul>
Tyler Scottbb42ed22015-10-21 17:02:56 -0600[diff] [blame]225 <div class="navbar-text navbar-right">(Page <span class="pageNumber">0</span>) <span class="pageLength">0</span>/<span class="totalResults">0</span> Results</div>
Tyler Scottc55879f2015-07-28 14:56:37 -0600[diff] [blame]226 </nav>
227 </div>
Tyler Scott3c17d5f2015-06-23 17:49:29 -0600[diff] [blame]228 </div>
Alison Craig1aced7d2015-04-10 12:00:02 -0600[diff] [blame]229
Tyler Scott3c17d5f2015-06-23 17:49:29 -0600[diff] [blame]230 </div>
Alison Craig1aced7d2015-04-10 12:00:02 -0600[diff] [blame]231
Alison Craigef12da82015-03-06 09:41:43 -0700[diff] [blame]232 </div>
Alison Craigef12da82015-03-06 09:41:43 -0700[diff] [blame]233
Tyler Scott3c17d5f2015-06-23 17:49:29 -0600[diff] [blame]234 </div>
Alison Craigef12da82015-03-06 09:41:43 -0700[diff] [blame]235
Tyler Scottcdfcde82015-09-14 16:13:29 -0600[diff] [blame]236 <div id="popup">
237 <div id="request" class="panel panel-primary">
238 <div class="panel-heading">Confirmation</div>
239 <div class="panel-body">
240 <form id="requestForm">
241 <p>Select a destination and press submit if you are sure you want to download the selected data to the selected destination.</p>
242 <div class="dropdown">
243 <button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown">
Tyler Scottb59e6de2015-09-18 14:46:30 -0600[diff] [blame]244 <span id="requestDropText">Destination<span>
Tyler Scottcdfcde82015-09-14 16:13:29 -0600[diff] [blame]245 <span class="caret"></span>
246 </button>
247 <ul id="requestDest" class="dropdown-menu"></ul>
248 </div>
Tyler Scottf355e452015-11-06 21:35:14 -0700[diff] [blame]249 <div class="panel panel-default" id="subsetting">
250 <div class="panel-heading">
251 <a data-toggle="collapse" href="#subsetMenu">Subsetting</a>
252 </div>
253 <div class="panel-collapse collapse" id="subsetMenu">
254 <div class="panel-body">
255 <div id="subsetVariables" class="well"></div>
256 <button type="button" class="btn btn-default" id="subsetAddVariableBtn">Add Variable</button>
257 <button type="button" class="btn btn-default" id="subsetAddTimeVariable">Add Time Variable</button>
258 <button type="button" class="btn btn-default" id="subsetAddLocVariable">Add Location Variable</button>
259 </div>
260 </div>
261 </div>
Tyler Scottcdfcde82015-09-14 16:13:29 -0600[diff] [blame]262 <!-- Disabled For Demo
263 <div class="form-group">
264 <label>Authentication Key</label>
265 <input type="file" class="form-control" placeholder="JSON encoded RSA key">
266 <p class="help-block">It is required that you have authentication to move the files, otherwise this will fail.</p>
267 </div>
268 <div id="requestDrop" class="well">You can also drop your key here instead of using the input above.</div>
269 -->
Tyler Scottf355e452015-11-06 21:35:14 -0700[diff] [blame]270 <div class="row">
271 <div class="floatRight">
272 <button type="submit" class="btn btn-primary">Submit</button>
273 <button id="requestCancel" type="button" class="btn btn-default">Cancel</button>
274 </div>
Tyler Scottcdfcde82015-09-14 16:13:29 -0600[diff] [blame]275 </div>
276 </form>
Tyler Scott384f37a2016-05-05 16:09:05 -0600[diff] [blame]277 <div>
278 <div class="list-group" id="direct-download-list"></div>
279 </div>
Tyler Scottcdfcde82015-09-14 16:13:29 -0600[diff] [blame]280 </div>
281 </div>
282 </div>
283
Alison Craigef12da82015-03-06 09:41:43 -0700[diff] [blame]284</body>
285
286</html>