3c5cc141c4
* "Find styles" is a link so we make it one, just like in the popup. * We have a dedicated global options UI so it makes no sense to subset only two of them on the manage page, moreover both options are unrelated to managing styles.
119 lines
4.1 KiB
HTML
119 lines
4.1 KiB
HTML
<html id="stylus">
|
|
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
|
|
<title i18n-text="manageTitle"></title>
|
|
<link rel="stylesheet" href="manage.css">
|
|
<link rel="stylesheet" href="msgbox/msgbox.css">
|
|
|
|
<template data-id="style">
|
|
<div class="entry">
|
|
<h2 class="style-name"><a class="style-name-link" 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="dom.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>
|
|
<button id="manage-options-button" i18n-text="openOptionsManage"></button>
|
|
<button id="manage-shortcuts-button" i18n-text="openOptionsShortcuts"></button>
|
|
<a id="find-editor-styles" i18n-text="editorStylesButton"
|
|
href="https://userstyles.org/styles/browse/chrome-extension" target="_blank"></a>
|
|
</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="backup/fileSaveLoad.js"></script>
|
|
<script src="msgbox/msgbox.js"></script>
|
|
|
|
</body>
|
|
</html>
|