-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
105 lines (85 loc) · 3.44 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
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
<html>
<head>
<title>Bookmarks</title>
<link href="bkmarks.css" media="all" type="text/css" rel="stylesheet" />
<script src="vendor/json2.js"></script>
<script src="vendor/jquery-1.5.2.min.js"></script>
<script src="vendor/jquery.effects.core.js"></script>
<script src="vendor/jquery.effects.highlight.js"></script>
<script src="vendor/underscore-1.1.5.js"></script>
<!-- I'm using a patched version of backbone's Collection.create -->
<script src="vendor/backbone-0.3.3.js"></script>
<script src="vendor/backbone-localstorage.js"></script>
<script src="bkmarks.js"></script>
</head>
<body>
<div id="header">
BKMarks
</div>
<div style="background-color: #f3f3f3;">
<div id="bkmarks-app">
<div id="bks">
<h1>Your bookmarks:<br /></h1>
<a href="#" class="quiet" id="start-create">New bookmark</a>
<div id="create-bk">
<h3>New bookmark:</h3>
<div id="error"></div>
<label for="new_title">Title</label><br />
<input id="new_title" name="new_title" type="text" size="35" /><br />
<label for="new_url">URL</label><br />
<input id="new_url" name="new_url" type="text" size="35" /><br />
<label for="new_tags">Tags</label><br />
<input id="new_tags" name="new_tags" type="text" width="100%" size="35"/><br />
<input type="submit" id="save-btn" value="Save" /><br />
<a href="#" class="quiet" id="cancel-create">Cancel</a>
</div>
<div id="search">
<input type="text" name="search" size="25" placeholder="Search" /><br />
<span id="bk-count" class="quiet"></span><br />
<a href="#" id="clear-search" class="quiet">Show all</a>
</div>
<ul id="bk-list"></ul>
</div>
</div>
</div>
<div id="footer">
<p style="line-height: 1.5em;">
This is just me learning <a href="http://documentcloud.github.com/backbone">backbone.js</a>.<br />
Tested on Chrome 10, screw the rest.<br />
</p>
</div>
<script type="text/template" id="bk-template">
<div class="bk">
<table class="saved" width="100%">
<tr>
<td width="20%">
</td>
<td width="60%">
<div class="bk-link">
<a href="<%= url %>"><%= title %></a>
</div>
<div class="tags"><%= tags %></div>
</td>
<td width="20%">
<div class="controls">
<span class="edit-img"><img src="img/edit.png"/></span>
<span class="destroy-img"><img src="img/destroy.png"/></span>
</div>
</td>
</tr>
</table>
<div class="edit">
<h3>Edit bookmark:</h3>
<label for="edit_title">Title</label><br />
<input class="edit_title" name="edit_title" type="text" widht="100%" size="35" /><br />
<label for="edit_url">URL</label><br />
<input class="edit_url" name="edit_url" type="text" widht="100%" size="35" /><br />
<label for="edit_tags">Tags</label><br />
<input class="edit_tags" name="new_tags" type="text" width="100%" size="35"/><br />
<input type="submit" class="edit-btn" value="Save" /><br />
<a href="#" class="cancel-edit quiet">Cancel</a>
</div>
</div>
</script>
</body>
</html>