]> git.wh0rd.org - chrome-ext/clearhistory-advance-fork.git/blame - views/options.html
rewrite options page to be more chrome-like
[chrome-ext/clearhistory-advance-fork.git] / views / options.html
CommitLineData
a5409a6b
MF
1<!DOCTYPE html>
2<!-- Copyright 2011 Google Inc. All Rights Reserved. -->
3
4<!--
5 * @fileoverview The main options page for the extension to customize the time
6 * for cleaning the history and if prompt needs to be displayed
7 * @author arunjit@google.com (Arunjit Singh)
8-->
9<html>
10 <head>
11 <title id="optionsTitle"></title>
999b23e3
MF
12 <link rel="stylesheet" type="text/css" href="../chrome-bootstrap/chrome-bootstrap.css" />
13 <link rel="stylesheet" type="text/css" href="../css/options.css" />
a5409a6b 14 </head>
999b23e3
MF
15
16<body class="chrome-bootstrap">
17 <div class="frame">
18
19 <div class="navigation">
20 <h1><a href="#" i18n-content="optionsHeader"></a></h1>
21 <ul class="menu">
22 <li class="selected">
23 <a href="#options" i18n-content="frameOptions"></a>
24 </li>
25 </ul>
26 <ul>
27 <li>&nbsp;<img src='../images/icon128.png'/></li>
28 </ul>
29 </div>
30
31 <div class="mainview view">
32 <div id="options" class="selected">
33 <header>
34 <h1 i18n-content="frameOptions"></h1>
35 </header>
36 <div class="content">
37
38<section>
39 <h3 i18n-content="headerTimeRange"></h3>
40
41 <div class="radio">
42 <label>
43 <input name="timeStart" type="radio" value="yes" selected/>
44 <span i18n-content="optionsTimeStartNewer"></span>
45 </label>
46 </div>
47 <div class="checkbox">
48 <label>
49 <input name="timeStart" type="radio" value="no"/>
50 <span i18n-content="optionsTimeStartOlder"></span>
51 </label>
52 </div>
53
54 <br/>
55
56 <div class="radio">
57 <label> <!-- 1 hour -->
58 <input name="time" type="radio" value="1" tabindex="1"/>
59 <span class="opt-label" id="opt-1"></span>
60 </label>
61 </div>
62 <div class="radio">
63 <label> <!-- 2 hours -->
64 <input name="time" type="radio" value="2"/>
65 <span class="opt-label" id="opt-2"></span>
66 </label>
67 </div>
68 <div class="radio">
69 <label> <!-- 1 day -->
70 <input name="time" type="radio" value="24"/>
71 <span class="opt-label" id="opt-24"></span>
72 </label>
73 </div>
74 <div class="radio">
75 <label> <!-- 7 days -->
76 <input name="time" type="radio" value="168"/>
77 <span class="opt-label" id="opt-168"></span>
78 </label>
79 </div>
80 <div class="radio">
81 <label> <!-- 14 days -->
82 <input name="time" type="radio" value="336"/>
83 <span class="opt-label" id="opt-336"></span>
84 </label>
85 </div>
86 <div class="radio">
87 <label> <!-- 30 days -->
88 <input name="time" type="radio" value="720"/>
89 <span class="opt-label" id="opt-720"></span>
90 </label>
91 </div>
92 <div class="radio">
93 <label>
94 <input name="time" type="radio" value="-1"/>
95 <span class="opt-label" id="opt--1"></span>
96 </label>
97 </div>
98</section>
99
100<section>
101 <h3 i18n-content='headerUserInterface'></h3>
102
103 <div class="checkbox">
104 <label>
105 <input name="prompt" type="checkbox" checked/>
106 <span i18n-content="optionsPrompt"></span>
107 </label>
108 </div>
109
110 <div class="checkbox">
111 <label>
112 <input name="autoclear" type="checkbox"/>
113 <span i18n-content="optionsAutoclear"></span>
114 </label>
115 </div>
116</section>
117
118<section>
119 <h3 i18n-content='headerDataSelection'></h3>
120
121 <div class="checkbox">
122 <label>
123 <input name="cookies" type="checkbox"/>
124 <span i18n-content="optionsCookies"></span>
125 </label>
126 </div>
127
128 <div class="checkbox">
129 <label>
130 <input name="downloads" type="checkbox"/>
131 <span i18n-content="optionsDownloads"></span>
132 </label>
133 </div>
134</section>
135
136<div id="optionsSaved"><b i18n-content="optionsSaved"></b></div>
137
a5409a6b
MF
138 </div>
139 </div>
140 </div>
999b23e3
MF
141
142 </div>
143
e70bcd55 144 <script src="../javascript/background.js"></script>
a5409a6b
MF
145 <script src="../javascript/util.js"></script>
146 <script src="../javascript/options.js"></script>
147 </body>
148</html>