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