-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathoptions.html
96 lines (92 loc) · 3.21 KB
/
options.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Web Time Tracker</title>
<style>
svg > g > g:last-child { pointer-events: none }
body {
font-family: Arial, sans-serif;
font-size: 11px;
min-width: 650;
background-color: #dee6f2;
}
div#timechart{
min-height: 500px;
min-width: 500px;
/* width: 550px; */
left: auto;
}
</style>
</head>
<body>
<div>
<div id="title">
<div style="font-size: 125%; font-weight: bold;">Social Media / Web Time Tracker</div>
<div style="font-size: 100%; font-weight: bold; text-decoration: italic">Golly! Where has the time gone?</div>
<br>
<div>This little extension tracks the time you spend on each tab and
reports the totals by date range and host domain. Time spent in other
apps while the browser is open is tracked, but time spent with the
browser closed is not.</div>
<br />
Experiment ID: <input type="text" id="user_id">
<br />
Aggregation Level: <select id="agg_level"> <option value="only_social">Only Social Media + email</option><option value="all">Website</option></select>
<hr>
<div id="controls">
<div style="font-weight: bold;">Options</div>
<table width="90%">
<tr>
<td width="50%">
Date Range: <select id="timerange">
<option value="today">Today</option>
<option value="yesterday">Yesterday</option>
<option value="1week">Last Week</option>
<option value="2week">Last Fortnight</option>
</select>
</td>
<td width="50%">
What defines a page in use: <select id="type">
<option value="active">Has Focus</option>
<option value="showing">Visible</option>
</select>
</td>
</tr>
<tr>
<td>
Host names: <select id="toponly">
<option value="true">Domain only</option>
<option value="false">Full name</option>
</select>
</td>
<td>
Chart type: <select id="graphtype">
<option value="pie">Pie</option>
<option value="column">Column</option>
</select>
</td>
</tr>
</table>
</div>
<hr>
<div style="font-weight: bold;">Results</div>
<br>
<div id="messages">
<span id="total_minutes"></span><br>
<span id="browser_minutes"></span>
</div>
<div id="timechart"></div>
<hr>
<div id="statusdiv"></div>
<hr>
<div id="scriptdiv">
<script type="text/javascript" src="defaults.js"></script>
<script type="text/javascript" src="shared.js"></script>
<script type="text/javascript" src="chartjs/Chart.bundle.js"></script>
<script type="text/javascript" src="chartjs/chartjs-plugin-labels.js"></script>
<script type="text/javascript" src="options.js"></script>
</div>
</div>
</body>
</html>