Gitiles
Code Review Sign In
gerrit.named-data.net / ndn-atmos / 918210bf0d6280f8339e2f9c31fdf0d94a16f171 / . / client / catalog / index.html
blob: bd2e933c84824e2440504a2c0fd434ee99fa84c6 [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 Scott696d38f2015-08-04 22:41:22 -0600[diff] [blame]19<link rel="stylesheet" href="css/theme.min.css">
Tyler Scott696d38f2015-08-04 22:41:22 -0600[diff] [blame]20<link rel="stylesheet" href="css/style.css">
Alison Craigef12da82015-03-06 09:41:43 -0700[diff] [blame]21
Tyler Scott3c17d5f2015-06-23 17:49:29 -0600[diff] [blame]22<!-- Scripts -->
Tyler Scotte815d3e2015-07-09 16:56:17 -0600[diff] [blame]23<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
Tyler Scott08263852015-07-31 19:05:52 -0600[diff] [blame]24<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
25<script src="../ndn-js/build/ndn.min.js"></script>
Tyler Scott696d38f2015-08-04 22:41:22 -0600[diff] [blame]26<script src="js/autocomplete.js"></script>
Tyler Scott918210b2015-08-28 13:15:40 -0600[diff] [blame^]27<script src="js/treeExplorer.js"></script>
Tyler Scott696d38f2015-08-04 22:41:22 -0600[diff] [blame]28<script src="js/catalog.js"></script>
Alison Craig1aced7d2015-04-10 12:00:02 -0600[diff] [blame]29
Alison Craigef12da82015-03-06 09:41:43 -0700[diff] [blame]30</head>
31
32<body id="body">
Tyler Scott3c17d5f2015-06-23 17:49:29 -0600[diff] [blame]33 <header>
Tyler Scott08263852015-07-31 19:05:52 -0600[diff] [blame]34 <div class="navbar navbar-inverse navbar-static-top container-fluid">
Tyler Scott3c17d5f2015-06-23 17:49:29 -0600[diff] [blame]35 <div class="navbar-header">
Tyler Scott087aef72015-07-14 14:11:59 -0600[diff] [blame]36 <div class="navbar-brand">NDN Query and Retrieval Tool</div>
Tyler Scott3c17d5f2015-06-23 17:49:29 -0600[diff] [blame]37 </div>
38 </div>
39 </header>
Alison Craigef12da82015-03-06 09:41:43 -0700[diff] [blame]40
Tyler Scott3c17d5f2015-06-23 17:49:29 -0600[diff] [blame]41 <div class="container-fluid">
Alison Craigef12da82015-03-06 09:41:43 -0700[diff] [blame]42
Tyler Scottf65b7102015-06-30 18:40:14 -0600[diff] [blame]43 <div class="row">
Alison Craigef12da82015-03-06 09:41:43 -0700[diff] [blame]44
Tyler Scottf65b7102015-06-30 18:40:14 -0600[diff] [blame]45 <div class="col-sm-3 col-md-2 sidebar">
Tyler Scott3fc05272015-08-17 18:02:35 -0600[diff] [blame]46 <div class="panel panel-primary">
Tyler Scott9eb6abd2015-08-04 14:48:23 -0600[diff] [blame]47 <div class="panel-heading">
48 <span>Filter Categories</span>
Tyler Scottc55879f2015-07-28 14:56:37 -0600[diff] [blame]49 </div>
Tyler Scottf65b7102015-06-30 18:40:14 -0600[diff] [blame]50 <div class="panel-body">
51 <ul id="side-menu" class="nav nav-pills nav-stacked"></ul>
52 </div>
Tyler Scott3c17d5f2015-06-23 17:49:29 -0600[diff] [blame]53 </div>
54 </div>
Alison Craig1aced7d2015-04-10 12:00:02 -0600[diff] [blame]55
Tyler Scott3c17d5f2015-06-23 17:49:29 -0600[diff] [blame]56 <div class="col-sm-9 col-md-10">
Alison Craig1aced7d2015-04-10 12:00:02 -0600[diff] [blame]57
Tyler Scott4d951222015-07-31 14:38:27 -0600[diff] [blame]58 <div id="alerts"></div>
59
Tyler Scott3fc05272015-08-17 18:02:35 -0600[diff] [blame]60 <div class="panel panel-info">
Tyler Scott4d951222015-07-31 14:38:27 -0600[diff] [blame]61 <div class="panel-heading">Filter Based Search</div>
Tyler Scott3c17d5f2015-06-23 17:49:29 -0600[diff] [blame]62 <div class="panel-body">
Tyler Scotte815d3e2015-07-09 16:56:17 -0600[diff] [blame]63 <div id="filters"></div>
Tyler Scott4d951222015-07-31 14:38:27 -0600[diff] [blame]64 <button id="searchButton" class="btn btn-primary right-fix">Search</button>
65 </div>
66 </div>
67
Tyler Scott3fc05272015-08-17 18:02:35 -0600[diff] [blame]68 <div class="panel panel-info">
Tyler Scott4d951222015-07-31 14:38:27 -0600[diff] [blame]69 <div class="panel-heading">Path Based Search</div>
70 <div class="panel-body">
Tyler Scott93cae872015-07-21 14:58:23 -0600[diff] [blame]71 <form class="form-inline" id="searchBar">
72 <div class="form-group">
Tyler Scott93cae872015-07-21 14:58:23 -0600[diff] [blame]73 <div class="input-group">
Tyler Scott9eb6abd2015-08-04 14:48:23 -0600[diff] [blame]74 <input id="search" placeholder="Enter a path (Ex: /CMIP5)"
75 type="text" class="form-control"
Tyler Scottc55879f2015-07-28 14:56:37 -0600[diff] [blame]76 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]77 <div class="input-group-btn">
Tyler Scott08263852015-07-31 19:05:52 -0600[diff] [blame]78 <button id="autoCompleteSearch" type="submit" class="btn btn-primary">Search</button>
Tyler Scott7d076e22015-07-06 19:21:50 -0600[diff] [blame]79 </div>
Tyler Scott93cae872015-07-21 14:58:23 -0600[diff] [blame]80 </div>
Tyler Scott3c17d5f2015-06-23 17:49:29 -0600[diff] [blame]81 </div>
Tyler Scott93cae872015-07-21 14:58:23 -0600[diff] [blame]82 </form>
Tyler Scott3c17d5f2015-06-23 17:49:29 -0600[diff] [blame]83 </div>
Alison Craig1aced7d2015-04-10 12:00:02 -0600[diff] [blame]84 </div>
85
Tyler Scott918210b2015-08-28 13:15:40 -0600[diff] [blame^]86 <div class="panel panel-info">
87 <div class="panel-heading">Tree Based Search<a data-toggle="collapse" class="collapsed" data-target="#treeSearch" href="#treeSearch"></a></div>
88 <div class="panel-body collapse" id="treeSearch">
89 <div></div>
90 </div>
91 </div>
92
Tyler Scott3fc05272015-08-17 18:02:35 -0600[diff] [blame]93 <div id="results" class="panel panel-default hidden">
Tyler Scott3c17d5f2015-06-23 17:49:29 -0600[diff] [blame]94 <div class="panel-body">
Tyler Scott3fc05272015-08-17 18:02:35 -0600[diff] [blame]95 <nav class="navbar navbar-inverse col-md-12 resultMenu hidden">
96 <ul class="nav navbar-nav navbar-left">
97 <li class="previous disabled">
98 <a href="#">&larr; Previous</a>
99 </li>
100 <li class="dropdown">
101 <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button">Results Per Page <span class="caret"></span></a>
102 <ul class="dropdown-menu">
103 <li class="active"><a href="#" class="resultsPerPageSelector">25</a></li>
104 <li><a href="#" class="resultsPerPageSelector">50</a></li>
105 <li><a href="#" class="resultsPerPageSelector">100</a></li>
106 <li><a href="#" class="resultsPerPageSelector">200</a></li>
107 </ul>
108 </li>
109 <li><a href="#" class="requestSelectedButton">Request Selected</a></li>
110 </ul>
111 <div class="navbar-text">(Page <span class="pageNumber">0</span>) <span class="pageLength">0</span>/<span class="totalResults">0</span> Results</div>
112 <ul class="nav navbar-nav navbar-right">
113 <li class="next disabled">
114 <a href="#">Next &rarr;</a>
115 </li>
Tyler Scottc55879f2015-07-28 14:56:37 -0600[diff] [blame]116 </ul>
Tyler Scottbb013562015-07-16 15:52:40 -0600[diff] [blame]117 </nav>
Tyler Scotta1ac69d2015-07-02 17:42:03 -0600[diff] [blame]118 <table id="resultTable" class="table"></table>
Tyler Scott3fc05272015-08-17 18:02:35 -0600[diff] [blame]119 <nav class="navbar navbar-inverse col-md-12 resultMenu hidden">
120 <ul class="nav navbar-nav navbar-left">
121 <li class="previous disabled">
122 <a href="#">&larr; Previous</a>
123 </li>
124 <li class="dropup">
125 <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button">Results Per Page <span class="caret"></span></a>
126 <ul class="dropdown-menu">
127 <li class="active"><a href="#" class="resultsPerPageSelector">25</a></li>
128 <li><a href="#" class="resultsPerPageSelector">50</a></li>
129 <li><a href="#" class="resultsPerPageSelector">100</a></li>
130 <li><a href="#" class="resultsPerPageSelector">200</a></li>
131 </ul>
132 </li>
133 <li><a href="#" class="requestSelectedButton">Request Selected</a></li>
134 </ul>
135 <div class="navbar-text">(Page <span class="pageNumber">0</span>) <span class="pageLength">0</span>/<span class="totalResults">0</span> Results</div>
136 <ul class="nav navbar-nav navbar-right">
137 <li class="next disabled">
138 <a href="#">Next &rarr;</a>
139 </li>
Tyler Scottc55879f2015-07-28 14:56:37 -0600[diff] [blame]140 </ul>
141 </nav>
142 </div>
Tyler Scott3c17d5f2015-06-23 17:49:29 -0600[diff] [blame]143 </div>
Alison Craig1aced7d2015-04-10 12:00:02 -0600[diff] [blame]144
Tyler Scott3c17d5f2015-06-23 17:49:29 -0600[diff] [blame]145 </div>
Alison Craig1aced7d2015-04-10 12:00:02 -0600[diff] [blame]146
Alison Craigef12da82015-03-06 09:41:43 -0700[diff] [blame]147 </div>
Alison Craigef12da82015-03-06 09:41:43 -0700[diff] [blame]148
Tyler Scott3c17d5f2015-06-23 17:49:29 -0600[diff] [blame]149 </div>
Alison Craigef12da82015-03-06 09:41:43 -0700[diff] [blame]150
Alison Craigef12da82015-03-06 09:41:43 -0700[diff] [blame]151</body>
152
153</html>