-
Notifications
You must be signed in to change notification settings - Fork 5
/
options.html
126 lines (126 loc) · 5.28 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
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
<html>
<head>
<title>Google Dictionary Extension Options</title>
<link rel="stylesheet" type="text/css" href="common.min.css">
<link rel="stylesheet" type="text/css" href="options.min.css">
</head>
<body>
<div id="content">
<div id="title">
<img src="static/dictionary_logo.gif"
title="Google Dictionary" alt="Google Dictionary">
<div>Extension Options</div>
</div>
<form name="options-form" action="">
<div class="option-row">
<div class="option-name">My language:</div>
<div class="option-value">
<div class="option-value-primary">
<select id="language-selector">
<option value="pt-BR">Brazilian Portuguese</option>
<option value="zh-CN">Chinese (Simplified)</option>
<option value="zh-TW">Chinese (Traditional)</option>
<option value="cs">Czech</option>
<option value="nl">Dutch</option>
<option value="en">English</option>
<option value="fr">French</option>
<option value="de">German</option>
<option value="it">Italian</option>
<option value="ja">Japanese</option>
<option value="ko">Korean</option>
<option value="ru">Russian</option>
<option value="sk">Slovak</option>
<option value="es">Spanish</option>
</select>
</div>
</div>
</div>
<div class="option-row">
<div class="option-name">Pop-up definitions:</div>
<div class="option-value">
<div class="option-value-primary">
<input type="checkbox" name="popup-dblclick-checkbox"
id="popup-dblclick-checkbox">
<label for="popup-dblclick-checkbox">
Display pop-up when I double-click a word
</label>
</div>
<div class="option-value-secondary">
<span id="popup-dblclick-text">Trigger key:</span>
<select name="popup-dblclick-key" id="popup-dblclick-key">
<option value="none">None</option>
<option value="ctrl" id="popup-dblclick-key-ctrl">Ctrl</option>
<option value="alt">Alt</option>
<option value="shift">Shift</option>
</select>
</div>
<div class="option-value-primary">
<input type="checkbox" name="popup-select-checkbox"
id="popup-select-checkbox">
<label for="popup-select-checkbox">
Display pop-up when I select a word or phrase
</label>
</div>
<div class="option-value-secondary">
<span id="popup-select-text">Trigger key:</span>
<select name="popup-select-key" id="popup-select-key">
<option value="none">None</option>
<option value="ctrl" id="popup-select-key-ctrl">Ctrl</option>
<option value="alt">Alt</option>
<option value="shift">Shift</option>
</select>
</div>
</div>
</div>
<div class="option-row">
<div class="option-name">Word history:</div>
<div class="option-value">
<div class="option-value-primary">
<input type="checkbox" name="store-history-checkbox"
id="store-history-checkbox">
<label for="store-history-checkbox">
Store words I look up, including definitions
</label>
</div>
<div class="option-value-secondary">
Number of words stored in history:
<span id="num-words-in-history">0</span>
</div>
<div class="option-value-primary">
<input type="checkbox"
name="allow-cross-extension-history-checkbox"
id="allow-cross-extension-history-checkbox">
<label for="allow-cross-extension-history-checkbox"
id="allow-cross-extension-history-text">
Allow other extensions to retrieve my word history
</label>
</div>
<div class="option-value-secondary"></div>
<div class="option-value-primary">
<button id="download-history-btn" class="btn btn-default">
Download history
</button>
<a href="#" id="download-history-link"
download="GoogleDictionaryHistory.csv">
</a>
<button id="clear-history-btn" class="btn btn-default">
Clear history
</button>
</div>
</div>
</div>
<div class="btn-row">
<button id="save-btn" class="btn btn-primary">Save</button>
<button id="reset-btn" class="btn btn-default">Reset</button>
<span id="save-status">Options saved</span>
</div>
</form>
</div>
<div class="footer">
© <span id="year"></span> Google -
<a href="https://www.google.com/privacy.html">Privacy</a>
</div>
<script type="text/javascript" src="options.min.js"></script>
<script type="text/javascript" src="ga.js"></script>
</body>
</html>