forked from davidsulc/backbone.marionette-collection-example
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
47 lines (46 loc) · 1.89 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
<!DOCTYPE html>
<html>
<head>
<title>BACKBONE Marionette Tutorial: Collections</title>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/json2/20110223/json2.js"></script>
<script src="./assets/javascripts/vendor/underscore.js"></script>
<script src="./assets/javascripts/vendor/backbone.js"></script>
<script src="./assets/javascripts/vendor/backbone.marionette.js"></script>
<link href="./assets/css/bootstrap.css" rel="stylesheet">
<link href="./assets/css/custom.css" rel="stylesheet">
<style>
.rankable{ background-color:gold;cursor:pointer; }
.ranking-desc{ -o-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg); }
.ranking-selected{ background-color:violet; }
</style>
<script src="./assets/javascripts/application.js"></script>
</head>
<body>
<div id="content"></div>
<script type="text/template" id="angry_cats-template">
<thead>
<tr class='header'>
<th class="tablo-row-rank rankable">Rank</th>
<th class="tablo-row-votes rankable">Votes</th>
<th class="tablo-row-name rankable">Name</th>
<th class="tablo-row-picture">Image</th>
<th class="tablo-row-up_down"></th>
<th></th>
</tr>
</thead>
<tbody></tbody>
</script>
<script type="text/template" id="angry_cat-template">
<td><%= rank %></td>
<td><%= votes %></td>
<td><%= name %></td>
<td><img class='angry_cat_pic' src='<%= image_path %>' /></td>
<td>
<div class='rank_up'><img id="rank_up" src='assets/images/up.gif' /></div>
<div class='rank_down'><img src='assets/images/down.gif' /></div>
</td>
<td><a href="#" class="disqualify">Disqualify</a></td>
</script>
</body>
</html>