forked from aceat64/MailCheckerMinus
-
Notifications
You must be signed in to change notification settings - Fork 0
/
options.html
171 lines (166 loc) · 11.7 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
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
<!DOCTYPE html>
<html>
<head>
<title>Options for Mail Checker Minus</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="stylesheet" type="text/css" media="screen" href="css/general.css" />
<script src="src/global.js" type="text/javascript"></script>
<script type="text/javascript" src="src/jquery-1.4.2.js"></script>
<script src="src/DB.js" type="text/javascript"></script>
<script src="src/settings.js" type="text/javascript"></script>
<script type="text/javascript" src="src/i18n.js"></script>
<script type="text/javascript" src="src/mailaccount.class.js"></script>
<script src="src/utility.js" type="text/javascript"></script>
<script type="text/javascript" src="src/options.js"></script>
</head>
<div id="main">
<h1 class="title">Mail Checker Minus</h1>
<form>
<table>
<tr>
<td style="background-color: #ffffff">
<span class="top_right"><img src="img/icon_48.png" alt="Icon" /></span>
<h1>Options</h1>
<p>Please take a moment and configure the extension to fit your needs. If you have an account at a Google Apps domain, fill in the correct URL in the Account-section below.</p>
<p>For help and troubleshooting, please visit the <a href="https://github.com/aceat64/MailCheckerMinus" title="Visit the github page" target="_blank"><strong>github page</strong></a>!</p>
</td>
</tr>
<tr>
<td style="padding: 0">
<ul class="menu">
<li><a href="javascript:showContent(0)" title="View general settings">General</a></li>
<li><a href="javascript:showContent(1)" title="View notification settings">Notifications</a></li>
<li><a href="javascript:showContent(2)" title="View account settings">Accounts</a></li>
<li><a href="javascript:showContent(3)" title="View visual settings">Visual</a></li>
<li><a href="javascript:showContent(4)" title="View extension icon settings">Icon</a></li>
</ul>
<div id="content_0" class="content invisible">
<h2>General settings</h2>
<input type="checkbox" id="archive_read" /> <label for="archive_read">Archive marks as read</label> <a title="Enable this setting to mark a mail as read when you archive it" style="cursor: help">?</a>
<br /><input type="checkbox" id="showfull_read" /> <label for="showfull_read">Previewing marks as read</label> <a title="Enable this setting to mark a mail as read when previewing it in the popup window" style="cursor: help">?</a>
<!--<br /><input type="checkbox" id="force_ssl" /> <label for="force_ssl">Always use SSL</label> <a title="Enable this setting to always use SSL when accessing Google Mail" style="cursor: help">?</a>!-->
<br /><input type="checkbox" id="open_tabs" /> <label for="open_tabs">Open compose in tab</label> <a title="Enable this setting to open mail composing in a new tab instead of a new window (also applies to mailto-links)" style="cursor: help">?</a>
<br /><input type="checkbox" id="no_mailto" /> <label for="no_mailto">Ignore mailto-links</label> <a title="Enable this setting to ignore parsing of mailto-links and open them in your regular mail client instead" style="cursor: help">?</a>
<br /><input type="checkbox" id="hide_count" /> <label for="hide_count">Hide unread mail count</label> <a title="Enable this setting to hide the unread count number from the browser action icon" style="cursor: help">?</a>
</div>
<div id="content_1" class="content invisible">
<h2>Notification settings</h2>
<input type="checkbox" id="animate_off" /> <label for="animate_off">Disable icon animation</label> <a title="Disables animation of the icon when there is new mail" style="cursor: help">?</a>
<br />
<br />
<fieldset>
<legend>Sound notifications</legend>
<input type="checkbox" id="sound_off" /> <label for="sound_off">Disable notification sound</label> <a title="Disables notification sound when new mail arrives" style="cursor: help">?</a>
<br />
<br />
Notification sound:
<select id="sn_audio">
<option id="sn_audio_0" value="chime.mp3">Chime</option>
<option id="sn_audio_1" value="ding.ogg">Ding</option>
<option id="sn_audio_c" value="custom">Custom</option>
</select>
<a href="javascript:void(0);" onclick="playNotificationSound()" title="Play notification sound" style="border: 0"><img src="img/play.png" alt="Play" /></a>
<br /><input type="file" id="sn_audio_src" accept="audio/wav, audio/x-wav, audio/mpeg, audio/vorbis, application/ogg" onchange="handleAudioFile(this.files)" />
<input type="hidden" id="sn_audio_enc" />
</fieldset>
<br />
<fieldset>
<legend>Desktop notifications</legend>
<input type="checkbox" id="show_notification" onchange="requestUserPermission()" /> <label for="show_notification">Show desktop notifications</label> <a title="Enable this setting to show a notification when new mail arrives" style="cursor: help">?</a>
<br />
<br />
Timeout:
<select id="dn_timeout">
<option id="dn_timeout_3000" value="3000">3 seconds</option>
<option id="dn_timeout_15000" value="15000">15 seconds</option>
<option id="dn_timeout_60000" value="60000">1 minute</option>
<option id="dn_timeout_900000" value="900000">15 minutes</option>
<option id="dn_timeout_3600000" value="3600000">1 hour</option>
<option id="dn_timeout_18000000" value="18000000">5 hours</option>
<option id="dn_timeout_0" value="0">Indefinitely</option>
</select>
<a title="This setting determines how long the desktop notification window will be visible" style="cursor: help">?</a>
</fieldset>
</div>
<div id="content_2" class="content invisible">
<h2>Account settings</h2>
<p>
<select id="accounts"></select><br />
<a href="javascript:add_account()" title="Add a new account">Add</a> | <a href="javascript:remove_account()" title="Remove selected account">Remove</a>
</p>
<input type="checkbox" id="check_gmail_off" /> <label for="check_gmail_off">Turn off regular Gmail checking</label> <a title="Enable this setting if you don't have an account at gmail.com" style="cursor: help">?</a>
<br />
<br />
Polling interval:
<select id="poll">
<option id="poll_15000" value="15000">15 seconds</option>
<option id="poll_30000" value="30000">30 seconds</option>
<option id="poll_60000" value="60000">1 minute</option>
<option id="poll_300000" value="300000">5 minutes</option>
<option id="poll_900000" value="900000">15 minutes</option>
<option id="poll_1800000" value="1800000">30 minutes</option>
<option id="poll_3600000" value="3600000">1 hour</option>
<option id="poll_7200000" value="7200000">2 hours</option>
<option id="poll_18000000" value="18000000">5 hours</option>
</select>
<a title="This setting determines how often to check for new mail" style="cursor: help">?</a>
<br /><br />
Monitor this label:
<select id="check_label">
<option id="check_label_" value="">Inbox</option>
<option id="check_label_important" value="important">Important mail</option>
<option id="check_label_unread" value="unread">All mail</option>
</select>
<a title="This setting determines which label the extension will monitor for new mail" style="cursor: help">?</a>
<br /><br />
Open this label:
<select id="open_label">
<option id="open_label_#inbox" value="#inbox">Inbox</option>
<option id="open_label_#mbox" value="#mbox">Priority inbox</option>
<option id="open_label_#search/l:unread" value="#search/l:unread">Unread mail</option>
<option id="open_label_#all" value="#all">All mail</option>
</select>
<a title="This setting determines where the user will be directed when clicking the inbox label or extension icon" style="cursor: help">?</a>
<!--<br /><input type="checkbox" id="check_all" onclick="toggleCheckBox('check_priority', this.checked)" /> <label for="check_all">Check all folders for unread mail</label> <a title="Enable this setting to check all folders, not only your inbox, for unread mail" style="cursor: help">?</a>
<br /><input type="checkbox" id="check_priority" onclick="toggleCheckBox('check_all', this.checked)" /> <label for="check_priority"><strong>Check priority mail</strong></label> <a title="Enable this setting to only check for unread priority mail" style="cursor: help">?</a>
<br /><input type="checkbox" id="is_default" /> <label for="is_default">This is my default account</label> <a title="Your default account will be used when clicking on mailto-links" style="cursor: help">?</a>!-->
<!--<p>
<span><strong>Label whitelist</strong> <a title="Add all labels here that you want to check for new mail" style="cursor: help">?</a></span>
<select id="labels" multiple style="width: 100%"></select>
<span style="float: right; clear: both;"><a href="javascript:add_label()" title="Add new label to whitelist">Add</a> | <a href="javascript:remove_label()" title="Remove selected label from whitelist">Remove</a></span>
</p>!-->
</div>
<div id="content_3" class="content invisible">
<h2>Visual settings</h2>
<fieldset>
<legend>Preview window</legend>
<input type="radio" name="preview_setting" id="preview_setting0" value="0" /> <label for="preview_setting0">Always off</label> <a title="Disables the preview popup window (not recommended) and opens the first account with unread mail" style="cursor: help">?</a>
<br />
<input type="radio" name="preview_setting" id="preview_setting1" value="1" /> <label for="preview_setting1">Automatic</label> <a title="Only shows the preview window when there's unread mail" style="cursor: help">?</a>
<br />
<input type="radio" name="preview_setting" id="preview_setting2" value="2" /> <label for="preview_setting2">Always on</label> <a title="Always shows the preview window" style="cursor: help">?</a>
</fieldset>
<h3>Language</h3>
<select id="languages"></select>
<a title="Select the language of the extension" style="cursor: help">?</a>
<p><a href="https://github.com/aceat64/MailCheckerMinus" title="Help translate the extension" target="_blank">Missing your language?</a></p>
</div>
<div id="content_4" class="content invisible">
<h2>Icon selection settings</h2>
<div id="icon_selection"></div>
</div>
</td>
</tr>
<tr>
<td>
<h1 style="margin-bottom: 0"><img src="img/information_big.png" alt="" /> <a href="about.html" title="Go to the about page">About »</a></h1>
</td>
</tr>
</table>
<span class="left">
</span>
<button id="submit" onclick="save_options()" style="width: 130px;height: 30px; float: right; margin-top: 4px;">Save & Reload</button>
</form>
</div>
</body>
</html>