-
Notifications
You must be signed in to change notification settings - Fork 5
/
Copy pathpopup.html
103 lines (103 loc) · 5.13 KB
/
popup.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
<!DOCTYPE html>
<html>
<head>
<title>Simple Time Tracker Application for Chrome Extension</title>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8">
<meta http-equiv="origin-trial"
content="AgyH35c/XhMvs0gORM6GUHms0idFY/G4UkZpXLrgcDR0YOvw6wRAp46mF+H56szvV60aGG+tdrGzW1JuY2D3MgoAAABneyJvcmlnaW4iOiJjaHJvbWUtZXh0ZW5zaW9uOi8vaWZkbWdwY2NoYXBqbGxkbGpmZWdmZG5vamFpZWFjbW4iLCJmZWF0dXJlIjoiV2ViU1FMIiwiZXhwaXJ5IjoxNzE2OTQwNzk5fQ==">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="shortcut icon" type="image/ico" href="stt32x32.png">
</head>
<body>
<div id="holder">
<div id="bar">
<a href="javascript:void(0)" class="create button"><span></span> New</a>
<a href="javascript:void(0)" class="export-all button"><span></span> Export All</a>
<a href="javascript:void(0)" class="options button" title="Options"><span></span> ⚙</a>
<a href="javascript:void(0)" class="reset-all button"><span></span> Reset All</a>
<a href="javascript:void(0)" class="remove-all button"><span></span> Delete All</a>
</div>
<div id="content">
<div id="form-list"></div>
<p id="form-error" class="form" style="display: none"></p>
<div id="form-create" class="form" style="display: none">
<div>
<label for="new-task-name">Task name</label>
<input type="text" name="task-name" id="new-task-name" class="text" required>
</div>
<div>
<label for="new-task-project">Project name</label>
<input type="text" name="task-project" id="new-task-project" class="text">
</div>
<div class="buttons">
<input type="button" id="button-create" value="Save">
<input type="button" id="form-create.cancel-button" class="cancel" rel="form-create" value="Cancel">
</div>
<p style="display: none" id="create-status"></p>
</div>
<div id="form-update" class="form" style="display: none">
<input type="hidden" name="task-id" id="task-id" value>
<div>
<label for="task-name">Task name *</label>
<input type="text" name="task-name" id="task-name" class="text" required>
</div>
<div>
<label for="task-project">Project name</label>
<input type="text" name="task-project" id="task-project" class="text">
</div>
<div>
<label for="task-time">Task time (sec)</label>
<input type="text" name="task-time" id="task-time" class="text">
</div>
<div>
<label for="task-rate">Hourly rate</label>
<input type="text" name="task-rate" id="task-rate" class="text">
</div>
<div>
<label for="task-notes">Notes</label>
<textarea name="task-notes" id="task-notes" class="textarea" rows="3"></textarea>
</div>
<div class="buttons">
<input type="button" id="button-update" value="Update">
<input type="button" id="form-update.cancel-button" class="cancel" rel="form-update" value="Cancel">
</div>
<p style="display: none" id="update-status"></p>
</div>
<div id="form-remove" class="form" style="display: none">
<p id="remove-confirm" class="remove-confirm"></p>
<p class="buttons">
<input type="button" id="button-remove" value="Delete">
<input type="button" id="form-remove.cancel-button" class="cancel" rel="form-remove" value="Cancel">
</p>
</div>
<div id="form-reset-all" class="form" style="display: none">
<p id="reset-all-confirm" class="remove-confirm">Are you sure you want to <strong>reset all tasks</strong>?
</p>
<p class="buttons">
<input type="button" id="button-reset-all" value="Yes">
<input type="button" id="form-reset-all.cancel-button" class="cancel" rel="form-reset-all"
value="Cancel">
</p>
</div>
<div id="form-remove-all" class="form" style="display: none">
<p id="remove-all-confirm" class="remove-confirm">Are you sure you want to <strong>delete all tasks</strong>?
</p>
<p class="buttons">
<input type="button" id="button-remove-all" value="Yes">
<input type="button" id="form-remove-all.cancel-button" class="cancel" rel="form-remove-all"
value="Cancel">
</p>
</div>
</div>
<div id="footer">
Version <span id="version"></span>
<span id="total-time">Total: <span id="total-time-counter"></span></span>
</div>
</div>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jsstore.min.js"></script>
<script type="text/javascript" src="js/jsstore.worker.min.js"></script>
<script type="text/javascript" src="js/tasks.js"></script>
<script type="text/javascript" src="js/init.js"></script>
</body>
</html>