forked from johnstoecker/nprtop100
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·80 lines (77 loc) · 2.99 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
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
<!DOCTYPE html>
<!doctype html>
<html ng-app="bookChallenge">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="description" content="NPR Top 100 List"/>
<meta name="keywords" content="john, stoecker"/>
<meta name="classification" content="public"/>
<meta name="resource-type" content="document"/>
<meta name="author" content="johnstoecker.com"/>
<meta name="copyright" content="johnstoecker.com"/>
<script src="assets/jquery-2.2.1.min.js"></script>
<script src="assets/tabletop.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
<script src="assets/main.js"></script>
<link rel="stylesheet" href="css/main.css" type="text/css" media="all"/>
</head>
<body>
<div ng-controller="BookChallengeController">
<div class="book-list">
<h2>NPR Top 100 Challenge</h2>
<div class="leaderboard">
<div class="leaderboard-row" ng-repeat="person in people | orderBy : '-total'">
<div class="leaderboard-col-left">{{person.name}}:</div>
<div class="leaderboard-col-right">{{person.total}}</div>
</div>
</div>
<div class="book-sort">
<select ng-model="sortAttribute" ng-change="changeSort()">
<option ng-repeat="sortSelector in sortBySelectors" value="{{sortSelector.value}}">
{{sortSelector.name}}
</option>
</select>
<a ng-click="reverseSort()">
<img src="assets/{{sortReverseString}}.png" />
</a>
</div>
<div class="book-container" ng-repeat="book in bookData | orderBy:sortAttributes:sortReverse">
<img class="book-cover" src="{{book.Cover}}" />
<div class="book-details">
<div class="book-title">{{book.Title}}</div>
<div class="book-author">{{book.Author}}</div>
<div>
Read by:
<span class="book-read-by" ng-repeat="name in names" ng-if="book[name]=='x'">
<span>
{{name}}
</span>
</span>
</div>
<div ng-if="book.rating !== undefined">
<img src="assets/{{book.rating}}.png" ng-if="book.rating !== undefined" />
</div>
</div>
<div class="book-extras">
<span class="book-extra" ng-repeat="name in names" ng-if="((book[name+' says']!=='' && book[name+' says']!==undefined))">
<div class="book-extra-label">
<span>
{{name}} says:
</span>
<!-- <span ng-if="book[name+' rates']!=='' && book[name+' says']==''">
{{name}} rates:
</span> -->
<!-- <span ng-if="book[name+' rates']!==''">
<img src="assets/{{book[name+' rates']}}.png" />
</span> -->
</div>
<div ng-if="book[name+' says']!==''">
{{book[name+' says']}}
</div>
</span>
</div>
</div>
</div>
</div>
</body>
</html>