open.source/stylus
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
e3b461a9e8
stylus/manage.html

181 lines
7.2 KiB
HTML
Raw Normal View History

Refactor and speed up popup & manager 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
2017-03-21 01:32:38 +00:00
<html id="stylus">
Unix line endings
2015-02-09 04:24:58 +00:00
Options UI discoverability and other fixes #34
2017-02-28 23:57:03 +00:00
<head>
Refactor and speed up popup & manager 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
2017-03-21 01:32:38 +00:00
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title i18n-text="manageTitle"></title>
confirmDelete: extract, refactor, use in manage
2017-03-25 03:04:24 +00:00
<link rel="stylesheet" href="manage.css">
<link rel="stylesheet" href="msgbox/msgbox.css">
Responsive design for Installed styles Pretty much the same thing as the edit page.
2015-02-20 07:18:54 +00:00
manage: add new UI option * align svg icons to pixel grid * globalize enforceInputRange() and use it in manage * 1 installed.onclick instead of 1000+ local ones
2017-04-05 13:14:59 +00:00
<style id="style-overrides"></style>
Refactor and speed up popup & manager 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
2017-03-21 01:32:38 +00:00
<template data-id="style">
<div class="entry">
Highlight updated/saved style in manage page
2017-03-23 04:47:30 +00:00
<h2 class="style-name"><a class="style-name-link" href="edit.html?id="></a></h2>
manage: add new UI option * align svg icons to pixel grid * globalize enforceInputRange() and use it in manage * 1 installed.onclick instead of 1000+ local ones
2017-04-05 13:14:59 +00:00
<p class="applies-to"><label i18n-text="appliesDisplay"></label></p>
Refactor and speed up popup & manager 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
2017-03-21 01:32:38 +00:00
<p class="actions">
<a class="style-edit-link" href="edit.html?id=">
<button i18n-text="editStyleLabel"></button>
Options UI discoverability and other fixes #34
2017-02-28 23:57:03 +00:00
</a>
Refactor and speed up popup & manager 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
2017-03-21 01:32:38 +00:00
<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>
manage: add new UI option * align svg icons to pixel grid * globalize enforceInputRange() and use it in manage * 1 installed.onclick instead of 1000+ local ones
2017-04-05 13:14:59 +00:00
<template data-id="styleCompact">
<div class="entry">
<h2 class="style-name">
<input class="checker" type="checkbox" i18n-title="toggleStyle">
<a class="style-name-link" href="edit.html?id="></a>
</h2>
<p class="actions">
<span i18n-title="deleteStyleLabel"><svg class="svg-icon delete"><use xlink:href="#svg-icon-remove"/></svg></span>
<span class="updater-icons">
<span class="check-update" i18n-title="checkForUpdate"><svg class="svg-icon"><use xlink:href="#svg-icon-check"/></svg></span>
<span class="update" i18n-title="installUpdate"><svg class="svg-icon"><use xlink:href="#svg-icon-update"/></svg></span>
<span class="up-to-date" i18n-title="updateCheckSucceededNoUpdate"><svg class="svg-icon"><use xlink:href="#svg-icon-uptodate"/></svg></span>
<span class="updated" i18n-title="updateCompleted"><svg class="svg-icon"><use xlink:href="#svg-icon-uptodate"/></svg></span>
<span class="update-note"></span>
</span>
</p>
<div class="applies-to"><div class="targets"></div></div>
</div>
</template>
Refactor and speed up popup & manager 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
2017-03-21 01:32:38 +00:00
<template data-id="styleHomepage">
polish popup/manage/edit css/svg/etc. * restore the correct width of svg icons * popup: use the standard formatting & SVG <symbol> * popup .breadcrumbs hover highlight * manage: black links, transitions; use <p> in #options; trim .homepage * edit: move regexp tester info link to a template
2017-04-01 04:37:25 +00:00
<a target="_blank" class="homepage"><svg class="svg-icon"><use xlink:href="#svg-icon-external-link"/></svg></a>
Refactor and speed up popup & manager 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
2017-03-21 01:32:38 +00:00
</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>
Responsive design for Installed styles Pretty much the same thing as the edit page.
2015-02-20 07:18:54 +00:00
Refactor and speed up popup & manager 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
2017-03-21 01:32:38 +00:00
<template data-id="extraAppliesTo">
<details class="applies-to-extra">
<summary i18n-html="appliesDisplayTruncatedSuffix"></summary>
</details>
</template>
manage: add new UI option * align svg icons to pixel grid * globalize enforceInputRange() and use it in manage * 1 installed.onclick instead of 1000+ local ones
2017-04-05 13:14:59 +00:00
<template data-id="expandAppliesTo">
<span class="expander">...</span>
</template>
Refactor and speed up popup & manager 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
2017-03-21 01:32:38 +00:00
<script src="health.js"></script>
<script src="storage.js"></script>
<script src="messaging.js"></script>
<script src="apply.js"></script>
dom.js: extract common DOM functions
2017-03-25 05:54:58 +00:00
<script src="dom.js"></script>
Refactor and speed up popup & manager 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
2017-03-21 01:32:38 +00:00
<script src="localization.js"></script>
Options UI discoverability and other fixes #34
2017-02-28 23:57:03 +00:00
</head>
Listing filters for 'Manage' Two independent filters. One allows only styles that are enabled, the other allows only styles that were written locally (that is, styles without an update URL).
2015-03-04 07:55:35 +00:00
New backup labels by narcolepticinsomniac
2017-03-16 10:24:00 +00:00
<body id="stylus-manage" i18n-dragndrop-hint="dragDropMessage">
Refactor and speed up popup & manager 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
2017-03-21 01:32:38 +00:00
<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>
manage: add new UI option * align svg icons to pixel grid * globalize enforceInputRange() and use it in manage * 1 installed.onclick instead of 1000+ local ones
2017-04-05 13:14:59 +00:00
<label><input id="manage.newUI" type="checkbox"><span i18n-text="manageNewUI"></span></label>
<div id="newUIoptions" class="hidden">
<label><input id="manage.newUI.favicons" type="checkbox"><span i18n-text="manageFavicons"></span></label>
<label><input id="manage.newUI.targets" type="number" min="1" max="99"><span i18n-text="manageMaxTargets"></span></label>
</div>
polish popup/manage/edit css/svg/etc. * restore the correct width of svg icons * popup: use the standard formatting & SVG <symbol> * popup .breadcrumbs hover highlight * manage: black links, transitions; use <p> in #options; trim .homepage * edit: move regexp tester info link to a template
2017-04-01 04:37:25 +00:00
<p>
<button id="manage-options-button" i18n-text="openOptionsManage"></button>
<button id="manage-shortcuts-button" i18n-text="openOptionsShortcuts"></button>
</p>
<p>
<a id="find-editor-styles" i18n-text="editorStylesButton"
manage: make #find-editor-styles a link; remove global options * "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.
2017-03-31 22:49:51 +00:00
href="https://userstyles.org/styles/browse/chrome-extension" target="_blank"></a>
polish popup/manage/edit css/svg/etc. * restore the correct width of svg icons * popup: use the standard formatting & SVG <symbol> * popup .breadcrumbs hover highlight * manage: black links, transitions; use <p> in #options; trim .homepage * edit: move regexp tester info link to a template
2017-04-01 04:37:25 +00:00
<p>
Refactor and speed up popup & manager 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
2017-03-21 01:32:38 +00:00
</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>
Store SVG icons in a <symbol> collection +preserve the page colors via fill:currentColor and opacity transition.
2017-04-01 02:50:03 +00:00
manage: add new UI option * align svg icons to pixel grid * globalize enforceInputRange() and use it in manage * 1 installed.onclick instead of 1000+ local ones
2017-04-05 13:14:59 +00:00
<svg xmlns="http://www.w3.org/2000/svg" style="display: none !important;">
<symbol id="svg-icon-external-link" viewBox="0 0 20 20">
<polygon shape-rendering="crispEdges" points="3,3 3,17 17,17 17,13 15,13 15,15 5,15 5,5 7,5 7,3 "/>
<polygon points="10,3 12.5,5.5 8,10 10,12 14.5,7.5 17,10 17,3 "/>
Refactor and speed up popup & manager 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
2017-03-21 01:32:38 +00:00
</symbol>
manage: add new UI option * align svg icons to pixel grid * globalize enforceInputRange() and use it in manage * 1 installed.onclick instead of 1000+ local ones
2017-04-05 13:14:59 +00:00
<symbol id="svg-icon-close" viewBox="0 0 12 16">
manage: use svg icons in messageBox()
2017-04-02 23:18:43 +00:00
<path fill-rule="evenodd" d="M7.48 8l3.75 3.75-1.48 1.48L6 9.48l-3.75 3.75-1.48-1.48L4.52 8 .77 4.25l1.48-1.48L6 6.52l3.75-3.75 1.48 1.48z"></path>
</symbol>
manage: add new UI option * align svg icons to pixel grid * globalize enforceInputRange() and use it in manage * 1 installed.onclick instead of 1000+ local ones
2017-04-05 13:14:59 +00:00
<symbol id="svg-icon-remove" viewBox="0 0 14 16">
<path shape-rendering="crispEdges" fill-rule="evenodd" d="M11 2H9c0-.55-.45-1-1-1H5c-.55 0-1 .45-1 1H2c-.55 0-1 .45-1 1v1c0 .55.45 1 1 1v9c0 .55.45 1 1 1h7c.55 0 1-.45 1-1V5c.55 0 1-.45 1-1V3c0-.55-.45-1-1-1zm-1 12H3V5h1v8h1V5h1v8h1V5h1v8h1V5h1v9zm1-10H2V3h9v1z">
</path>
</symbol>
<symbol id="svg-icon-check" viewBox="0 0 20 20">
<path d="M15,11c-0.5,2.3-2.5,4.1-5,4.1c-2.4,0-4.5-1.7-5-4.1H3.3c0.5,3.3,3.3,5.8,6.7,5.8s6.2-2.5,6.7-5.8H15z"/>
<path d="M10,3.2C6.6,3.2,3.8,5.7,3.3,9H5c0.5-2.3,2.5-4.1,5-4.1c2.4,0,4.5,1.7,5,4.1h1.7C16.2,5.7,13.4,3.2,10,3.2z"/>
<polygon shape-rendering="crispEdges" points="17,3 17,9 11,9 "/>
<polygon shape-rendering="crispEdges" points="9.1,11 3,11 3,17.1 "/>
<polygon points="19.9,18.6 15.1,13.8 13.8,15.1 18.6,19.9 "/>
</symbol>
<symbol id="svg-icon-update" viewBox="0 0 20 20">
<polygon points="16,8 12,8 12,3 8,3 8,8 4,8 10,14 "/>
<rect shape-rendering="crispEdges" x="4" y="15" width="12" height="2"/>
</symbol>
<symbol id="svg-icon-uptodate" viewBox="0 0 20 20">
<polygon shape-rendering="crispEdges" points="4,9 8,13 18,3 19,4 8,15 3,10 "/>
</symbol>
Refactor and speed up popup & manager 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
2017-03-21 01:32:38 +00:00
</svg>
Store SVG icons in a <symbol> collection +preserve the page colors via fill:currentColor and opacity transition.
2017-04-01 02:50:03 +00:00
Refactor and speed up popup & manager 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
2017-03-21 01:32:38 +00:00
<script src="manage.js"></script>
<script src="backup/fileSaveLoad.js"></script>
Import styles: show report with Undo button
2017-03-24 02:51:44 +00:00
<script src="msgbox/msgbox.js"></script>
allow scrollbar for manager's header section
2017-01-13 09:00:01 +00:00
Import styles: show report with Undo button
2017-03-24 02:51:44 +00:00
</body>
Options UI discoverability & other fixes
2017-03-01 00:09:49 +00:00
</html>
Reference in New Issue Copy Permalink