2f4da37fdb
Popup: * Enforce 200-800px range for the popup width option Manage: * faster search via cachedStyles.byId * faster restoration of search results on history nav * style name is clickable and opens the editor * animated highlight of style element on update/add/save * expandable extra applies-to targets * remember scroll position on normal history navigation * boz-sizing in #header, also in editor * applies-to targets use structured markup * get*Tab*, enableStyle and deleteStyle are promisified
129 lines
4.4 KiB
HTML
129 lines
4.4 KiB
HTML
<html id="stylus">
|
|
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
|
|
<title i18n-text="manageTitle"></title>
|
|
<link href="manage.css" rel="stylesheet">
|
|
|
|
<template data-id="style">
|
|
<div class="entry">
|
|
<h2 class="style-name"><a href="edit.html?id="></a></h2>
|
|
<p class="applies-to"><span></span></p>
|
|
<p class="actions">
|
|
<a class="style-edit-link" href="edit.html?id=">
|
|
<button i18n-text="editStyleLabel"></button>
|
|
</a>
|
|
<button class="enable" i18n-text="enableStyleLabel"></button>
|
|
<button class="disable" i18n-text="disableStyleLabel"></button>
|
|
<button class="delete" i18n-text="deleteStyleLabel"></button>
|
|
<button class="check-update" i18n-text="checkForUpdate"></button>
|
|
<button class="update" i18n-text="installUpdate"></button>
|
|
<span class="update-note"></span>
|
|
</p>
|
|
</div>
|
|
</template>
|
|
|
|
<template data-id="styleHomepage">
|
|
<a target="_blank" class="homepage">
|
|
<svg class="svg-icon"><use xlink:href="#svg-icon-external-link"/></svg>
|
|
</a>
|
|
</template>
|
|
|
|
<template data-id="appliesToTarget">
|
|
<span class="target"></span>
|
|
</template>
|
|
|
|
<template data-id="appliesToSeparator">
|
|
<span class="sep">, </span>
|
|
</template>
|
|
|
|
<template data-id="appliesToEverything">
|
|
<span class="target" i18n-text="appliesToEverything"></span>
|
|
</template>
|
|
|
|
<template data-id="extraAppliesTo">
|
|
<details class="applies-to-extra">
|
|
<summary i18n-html="appliesDisplayTruncatedSuffix"></summary>
|
|
</details>
|
|
</template>
|
|
|
|
<script src="health.js"></script>
|
|
<script src="storage.js"></script>
|
|
<script src="messaging.js"></script>
|
|
<script src="apply.js"></script>
|
|
<script src="localization.js"></script>
|
|
</head>
|
|
|
|
<body id="stylus-manage" i18n-dragndrop-hint="dragDropMessage">
|
|
<div id="header">
|
|
<h1 id="manage-heading" i18n-text="manageHeading"></h1>
|
|
<fieldset>
|
|
<legend id="filters" i18n-text="manageFilters"></legend>
|
|
<div>
|
|
<input id="manage.onlyEnabled" type="checkbox">
|
|
<label id="manage.onlyEnabled-label" for="manage.onlyEnabled" i18n-text="manageOnlyEnabled"></label>
|
|
</div>
|
|
<div>
|
|
<input id="manage.onlyEdited" type="checkbox">
|
|
<label id="manage.onlyEdited-label" for="manage.onlyEdited" i18n-text="manageOnlyEdited"></label>
|
|
</div>
|
|
<div>
|
|
<input id="search" type="search" i18n-placeholder="searchStyles">
|
|
</div>
|
|
</fieldset>
|
|
<p>
|
|
<button id="check-all-updates" i18n-text="checkAllUpdates"></button>
|
|
</p>
|
|
<p>
|
|
<button id="apply-all-updates" class="hidden" i18n-text="applyAllUpdates"></button>
|
|
<span id="update-all-no-updates" class="hidden" i18n-text="updateAllCheckSucceededNoUpdate"></span>
|
|
</p>
|
|
<p>
|
|
<a href="edit.html">
|
|
<button id="add-style-label" i18n-text="addStyleLabel"></button>
|
|
</a>
|
|
</p>
|
|
<div id="options">
|
|
<h2 id="options-heading" i18n-text="optionsHeading"></h2>
|
|
<div>
|
|
<input id="show-badge" type="checkbox">
|
|
<label id="show-badge-label" for="show-badge" i18n-text="prefShowBadge"></label>
|
|
</div>
|
|
<div>
|
|
<input id="popup.stylesFirst" type="checkbox">
|
|
<label id="stylesFirst-label" for="popup.stylesFirst" i18n-text="popupStylesFirst"></label>
|
|
</div>
|
|
<div id="more-options">
|
|
<h3 id="options-subheading" i18n-text="optionsSubheading"></h3>
|
|
<button id="manage-options-button" i18n-text="openOptionsManage"></button>
|
|
<button id="manage-shortcuts-button" i18n-text="openOptionsShortcuts"></button>
|
|
<p>
|
|
<button id="editor-styles-button" i18n-text="editorStylesButton"></button>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div id="backup">
|
|
<h2 id="backup-title" i18n-text="backupButtons"></h2>
|
|
<span id="backup-message" i18n-text="backupMessage"></span>
|
|
<p>
|
|
<button id="file-all-styles" i18n-text="bckpInstStyles"></button>
|
|
<button id="unfile-all-styles" i18n-text="retrieveBckp"></button>
|
|
</p>
|
|
</div>
|
|
<p id="manage-text" i18n-html="manageText"></p>
|
|
</div>
|
|
<div id="installed"></div>
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" style="display: none">
|
|
<symbol id="svg-icon-external-link" height="16" width="16" viewBox="0 0 8 8">
|
|
<path d="M0 0v8h8v-2h-1v1h-6v-6h1v-1h-2zm4 0l1.5 1.5-2.5 2.5 1 1 2.5-2.5 1.5 1.5v-4h-4z"></path>
|
|
</symbol>
|
|
</svg>
|
|
|
|
<script src="manage.js"></script>
|
|
<script src="openOptions.js"></script>
|
|
<script src="backup/fileSaveLoad.js"></script>
|
|
</body>
|
|
|
|
</html>
|