-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
73 lines (72 loc) · 3.03 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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Todos</title>
<link href="stylesheets/screen.css" media="all" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.2.2/underscore-min.js"></script>
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/backbone.js/0.5.3/backbone-min.js"></script>
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/backbone-localstorage.js/1.0/backbone.localStorage-min.js" type="text/javascript"></script>
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.0.0.beta2/handlebars.min.js" ></script>
<script type="text/javascript" src="javascripts/backrub.js" ></script>
</head>
<body>
<script id="app-template" type="text/handlebar-template">
{{#view AppView}}
<div class='title'>
<h1>Todos</h1>
</div>
<div class='content'>
<div id='create-todo'>
<input id='new-todo' placeholder='What needs to be done?' type='text' />
<span class='ui-tooltip-top'>Press Enter to create this task</span>
</div>
<div id="todos"
{{#collection model colTag="ul" colId="todo-list" itemView="TodoView"}}
{{#if done}}
<input type='checkbox' class='todo-check' checked="checked" />
{{else}}
<input type='checkbox' class='todo-check'/>
{{/if}}
<div class='todo-content'>{{content}}</div>
<span class='todo-destroy'></span>
<input type='text' class='todo-input' {{bindAttr value=content}}/>
{{/collection}}
</div>
</div>
<div id='todo-stats'>
{{#if items}}
<span class="todo-count">
<span class="number">{{bind "remainingItems"}}</span>
<span class="word"> {{bind "remainingWord"}}</span>
left.
</span>
{{/if}}
{{#if doneItems}}
<span class="todo-clear">
<a href="#">
Clear
<span class="number-done">{{bind "doneItems"}} </span>
completed
<span class="word-done">{{bind "doneWord"}}</span>
</a>
</span>
{{/if}}
</div>
</div>
<ul id='instructions'>
<li>Double-click to edit a todo.</li>
</ul>
<div id='credits'>
Created by
<br />
<a href='http://jgn.me/'>Jérôme Gravel-Niquet</a>
<br />
Updated by
<br />
<a href='http://jguimont.com/'>Julien Guimont</a>
{{/view}}
</script>
<script language="javascript" src="javascripts/todos.js" type="text/javascript"></script>
</body>
</html>