2017-02-14 15:35:53 +00:00
|
|
|
<!DOCTYPE html>
|
2017-03-23 03:41:50 +00:00
|
|
|
<html id="stylus">
|
2017-02-14 15:35:53 +00:00
|
|
|
<head>
|
|
|
|
|
<title>Stylus Options</title>
|
|
|
|
|
<link rel="stylesheet" href="index.css">
|
2017-03-28 00:42:07 +00:00
|
|
|
<script src="/localization.js"></script>
|
|
|
|
|
<script src="/apply.js"></script>
|
2017-03-28 10:05:58 +00:00
|
|
|
<script src="/storage.js"></script>
|
2017-03-28 00:42:07 +00:00
|
|
|
<script src="/messaging.js"></script>
|
|
|
|
|
<script src="/dom.js"></script>
|
2017-02-14 15:35:53 +00:00
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body>
|
2017-03-28 00:42:07 +00:00
|
|
|
<div id="ui">
|
|
|
|
|
<h1 i18n-text="optionsCustomize"></h1>
|
|
|
|
|
<table>
|
2017-03-28 10:05:58 +00:00
|
|
|
<tr>
|
|
|
|
|
<td i18n-text="prefShowBadge"></td>
|
|
|
|
|
<td>
|
|
|
|
|
<div class="onoffswitch">
|
|
|
|
|
<input type="checkbox" class="onoffswitch-checkbox" id="show-badge">
|
|
|
|
|
<label class="onoffswitch-label" for="show-badge"></label>
|
|
|
|
|
</div>
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr>
|
|
|
|
|
<td i18n-text="popupStylesFirst"></td>
|
|
|
|
|
<td>
|
|
|
|
|
<div class="onoffswitch">
|
|
|
|
|
<input type="checkbox" class="onoffswitch-checkbox" id="popup.stylesFirst">
|
|
|
|
|
<label class="onoffswitch-label" for="popup.stylesFirst"></label>
|
|
|
|
|
</div>
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
2017-02-14 15:35:53 +00:00
|
|
|
<tr>
|
|
|
|
|
<td i18n-text="optionsBadgeNormal"></td>
|
|
|
|
|
<td><input type="color" id="badgeNormal"></td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr>
|
|
|
|
|
<td i18n-text="optionsBadgeDisabled"></td>
|
|
|
|
|
<td><input type="color" id="badgeDisabled"></td>
|
|
|
|
|
</tr>
|
2017-03-06 20:17:32 +00:00
|
|
|
<tr>
|
|
|
|
|
<td i18n-text="optionsPopupWidth"></td>
|
2017-03-21 01:32:38 +00:00
|
|
|
<td><input type="number" id="popupWidth" min="200" max="800"></td>
|
2017-03-06 20:17:32 +00:00
|
|
|
</tr>
|
2017-02-14 15:35:53 +00:00
|
|
|
<tr>
|
|
|
|
|
<td i18n-text="optionsUpdateInterval"><sup>1</sup></td>
|
|
|
|
|
<td><input type="number" min="0" id="updateInterval"></td>
|
|
|
|
|
</tr>
|
2017-03-28 00:42:07 +00:00
|
|
|
</table>
|
|
|
|
|
<div id="save">
|
|
|
|
|
<button id="save-button" i18n-text="optionsSave"></button>
|
|
|
|
|
<div id="save-status" i18n-text="optionsSaved"></div>
|
|
|
|
|
</div>
|
2017-02-14 15:35:53 +00:00
|
|
|
</div>
|
|
|
|
|
|
2017-03-28 00:42:07 +00:00
|
|
|
<div id="actions">
|
|
|
|
|
<h1 i18n-text="optionsActions"></h1>
|
|
|
|
|
<table>
|
2017-02-14 15:35:53 +00:00
|
|
|
<tr>
|
2017-02-15 05:48:47 +00:00
|
|
|
<td i18n-text="optionsOpenManager"><sup>2</sup></td>
|
2017-02-14 15:35:53 +00:00
|
|
|
<td><button type="button" data-cmd="open-manage" i18n-text="optionsOpen"></button></td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr>
|
|
|
|
|
<td i18n-text="optionsCheckUpdate"></td>
|
|
|
|
|
<td>
|
|
|
|
|
<button type="button" data-cmd="check-updates" i18n-text="optionsCheck"></button>
|
2017-03-28 10:05:58 +00:00
|
|
|
<div id="update-counter"></div>
|
2017-02-14 15:35:53 +00:00
|
|
|
</td>
|
|
|
|
|
</tr>
|
2017-03-28 00:42:07 +00:00
|
|
|
</table>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="notes">
|
|
|
|
|
<ol>
|
|
|
|
|
<li i18n-text="optionsUpdateIntervalNote"></li>
|
|
|
|
|
<li><a data-cmd="open-keyboard"
|
|
|
|
|
i18n-text="optionsOpenManagerNote"
|
|
|
|
|
href="chrome://extensions/configureCommands"></a>
|
|
|
|
|
</li>
|
|
|
|
|
</ol>
|
2017-02-14 15:35:53 +00:00
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<script src="index.js"></script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
