Solr-JavaScript-Search-Client/demo.html at main · BLE-LTER/Solr-JavaScript-Search-Client · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
	<title>Demo Solr Search</title>
	<meta charset="utf-8" />
	<script src="https://use.fontawesome.com/a989b590e9.js"></script>
	<link href="search.css" rel="stylesheet" type="text/css">
	<script src="cors.js"></script>
	<script src="pagination.js"></script>
	<script src="solr.js"></script>
</head>
<body>
	<p>Enter a search term like <strong>respiration</strong>, or choose an LTER Core Area like <strong>Disturbance</strong>. Datasets from the BNZ LTER site will be searched.</p>
	<form id="dataSearchForm" name="dataSearchForm">
		<label for="coreArea">LTER Core Area</label><br>
	    <select name="coreArea" id="coreArea">
		    <option value="any">Any</option>
		    <option value="primary production">Primary Production</option>
  		    <option value="organic matter">Organic Matter</option>
		    <option value="disturbance">Disturbance</option>
		    <option value="inorganic nutrients">Inorganic Nutrients</option>
		    <option value="populations">Populations</option>
	    </select><br><br>
		<input class="search-input" name="q" placeholder="Enter search term" type="text">
		<input type="submit" value="Search">
	</form>
	<div class="loading" id="loading-div">
		<i class="fa fa-spinner fa-pulse fa-3x fa-fw"></i>
		<span class="sr-only">Loading...</span>
	</div>
	<p>Search URL will be written below:</p>
	<p id="searchUrl"></p>
	<p>Search results will be written below:</p>


	<div class="resultCount" id="resultCount"></div>
	<div id="searchResults"></div>
	<div class="pagination" id="pagination"></div>
</body>
</html>