-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
63 lines (59 loc) · 2.48 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
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<!doctype html>
<html>
<head>
<title>Watches For Africa</title>
<script src="node_modules/angular/angular.js"></script>
<script src="node_modules/angular-aria/angular-aria.js"></script>
<script src="node_modules/angular-animate/angular-animate.js"></script>
<script src="node_modules/angular-material/angular-material.js"></script>
<script src="app.js"></script>
<script src="services/searchClient.js"></script>
<script src="controllers/mainController.js"></script>
<link rel="stylesheet" href="node_modules/angular-material/angular-material.css">
<link rel="stylesheet" href="css/site.css">
</head>
<body data-ng-app="watchthefudge" data-ng-controller="mainController as vm">
<div class="container" data-ng-cloak>
<md-toolbar>
<div class="md-toolbar-tools">
<h3>Watch Up Doc</h2>
</div>
</md-toolbar>
<md-content>
<md-input-container>
<div layout="row">
<input type="text" data-ng-model="vm.searchText" />
</div>
<div>
<md-button class="md-primary md-raised" data-ng-click="vm.search()">Search</md-button>
<md-button class="md-warn md-raised" data-ng-click="vm.init()">Seed DB</md-button>
</div>
</md-input-container>
<div layout="row">
<div flex="60">
<div>Price: R{{vm.price}}</div>
<md-slider flex ng-model="vm.price" min="0" max="15000"></md-slider>
</div>
<div >
<div>Warranty</div>
<br/>
<md-checkbox ng-model="vm.oneYear">1 Year</md-checkbox>
<md-checkbox ng-model="vm.threeYear">3 Year</md-checkbox>
</div>
</div>
<md-list>
<md-toolbar layout="row" class="md-toolbar-tools md-hue-1">
<div flex="60">Product</div>
<div flex="20">Warranty</div>
<div flex="20">Price</div>
</md-toolbar>
<md-list-item layout="row" data-ng-repeat="result in vm.searchResult">
<div flex="60">{{result.name}}</div>
<div flex="20">{{result.warranty}} years</div>
<div flex="20">R{{result.price}}</div>
</md-list-item>
</md-list>
</md-content>
</div>
</body>
</html>