Files
SysTray-X/webext/options.html

274 lines
7.2 KiB
HTML
Raw Normal View History

2020-01-05 00:54:40 +01:00
<!DOCTYPE html>
<html>
2020-01-09 21:03:06 +01:00
<head>
<title>SysTray-X Preferences</title>
2020-01-09 21:03:06 +01:00
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
</head>
<body>
<script src="js/styles.js" stylesheet="css/options.css"></script>
<script src="js/i18n.js"></script>
2020-01-09 23:37:33 +01:00
<script src="js/options_accounts.js"></script>
2020-01-24 22:20:30 +01:00
2020-04-04 18:02:35 +02:00
<p>
This addon needs an external application to work. You can get it here:
<br />
<br />
<a
href="https://github.com/Ximi1970/systray-x/releases"
id="VersioHomeLink"
>Download the SysTray-X Companion application here</a
>
</p>
<br />
<br />
2020-01-09 21:03:06 +01:00
<div class="tab">
2020-03-01 22:35:06 +01:00
<button class="tablinks active" id="Windows">__MSG_tab_windows__</button>
<button class="tablinks" id="Icon">__MSG_tab_icon__</button>
<button class="tablinks" id="Mail">__MSG_tab_mail__</button>
<button class="tablinks" id="Debug">__MSG_tab_debug__</button>
2020-01-09 21:03:06 +01:00
</div>
2020-04-04 18:02:35 +02:00
<div id="WindowsContent" class="tabcontent" style="display: block;">
2020-01-09 21:03:06 +01:00
<form>
<h3>Windows</h3>
2020-04-07 17:19:02 +02:00
<table id="minimizeselect">
2020-06-03 11:01:42 +02:00
<caption>
Minimize type
</caption>
<tr id="minimizedefault">
2020-04-07 17:19:02 +02:00
<td>
<input type="radio" name="minimizeType" value="0" />
<label for="0" id="minimizedefaultlabel">Default minimize</label
><br />
2020-04-07 17:19:02 +02:00
</td>
</tr>
<tr id="minimizemethod1">
2020-04-07 17:19:02 +02:00
<td>
<input type="radio" name="minimizeType" value="1" />
<label for="1" id="minimizemethod1label"
>Minimize to tray, method 1</label
><br />
2020-04-07 17:19:02 +02:00
</td>
</tr>
<tr id="minimizemethod2">
2020-04-07 17:19:02 +02:00
<td>
<input type="radio" name="minimizeType" value="2" />
<label for="2" id="minimizemethod2label"
>Minimize to tray, method 2</label
><br />
2020-04-07 17:19:02 +02:00
</td>
</tr>
</table>
2020-02-29 19:04:43 +01:00
<input type="checkbox" name="startMinimized" value="" /> Start
application minimized<br />
2020-05-10 20:55:27 +02:00
<input type="checkbox" name="minimizeOnClose" value="" /> Minimize on
close<br />
2020-01-09 21:03:06 +01:00
</form>
</div>
<div id="IconContent" class="tabcontent">
<form name="iconform">
2020-01-09 21:03:06 +01:00
<h3>Icon</h3>
2020-05-22 22:54:10 +02:00
<table id="defaulticonselect">
<caption>
Default icon
</caption>
<tr>
<td>
<input type="radio" name="defaultIconType" value="0" /> Default
Thunderbird
</td>
</tr>
<tr>
<td>
<input type="radio" name="defaultIconType" value="1" /> Hide icon
</td>
</tr>
<tr>
<td>
<input type="radio" name="defaultIconType" value="2" /> Custom
icon
</td>
<td>
<img
id="defaultCustomIconImage"
height="25"
width="25"
align="middle"
src="icons/Thunderbird.png"
/>
</td>
<td>
<label
for="selectedFileDefaultIconType"
style="-moz-appearance: button;"
}
>Browse...</label
>
<input
type="file"
id="selectedFileDefaultIconType"
accept="image/*"
style="display: none;"
/>
</td>
<td>
&emsp;
</td>
</tr>
</table>
<table id="iconselect">
2020-05-22 22:54:10 +02:00
<caption>
Unread mail icon
</caption>
<tr>
<td><input type="radio" name="iconType" value="0" /> Blank icon</td>
</tr>
<tr>
2020-01-24 22:20:30 +01:00
<td>
<input type="radio" name="iconType" value="1" /> New mail icon
</td>
</tr>
<tr>
<td>
2020-01-24 22:20:30 +01:00
<input type="radio" name="iconType" value="2" /> Custom icon
</td>
<td>
<img
id="customIconImage"
height="25"
width="25"
align="middle"
src="icons/blank-icon.png"
/>
</td>
<td>
<label
for="selectedFileIconType"
style="-moz-appearance: button;"
}
>Browse...</label
>
<input
type="file"
id="selectedFileIconType"
accept="image/*"
2020-04-04 18:02:35 +02:00
style="display: none;"
2020-01-24 22:20:30 +01:00
/>
</td>
2020-04-05 14:39:19 +02:00
<td>
&emsp;
</td>
</tr>
2020-05-27 11:35:10 +02:00
<tr>
<td><input type="radio" name="iconType" value="3" /> No icon</td>
</tr>
2020-04-05 14:39:19 +02:00
</table>
<table id="numberprops">
2020-05-26 22:39:25 +02:00
<caption>
Number
</caption>
2020-04-05 14:39:19 +02:00
<tr>
<td>
<input type="checkbox" name="showNumber" value="" /> Display
unread message count &emsp;
2020-05-26 22:39:25 +02:00
</td>
</tr>
<tr>
<td>
&emsp;
</td>
</tr>
<tr></tr>
<tr>
<td>
<label for="numberColor">Number color:</label>
2020-04-05 14:39:19 +02:00
<input
type="color"
id="numberColor"
name="numberColor"
value=""
/>
</td>
</tr>
2020-05-26 22:39:25 +02:00
<tr>
<td>
<label for="numberSize">Number size:</label>
2020-05-27 11:35:10 +02:00
<input
type="number"
name="numberSize"
value="0"
min="1"
max="999"
step="1"
size="3"
/>
2020-05-26 22:39:25 +02:00
</td>
</tr>
2020-01-24 22:20:30 +01:00
</table>
2020-05-22 22:54:10 +02:00
<table id="countprops" style="display: none;">
<tr>
<td>
<label for="countType">Message count type: </label>
<input type="radio" name="countType" value="0" /> Unread
<input type="radio" name="countType" value="1" /> New
</td>
</tr>
</table>
2020-01-09 21:03:06 +01:00
</form>
2020-05-26 22:39:25 +02:00
<div
id="defaultIcon"
data-default-icon-mime=""
data-default-icon=""
></div>
2020-05-22 22:54:10 +02:00
<div id="icon" data-icon-mime="" data-icon=""></div>
<script src="js/options_iconform.js"></script>
2020-01-09 21:03:06 +01:00
</div>
2020-01-08 14:01:42 +01:00
2020-01-09 21:03:06 +01:00
<div id="MailContent" class="tabcontent">
<form name="mailform">
2020-06-03 11:01:42 +02:00
<h3>Accounts</h3>
2020-01-09 21:03:06 +01:00
2020-01-09 23:37:33 +01:00
<ul id="accountsTree"></ul>
2020-04-01 23:33:08 +02:00
<br />
2020-01-24 22:20:30 +01:00
</form>
2020-04-01 23:33:08 +02:00
<script src="js/options_mailform.js"></script>
2020-01-09 21:03:06 +01:00
</div>
2020-01-24 22:20:30 +01:00
2020-02-29 20:36:08 +01:00
<div id="DebugContent" class="tabcontent">
<form name="debugform">
<h3>Debug options</h3>
<br />
<div id="debugselect">
<input type="checkbox" name="debug" value="Debug" /> Display debug
window<br />
</div>
<br />
</form>
</div>
2020-01-09 23:46:07 +01:00
<br />
2020-01-09 21:03:06 +01:00
<form name="saveform">
<label>Save preferences</label>
<button type="submit">Save</button>
</form>
2020-01-05 23:28:42 +01:00
2020-01-09 21:03:06 +01:00
<script src="js/options_tabbutton.js"></script>
2020-01-08 23:36:19 +01:00
2020-01-09 21:03:06 +01:00
<script src="options.js"></script>
</body>
</html>