This repository has been archived by the owner on Dec 30, 2019. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 6
/
index.html
81 lines (74 loc) · 2.97 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
81
<!DOCTYPE html>
<html lang="en-us" manifest="idbtasklist.manifest">
<head>
<meta charset="utf-8">
<title>IndexedDB Task List</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<header>
<div><a href="https://github.com/webinista/IDBTaskList"><img style="position: absolute; top: 0; left: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_left_green_007200.png" alt="Fork me on GitHub"></a></div>
<p style="position:relative;margin:0"><a href="http://dev.opera.com/articles/introduction-to-indexeddb/">Related article on Dev.Opera</a></p>
</header>
<section id="tasklist">
<h1>To-do List</h1>
<form id="search">
<div><input type="search" id="find" name="find">
<button type="submit" id="submit">Search</button>
<button type="button" id="showadd" data-show="#addnew" data-hide="#tasklist">Add new</button></div>
</form>
<table id="list" class="hidden">
<thead>
<tr>
<th>Task</th>
<th>Due</th>
<th>Priority</th>
<th>Complete</th>
</tr>
</thead>
<tbody></tbody>
</table>
</section>
<form id="addnew" class="hidden" data-mode="add">
<div>
<input type="hidden" name="key" id="key" value="">
<label for="task">What do you need to do? (required)</label>
<button type="button" class="right" data-show="#tasklist" data-hide="#addnew" id="viewall">View all tasks</button>
<input type="text" name="task" id="task" value="" required>
</div>
<p class="txtright">
<input type="checkbox" name="status" id="status"><label for="status">Completed?</label>
</div>
<div>
<label for="start">Start date:</label>
<input type="date" id="start" name="start" value="">
</div>
<div>
<label for="due">Due date:</label>
<input type="date" id="due" name="due" value="">
</div>
<div>
<label for="priority">Priority:</label>
<select id="priority" name="priority">
<option value="0">None</option>
<option value="1">1 - High</option>
<option value="2">2</option>
<option value="3">3 - Medium</option>
<option value="4">4</option>
<option value="5">5 - Low</option>
</select>
</div>
<div>
<label for="notes">Task notes</label>
<textarea id="notes" name="notes" cols="30" rows="3"></textarea>
<button type="submit" id="submit">Save entry</button>
<button type="button" id="delete">Delete entry</button>
</div>
</form>
<footer>
<p>By <a href="http://tiffanybbrown.com/">Tiffany B. Brown</a>. Released to the <a href="LICENSE.txt">public domain</a>. Have at it!</p>
</footer>
<script type="text/javascript" src="js/utils.js"></script>
<script type="text/javascript" src="js/todolist.js"></script>
</body>
</html>