forked from romansanchez/Calaca
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
49 lines (46 loc) · 2.11 KB
/
index.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
<!DOCTYPE html>
<html lang='en'>
<head>
<meta charset='utf-8'>
<title>Calaca | Search UI for Elasticsearch</title>
<link rel='stylesheet' type='text/css' href='css/reset.css'>
<link rel='stylesheet' type='text/css' href='css/calaca.css'>
<!--[if IE]>
<script src='http://html5shiv.googlecode.com/svn/trunk/html5.js'></script>
<![endif]-->
</head>
<body ng-app='calaca' ng-controller='calacaCtrl'>
<!-- Title and search box -->
<header class='jumbotron'>
<h1 class='title'>Calaca</h1>
<div class='search-box-container'>
<input type='text' class='search-box' placeholder='Search' autofocus ng-model='query' ng-change='search(0)'>
</div>
</header>
<!-- Listing of search results -->
<main class='results-container'>
<section class='results-info'>
<p id='response-details'>{{(hits | number) || 0}} {{resultsString || 'results'}} ({{timeTook || 0}}ms)</p>
<p ng-show='paginationEnabled()' id='pagination-details'>Showing {{paginationLowerBound}} - {{paginationUpperBound}}</p>
</section>
<section class='results'>
<p class='no-results' ng-show='!results.length && !loading'>No Results</p>
<article class='result' ng-repeat='result in results track by $id(result)'>
<h2>{{result.name}}</h2>
<p>{{result.description}}</p>
</article>
</section>
<section class='pagination-controls'>
<button ng-click='search(-1)' ng-show='paginationEnabled() && offset !== 0' class='pager'>Previous</button><button ng-click='search(1)' ng-show='paginationEnabled()' class='pager'>Next</button>
</section>
</main>
<!-- Load resources -->
<script src='bower_components/angular/angular.min.js' type='text/javascript'></script>
<script src='bower_components/angular-animate/angular-animate.min.js' type='text/javascript'></script>
<script src='bower_components/elasticsearch/elasticsearch.angular.min.js' type='text/javascript'></script>
<script src='js/config.js' type='text/javascript'></script>
<script src='js/app.js' type='text/javascript'></script>
<script src='js/controllers.js' type='text/javascript'></script>
<script src='js/services.js' type='text/javascript'></script>
</body>
</html>