forked from mgottholsen/solrstrap
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsolrstrap.html
128 lines (117 loc) · 4.57 KB
/
solrstrap.html
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
120
121
122
123
124
125
126
127
128
<!DOCTYPE html>
<html>
<head>
<title>data.noaa.gov</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=EDGE" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Bootstrap -->
<link href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.2/css/bootstrap-responsive.min.css" rel="stylesheet" media="screen">
<link href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.2/css/bootstrap.min.css" rel="stylesheet" media="screen">
<link href="css/solrstrap.css" rel="stylesheet" media="screen">
<link id="bsdp-css" href="css/datepicker3.css" rel="stylesheet">
</head>
<body screen_capture_injected="true">
<!--actual visible HTML-->
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="brand" href="#">data.noaa.gov</a>
<form class="navbar-search" style="float:right">
<div id="search-div">
<input type="text" class="search-query span8" placeholder="Search for a dataset..." onfocus="this.value = this.value;" id="solrstrap-searchbox" name="q">
<div class="input-daterange input-group" id="datepicker">
<input type="text" class="input-sm form-control" name="start" />
<span class="input-group-addon">to</span>
<input type="text" class="input-sm form-control" name="end" />
</div>
</div>
</form>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div id="solrstrap-facets" class="span4"></div>
<div id="solrstrap-hits" class="span8"></div>
</div>
</div>
<!--Handlebars layout templates-->
<script type="text/x-handlebars-template" id="hit-template">
<div class="entry">
{{#if link}}
<a href="{{link}}" target="_blank">{{{title}}}</a><br>
{{{text}}}
{{else}}
<strong>{{{title}}}</strong><br>
{{{text}}}
{{/if}}
{{#if group}}
<div class="facet-group">
<b>More like this:</b> <a href='#' title='{{group}}'>{{group}}</a><br/>
</div>
{{/if}}
</div>
</script>
<script type="text/x-handlebars-template" id="result-summary-template">
<div id="result-summary">
{{totalresults}} results for <strong><i>{{query}}</i></strong>
</div>
<div>
GROUPS (<span id="group-label"></span>):
<span class="nav-group">
<div class="group-group">
<a href='#' >contact-email</a>
<a href='#' >contact-name</a>
<a href='#' >harvest_source_title</a>
<a href='#' >responsible-party</a>
<a href='#' >name</a>
<a href='#' >metadata-type</a>
<a href='#' >collection_metadata</a>
<a href='#' >config</a>
<a href='#' >coupled-resource</a>
<a href='#' >dataset_type</a>
<a href='#' >entity_type</a>
<a href='#' >license</a>
<a href='#' >parent_of</a>
<a href='#' >AJS_CLUSTER</a>
</div>
</span>
</br>
</br>
</div>
</script>
<script type="text/x-handlebars-template" id="nav-template">
<div class="facet">
<span class="nav-title" data-facetname="{{title}}">{{facet_displayname title}}</span><br>
{{#each navs}}
<a href='#' title='{{@key}} ({{this}})'>{{@key}}</a> ({{this}})<br/>
{{/each}}
</div>
</script>
<script type="text/x-handlebars-template" id="chosen-nav-template">
<div class="chosen-facet">
<span class="nav-title">Filters</span><br>
{{#each this}}
<a class="close" href="#">×</a>
<a href='#' class="selectedNav"
data-filter="{{name}}:{{value}}"
title="{{facet_displayname name}}:{{value}}">{{facet_displayname name}}:{{value}}</a><br>
{{/each}}
</div>
</script>
<!--load scripts at the bottom-->
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery-migrate/1.2.1/jquery-migrate.min.js"></script>
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery.ba-bbq/1.2.1/jquery.ba-bbq.min.js"></script>
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.0.0/handlebars.min.js"></script>
<script type='text/javascript' src="js/solrstrap.js"></script>
<script type='text/javascript' src="js/bootstrap-datepicker.js"></script>
<script type='text/javascript'>
$('.input-daterange').datepicker({
autoclose: true
});
</script>
</body>
</html>