-
Notifications
You must be signed in to change notification settings - Fork 4
/
todo.html
107 lines (99 loc) · 3.15 KB
/
todo.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
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
<meta charset="UTF-8" />
<title>ToDo List</title>
<meta name="description" content="" />
<meta name="keywords" value="" />
<link rel="stylesheet" href="css/ui-lightness/ui-lightness.css" type="text/css" />
<link rel="stylesheet" href="css/layout.css" type="text/css" />
</head>
<body id="todo">
<div id="content">
<button id="AddProject">Add Project</button>
<section>
<div id="tabs">
<ul>
<li><a href="#project1">Project 1</a> <span class="ui-icon ui-icon-close">Remove Tab</span></li>
</ul>
<div id="project1">
<div class="accordion">
<div>
<h3><a href="#">Download jQuery UI</a></h3>
<div>
<input type="checkbox" class="completed"> <strong>Download jQuery UI</strong>
<div>
Go to <a href="http://jqueryui.com/download">http://jqueryui.com/download</a> to download jQuery UI.
</div>
<div>
<strong>Date due:</strong> 11/15/2011
</div>
</div>
</div>
<div>
<h3><a href="#">Build Theme for jQuery UI</a></h3>
<div>
<input type="checkbox" class="completed"> <strong>Build Theme for jQuery UI</strong>
<div>
Go to <a href="http://jqueryui.com/theme">http://jqueryui.com/theme</a> to build my custom theme.
</div>
<div>
<strong>Date due:</strong> 11/15/2011
</div>
</div>
</div>
<div>
<h3><a href="#">Build complex UI with jQuery UI</a></h3>
<div>
<input type="checkbox" class="completed"> <strong>Build complex UI with jQuery UI</strong>
<div>
Using my newly downloaded jQuery UI and jQuery UI Theme build a complex UI with it.
</div>
<div>
<strong>Date due:</strong> 11/15/2011
</div>
</div>
</div>
</div>
<button class="AddToDo">Add</button>
</div>
</div>
<div id="AddProjectItem" title="Add a project">
<p>Use the form below to add a project.</p>
<div><label for="project">Project name:</label> <input type="text" id="project"></div>
</div>
<div id="AddToDoItem" title="Add To Do Item">
<p>Use the form below to add a to do item to the list.</p>
<div><label for="task">Task:</label> <input type="text" id="task"></div>
<div><label for="description">Description:</label> <textarea id="description"></textarea></div>
<div><label for="duedate">Date due:</label> <input type="text" id="duedate"></div>
</div>
</section>
</div>
<script id="ToDoItemTemplate" type="text/x-jquery-tmpl">
<div>
<h3><a href="#">${task}</a></h3>
<div>
<input type="checkbox" class="completed"> <strong>${task}</strong>
<div>
${description}
</div>
<div>
<strong>Date due:</strong> ${duedate}
</div>
</div>
</div>
</script>
<script id="newProjectTabTemplate" type="text/x-jquery-tmpl">
<div>
<div class="accordion">
</div>
<button class="AddToDo">Add</button>
</div>
</script>
<script src="js/lib/jquery-1.5.2.min.js"></script>
<script src="js/lib/jquery-ui-1.8.12.min.js"></script>
<script src="js/lib/jquery.tmpl.min.js"></script>
<script src="js/todo.js"></script>
</body>
</html>