Gitiles
Code Review Sign In
gerrit.named-data.net / ndn-atmos / e8dac70760d076d4f35c0c958aecb52c180c0b80 / . / client / catalog-dev / index.html
blob: 4280fce75636b6fd6829f0b90a2f0db8415c8d26 [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 Scottcdfcde82015-09-14 16:13:29 -0600[diff] [blame]19<link rel="stylesheet" href="css/cubeLoader.css">
Tyler Scott696d38f2015-08-04 22:41:22 -0600[diff] [blame]20<link rel="stylesheet" href="css/theme.min.css">
Tyler Scott696d38f2015-08-04 22:41:22 -0600[diff] [blame]21<link rel="stylesheet" href="css/style.css">
Alison Craigef12da82015-03-06 09:41:43 -0700[diff] [blame]22
Tyler Scott3c17d5f2015-06-23 17:49:29 -0600[diff] [blame]23<!-- Scripts -->
Tyler Scotte815d3e2015-07-09 16:56:17 -0600[diff] [blame]24<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
Tyler Scottb59e6de2015-09-18 14:46:30 -0600[diff] [blame]25<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-scrollTo/2.1.0/jquery.scrollTo.min.js"></script>
Tyler Scott08263852015-07-31 19:05:52 -0600[diff] [blame]26<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
27<script src="../ndn-js/build/ndn.min.js"></script>
Tyler Scott696d38f2015-08-04 22:41:22 -0600[diff] [blame]28<script src="js/autocomplete.js"></script>
Tyler Scott918210b2015-08-28 13:15:40 -0600[diff] [blame]29<script src="js/treeExplorer.js"></script>
Tyler Scott696d38f2015-08-04 22:41:22 -0600[diff] [blame]30<script src="js/catalog.js"></script>
Alison Craig1aced7d2015-04-10 12:00:02 -0600[diff] [blame]31
Alison Craigef12da82015-03-06 09:41:43 -0700[diff] [blame]32</head>
33
34<body id="body">
Tyler Scott3c17d5f2015-06-23 17:49:29 -0600[diff] [blame]35 <header>
Tyler Scott08263852015-07-31 19:05:52 -0600[diff] [blame]36 <div class="navbar navbar-inverse navbar-static-top container-fluid">
Tyler Scott3c17d5f2015-06-23 17:49:29 -0600[diff] [blame]37 <div class="navbar-header">
Tyler Scott087aef72015-07-14 14:11:59 -0600[diff] [blame]38 <div class="navbar-brand">NDN Query and Retrieval Tool</div>
Tyler Scott3c17d5f2015-06-23 17:49:29 -0600[diff] [blame]39 </div>
Tyler Scotte8dac702015-10-13 14:33:25 -0600[diff] [blame^]40 <ul class="navbar-nav nav">
41 <li class="active"><a data-toggle="tab" href="#filterSearch">Filter Search</a></li>
42 <li><a data-toggle="tab" href="#pathSearch">Path Search</a></li>
43 <li><a data-toggle="tab" href="#treeSearchPane">Tree Search</a></li>
44 </ul>
Tyler Scott3c17d5f2015-06-23 17:49:29 -0600[diff] [blame]45 </div>
46 </header>
Alison Craigef12da82015-03-06 09:41:43 -0700[diff] [blame]47
Tyler Scott3c17d5f2015-06-23 17:49:29 -0600[diff] [blame]48 <div class="container-fluid">
Alison Craigef12da82015-03-06 09:41:43 -0700[diff] [blame]49
Tyler Scottf65b7102015-06-30 18:40:14 -0600[diff] [blame]50 <div class="row">
Alison Craigef12da82015-03-06 09:41:43 -0700[diff] [blame]51
Tyler Scotte8dac702015-10-13 14:33:25 -0600[diff] [blame^]52 <div class="col-sm-12 col-md-12">
Alison Craig1aced7d2015-04-10 12:00:02 -0600[diff] [blame]53
Tyler Scott4d951222015-07-31 14:38:27 -0600[diff] [blame]54 <div id="alerts"></div>
55
Tyler Scotte8dac702015-10-13 14:33:25 -0600[diff] [blame^]56 <div class="panel panel-info tab-pane fade in active" id="filterSearch">
Tyler Scott4d951222015-07-31 14:38:27 -0600[diff] [blame]57 <div class="panel-heading">Filter Based Search</div>
Tyler Scott3c17d5f2015-06-23 17:49:29 -0600[diff] [blame]58 <div class="panel-body">
Tyler Scotte8dac702015-10-13 14:33:25 -0600[diff] [blame^]59 <div class="col-sm-3 col-md-2 sidebar">
60 <div class="panel panel-primary">
61 <div class="panel-heading">
62 <span>Filter Categories</span>
63 </div>
64 <div class="panel-body">
65 <ul id="side-menu" class="nav nav-pills nav-stacked"></ul>
66 </div>
67 </div>
68 </div>
69 <div class="col-sm-9 col-md-10">
70 <div id="filters"></div>
71 <button id="searchButton" class="btn btn-primary right-fix">Search</button>
72 </div>
Tyler Scott4d951222015-07-31 14:38:27 -0600[diff] [blame]73 </div>
74 </div>
75
Tyler Scotte8dac702015-10-13 14:33:25 -0600[diff] [blame^]76 <div class="panel panel-info tab-pane fade" id="pathSearch">
Tyler Scott4d951222015-07-31 14:38:27 -0600[diff] [blame]77 <div class="panel-heading">Path Based Search</div>
78 <div class="panel-body">
Tyler Scott93cae872015-07-21 14:58:23 -0600[diff] [blame]79 <form class="form-inline" id="searchBar">
80 <div class="form-group">
Tyler Scott93cae872015-07-21 14:58:23 -0600[diff] [blame]81 <div class="input-group">
Tyler Scott9eb6abd2015-08-04 14:48:23 -0600[diff] [blame]82 <input id="search" placeholder="Enter a path (Ex: /CMIP5)"
83 type="text" class="form-control"
Tyler Scottc55879f2015-07-28 14:56:37 -0600[diff] [blame]84 title="This bar is for doing a tab completion like path completion. Press tab, enter, or click AutoComplete to begin your search.">
Tyler Scott93cae872015-07-21 14:58:23 -0600[diff] [blame]85 <div class="input-group-btn">
Tyler Scott08263852015-07-31 19:05:52 -0600[diff] [blame]86 <button id="autoCompleteSearch" type="submit" class="btn btn-primary">Search</button>
Tyler Scott7d076e22015-07-06 19:21:50 -0600[diff] [blame]87 </div>
Tyler Scott93cae872015-07-21 14:58:23 -0600[diff] [blame]88 </div>
Tyler Scott3c17d5f2015-06-23 17:49:29 -0600[diff] [blame]89 </div>
Tyler Scott93cae872015-07-21 14:58:23 -0600[diff] [blame]90 </form>
Tyler Scott3c17d5f2015-06-23 17:49:29 -0600[diff] [blame]91 </div>
Alison Craig1aced7d2015-04-10 12:00:02 -0600[diff] [blame]92 </div>
93
Tyler Scotte8dac702015-10-13 14:33:25 -0600[diff] [blame^]94 <div class="panel panel-info tab-pane fade" id="treeSearchPane">
95 <div class="panel-heading">Tree Based Search</div>
96 <div class="panel-body" id="treeSearch">
Tyler Scott918210b2015-08-28 13:15:40 -0600[diff] [blame]97 <div></div>
98 </div>
99 </div>
100
Tyler Scott3fc05272015-08-17 18:02:35 -0600[diff] [blame]101 <div id="results" class="panel panel-default hidden">
Tyler Scott3c17d5f2015-06-23 17:49:29 -0600[diff] [blame]102 <div class="panel-body">
Tyler Scottcdfcde82015-09-14 16:13:29 -0600[diff] [blame]103 <nav class="navbar navbar-inverse col-md-12 resultMenu">
Tyler Scott3fc05272015-08-17 18:02:35 -0600[diff] [blame]104 <ul class="nav navbar-nav navbar-left">
105 <li class="previous disabled">
106 <a href="#">&larr; Previous</a>
107 </li>
108 <li class="dropdown">
109 <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button">Results Per Page <span class="caret"></span></a>
110 <ul class="dropdown-menu">
111 <li class="active"><a href="#" class="resultsPerPageSelector">25</a></li>
112 <li><a href="#" class="resultsPerPageSelector">50</a></li>
113 <li><a href="#" class="resultsPerPageSelector">100</a></li>
114 <li><a href="#" class="resultsPerPageSelector">200</a></li>
115 </ul>
116 </li>
117 <li><a href="#" class="requestSelectedButton">Request Selected</a></li>
Tyler Scotte8dac702015-10-13 14:33:25 -0600[diff] [blame^]118 <li><a href="#" class="clearResults">Clear</a></li>
Tyler Scott3fc05272015-08-17 18:02:35 -0600[diff] [blame]119 </ul>
120 <div class="navbar-text">(Page <span class="pageNumber">0</span>) <span class="pageLength">0</span>/<span class="totalResults">0</span> Results</div>
121 <ul class="nav navbar-nav navbar-right">
122 <li class="next disabled">
123 <a href="#">Next &rarr;</a>
124 </li>
Tyler Scottc55879f2015-07-28 14:56:37 -0600[diff] [blame]125 </ul>
Tyler Scottbb013562015-07-16 15:52:40 -0600[diff] [blame]126 </nav>
Tyler Scotta1ac69d2015-07-02 17:42:03 -0600[diff] [blame]127 <table id="resultTable" class="table"></table>
Tyler Scottcdfcde82015-09-14 16:13:29 -0600[diff] [blame]128 <div class="sk-cube-grid">
129 <div class="sk-cube sk-cube1"></div>
130 <div class="sk-cube sk-cube2"></div>
131 <div class="sk-cube sk-cube3"></div>
132 <div class="sk-cube sk-cube4"></div>
133 <div class="sk-cube sk-cube5"></div>
134 <div class="sk-cube sk-cube6"></div>
135 <div class="sk-cube sk-cube7"></div>
136 <div class="sk-cube sk-cube8"></div>
137 <div class="sk-cube sk-cube9"></div>
138 </div>
139 <nav class="navbar navbar-inverse col-md-12 resultMenu">
Tyler Scott3fc05272015-08-17 18:02:35 -0600[diff] [blame]140 <ul class="nav navbar-nav navbar-left">
141 <li class="previous disabled">
142 <a href="#">&larr; Previous</a>
143 </li>
144 <li class="dropup">
145 <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button">Results Per Page <span class="caret"></span></a>
146 <ul class="dropdown-menu">
147 <li class="active"><a href="#" class="resultsPerPageSelector">25</a></li>
148 <li><a href="#" class="resultsPerPageSelector">50</a></li>
149 <li><a href="#" class="resultsPerPageSelector">100</a></li>
150 <li><a href="#" class="resultsPerPageSelector">200</a></li>
151 </ul>
152 </li>
153 <li><a href="#" class="requestSelectedButton">Request Selected</a></li>
Tyler Scotte8dac702015-10-13 14:33:25 -0600[diff] [blame^]154 <li><a href="#" class="clearResults">Clear</a></li>
Tyler Scott3fc05272015-08-17 18:02:35 -0600[diff] [blame]155 </ul>
156 <div class="navbar-text">(Page <span class="pageNumber">0</span>) <span class="pageLength">0</span>/<span class="totalResults">0</span> Results</div>
157 <ul class="nav navbar-nav navbar-right">
158 <li class="next disabled">
159 <a href="#">Next &rarr;</a>
160 </li>
Tyler Scottc55879f2015-07-28 14:56:37 -0600[diff] [blame]161 </ul>
162 </nav>
163 </div>
Tyler Scott3c17d5f2015-06-23 17:49:29 -0600[diff] [blame]164 </div>
Alison Craig1aced7d2015-04-10 12:00:02 -0600[diff] [blame]165
Tyler Scott3c17d5f2015-06-23 17:49:29 -0600[diff] [blame]166 </div>
Alison Craig1aced7d2015-04-10 12:00:02 -0600[diff] [blame]167
Alison Craigef12da82015-03-06 09:41:43 -0700[diff] [blame]168 </div>
Alison Craigef12da82015-03-06 09:41:43 -0700[diff] [blame]169
Tyler Scott3c17d5f2015-06-23 17:49:29 -0600[diff] [blame]170 </div>
Alison Craigef12da82015-03-06 09:41:43 -0700[diff] [blame]171
Tyler Scottcdfcde82015-09-14 16:13:29 -0600[diff] [blame]172 <div id="popup">
173 <div id="request" class="panel panel-primary">
174 <div class="panel-heading">Confirmation</div>
175 <div class="panel-body">
176 <form id="requestForm">
177 <p>Select a destination and press submit if you are sure you want to download the selected data to the selected destination.</p>
178 <div class="dropdown">
179 <button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown">
Tyler Scottb59e6de2015-09-18 14:46:30 -0600[diff] [blame]180 <span id="requestDropText">Destination<span>
Tyler Scottcdfcde82015-09-14 16:13:29 -0600[diff] [blame]181 <span class="caret"></span>
182 </button>
183 <ul id="requestDest" class="dropdown-menu"></ul>
184 </div>
185 <!-- Disabled For Demo
186 <div class="form-group">
187 <label>Authentication Key</label>
188 <input type="file" class="form-control" placeholder="JSON encoded RSA key">
189 <p class="help-block">It is required that you have authentication to move the files, otherwise this will fail.</p>
190 </div>
191 <div id="requestDrop" class="well">You can also drop your key here instead of using the input above.</div>
192 -->
193 <div class="absBotRight">
194 <button type="submit" class="btn btn-primary">Submit</button>
195 <button id="requestCancel" type="button" class="btn btn-default">Cancel</button>
196 </div>
197 </form>
198 </div>
199 </div>
200 </div>
201
Alison Craigef12da82015-03-06 09:41:43 -0700[diff] [blame]202</body>
203
204</html>