filippodb
/
LocalCDN-Firefox-Chrome-Brave
mirror of https://codeberg.org/nobody/LocalCDN.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
LocalCDN-Firefox-Chrome-Brave/pages/options/options.html

313 lines
21 KiB
HTML
Raw Normal View History

Initial commit
2020-02-27 13:45:29 +01:00
<!DOCTYPE html>
<html>
<head>
<title>LocalCDN Options</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8" />
Updated: Internal module "Color Picker" v2.1.3 -> v2.1.4 (#134)
2020-10-14 06:07:13 +02:00
<link rel="stylesheet" type="text/css" href="../../modules/internal/color-picker/color-picker.css">
Implemented: Customize badge colors (#109)
2020-09-25 07:34:59 +02:00
Initial commit
2020-02-27 13:45:29 +01:00
<link rel="stylesheet" type="text/css" href="options.css">
HTML and CSS files reworked
2020-06-28 07:43:08 +02:00
<link rel="stylesheet" type="text/css" href="../base.css">
Initial commit
2020-02-27 13:45:29 +01:00
</head>
<body>
Updated: Internal module "Color Picker" v2.1.3 -> v2.1.4 (#134)
2020-10-14 06:07:13 +02:00
<script src="../../modules/internal/color-picker/color-picker.js"></script>
Implemented: Customize badge colors (#109)
2020-09-25 07:34:59 +02:00
Initial commit
2020-02-27 13:45:29 +01:00
<script src="../../core/constants.js"></script>
StorageHandler implemented (#92)
2020-08-30 18:56:36 +02:00
<script src="../../core/storage-manager.js"></script>
Initial commit
2020-02-27 13:45:29 +01:00
<script src="../../modules/internal/helpers.js"></script>
Separated rule generator
2020-08-29 09:56:11 +02:00
<script src="../../modules/internal/rule-generator.js"></script>
Monochrome icons implemented and moved to SVG (#52)
2020-07-08 16:37:03 +02:00
<script src="../../modules/internal/wrappers.js"></script>
Generator for uBlock uMatrix implemented
2020-03-04 17:55:37 +01:00
<script defer src="../../core/resources.js"></script>
<script defer src="../../core/mappings.js"></script>
Initial commit
2020-02-27 13:45:29 +01:00
<script src="options.js"></script>
Updated: Options page (#92 #93)
2020-08-30 19:07:14 +02:00
<div class="btn-group">
<input type="button" id="btn-general-tab" class="option-buttons option-buttons-active" data-option="general-tab" data-i18n-content="btnGeneral" value="General"/>
<input type="button" id="btn-advanced-tab" class="option-buttons" data-option="advanced-tab" data-i18n-content="btnAdvanced" value="Advanced"/>
<input type="button" id="btn-export-import-tab" class="option-buttons" data-option="export-import-tab" data-i18n-content="btnOther" value="Other"/>
<input type="button" id="btn-info-tab" class="option-buttons" data-option="info-tab" data-i18n-content="btnInfo" value="Info"/>
</div>
<div id="general-tab" class="tab-content">
<div class="option-group">
<section class="option">
<div class="title-option">
<label class="b-contain">
<input data-option="showIconBadge" type="checkbox">
<span data-i18n-content="showIconBadgeTitle"></span>
<div class="b-input"></div>
</label>
</div>
<div class="description-option" data-i18n-content="showIconBadgeDescription"></div>
</section>
<section class="option">
<div class="title-option">
<label class="b-contain">
<input data-option="hideReleaseNotes" type="checkbox">
<span data-i18n-content="hideReleaseNotesTitle">Disable release notes</span>
<div class="b-input"></div>
</label>
</div>
<div class="description-option" data-i18n-content="hideReleaseNotesDescription">If enabled, you wont receive any information about new features in LocalCDN. This includes information about new uBlock/uMatrix rules.</div>
</section>
<section class="option">
<div class="title-option">
<label class="b-contain">
<input data-option="disablePrefetch" type="checkbox">
<span data-i18n-content="disablePrefetchTitle"></span>
<div class="b-input"></div>
</label>
</div>
<div class="description-option" data-i18n-content="disablePrefetchDescription"></div>
</section>
<section class="option">
<div class="title-option">
<label class="b-contain">
<input data-option="stripMetadata" type="checkbox">
<span data-i18n-content="stripMetadataTitle"></span>
<div class="b-input"></div>
</label>
</div>
<div class="description-option" data-i18n-content="stripMetadataDescription"></div>
</section>
<section class="option">
<div class="title-option">
<label class="b-contain">
<input id="checkbox-internal-statistics" data-option="internalStatistics" type="checkbox">
<span data-i18n-content="internalStatisticsTitle">Internal statistics</span>
<div class="b-input"></div>
</label>
</div>
<!-- TODO: Change if test successful -->
<div class="description-option" data-i18n-content="internalStatisticsDescription">This function is currently in an experimental stage. No data transmission. It's all local on your device.</div>
</section>
Initial commit
2020-02-27 13:45:29 +01:00
</div>
Updated: Options page (#92 #93)
2020-08-30 19:07:14 +02:00
<div class="option-group">
<section class="option">
Names of all variables changed (#138)
2020-10-17 07:09:30 +02:00
<div class="title-option without-checkbox" data-i18n-content="allowlistedDomainsTitle"></div>
<input id="tf-domains-allowlist" class="input-text without-checkbox" data-option="allowlistedDomains" type="text">
<div class="description-option without-checkbox" data-i18n-content="allowlistedDomainsDescription"></div>
Updated: Options page (#92 #93)
2020-08-30 19:07:14 +02:00
</section>
Initial commit
2020-02-27 13:45:29 +01:00
</div>
HTML and CSS files reworked
2020-06-28 07:43:08 +02:00
</div>
Updated: Options page (#92 #93)
2020-08-30 19:07:14 +02:00
<div id="advanced-tab" class="tab-content">
<section class="notice notice-warning hidden" id="notice-block-missing">
<div class="notice-head">
<span data-i18n-content="blockMissingTitle"></span>
</div>
<div class="notice-body" dir="ltr">
<div class="notice-message" data-i18n-content="featureBreaksWebsitesDescription">
Names of all variables changed (#138)
2020-10-17 07:09:30 +02:00
This feature breaks websites. Do not leave it enabled, unless you are prepared to manually allowlist any affected domains.
Updated: Options page (#92 #93)
2020-08-30 19:07:14 +02:00
</div>
<div class="button button-notice button-warning" id="button-block-missing" data-i18n-content="featureBreaksWebsitesButton">
Disable
</div>
Implemented: Option to enable HTML-Filter by default (#33)
2020-06-25 07:54:17 +02:00
</div>
</section>
Updated: Options page (#92 #93)
2020-08-30 19:07:14 +02:00
<div class="option-group">
<section class="option">
<div class="title-option">
<label class="b-contain">
<input data-option="blockMissing" type="checkbox">
<span data-i18n-content="blockMissingTitle"></span>
<div class="b-input"></div>
</label>
<span class="badge badge-warning" data-i18n-content="advancedLabel"></span>
</div>
<div class="description-option" data-i18n-content="blockMissingDescription"></div>
</section>
Added: Thumbnails to symbol selection (#93)
2020-08-31 08:18:58 +02:00
<section id="block-google-fonts" class="option">
Updated: Options page (#92 #93)
2020-08-30 19:07:14 +02:00
<div class="title-option">
<label class="b-contain">
<input data-option="blockGoogleFonts" type="checkbox">
<span data-i18n-content="blockGoogleFontsTitle">Block Google Fonts</span>
<div class="b-input"></div>
</label>
</div>
<div class="description-option" data-i18n-content="blockGoogleFontsDescription">If you use the rules of the rule generator, requests to "fonts.googleapis.com" are allowed to substitute "Google Material Icons" automatically. If you want to block the other requests, enable this option.</div>
Names of all variables changed (#138)
2020-10-17 07:09:30 +02:00
<div id="div-domains-allowlist-google-fonts">
<div class="description-option" data-i18n-content="labelDomainsAllowlistGoogleFonts">These domains are allowed to load Google Fonts. Separate multiple entries with semi-colons (;).</div>
<div class="description-option"><input id="tf-domains-allowlist-google-fonts" class="input-text without-checkbox" data-option="allowedDomainsGoogleFonts" type="text"></div>
Updated: Options page (#92 #93)
2020-08-30 19:07:14 +02:00
</div>
</section>
<section class="option">
<div class="title-option">
<label class="b-contain">
<input data-option="enableLogging" type="checkbox">
<span data-i18n-content="loggingTitle">Enable logging in browser console</span>
<div class="b-input"></div>
</label>
</div>
<div class="description-option" data-i18n-content="loggingDescription">Open "Browser Console" ( CTRL + SHIFT + J ) to show missing resources</div>
</section>
</div>
<div id="html-filter-div" class="option-group">
<section class="option">
<div id="html-filter-domains-title-exclude" class="title-option without-checkbox" data-i18n-content="htmlFilterDomainsTitleExclude">Do not apply HTML filter to these domains:</div>
<div id="html-filter-domains-title-include" class="title-option without-checkbox" data-i18n-content="htmlFilterDomainsTitleInclude">Apply HTML filter to these domains:</div>
<input id="tf-domains-manipulate-dom" class="input-text without-checkbox" data-option="domainsManipulateDOM" type="text">
<div class="description-option without-checkbox" data-i18n-content="htmlFilterDomainsDescription">Enter the domains to be handled or ignored by the HTML filter. Separate multiple entries with semi-colons (;).</div>
</section>
<section class="option">
<div class="title-option">
<label class="b-contain">
<input data-option="negateHtmlFilterList" type="checkbox">
<span data-i18n-content="negateHtmlFilterListTitle">Invert HTML filter</span>
<div class="b-input"></div>
</label>
<span class="badge badge-warning" data-i18n-content="advancedLabel"></span>
</div>
<div class="description-option" data-i18n-content="negateHtmlFilterListDescription">Enable this option to always apply the HTML filter. The domains in the list will be ignored then. If this option is disabled, the HTML filter is only applied to domains in the list.</div>
</section>
<a id="negate-html-filter-list-warning" data-i18n-content="negateHtmlFilterListWarning">This function can break websites. Please note the information on the Wiki page.</a>
</div>
<div class="option-group">
<section class="option">
<div class="title-option without-checkbox"><span data-i18n-content="generateRuleSetTitle">Generate rule set</span><span id="ruleset-help" class="options-help-icon"></span></div>
<div class="description-option without-checkbox">
i18n updated (#105)
2020-09-13 07:40:25 +02:00
<p class="without-checkbox" data-i18n-content="generateRuleSetDescription">In case you're using an adblocker you can generate the rules here. You have to add these rules manually in your adblocker.</p>
Updated: Options page (#92 #93)
2020-08-30 19:07:14 +02:00
</div>
<div class="ruleset-generator">
<p id="last-mapping-update" class="description-option last-update without-checkbox" data-i18n-content="lastUpdate">Last update:</p>
</div>
<div class="ruleset-generator">
<label class="b-contain" for="generate-ublock-rules">uBlock
<input id="generate-ublock-rules" name="rule-sets" data-option="uBlock" type="radio" value="uBlock">
<div class="b-input"></div>
</label>
</div>
<div class="ruleset-generator">
<label class="b-contain" for="generate-umatrix-rules">uMatrix
<input id="generate-umatrix-rules" name="rule-sets" data-option="uMatrix" type="radio" value="uMatrix">
<div class="b-input"></div>
</label>
</div>
Implemented: Rules for AdGuard (#105)
2020-09-13 07:42:28 +02:00
<div class="ruleset-generator">
<label class="b-contain" for="generate-adguard-rules">AdGuard
<input id="generate-adguard-rules" name="rule-sets" data-option="AdGuard" type="radio" value="AdGuard">
<div class="b-input"></div>
</label>
</div>
Updated: Options page (#92 #93)
2020-08-30 19:07:14 +02:00
<textarea rows="12" cols="15" id="generated-rules" readonly></textarea>
Small visual improvements on options page
2020-09-25 07:37:09 +02:00
<button id="button-copy-rule-set" value="Copy" class="btns"><span data-i18n-content="copyRuleSet">Copy</span><span id="button-copy-rule-set-icon"></span></button>
Updated: Options page (#92 #93)
2020-08-30 19:07:14 +02:00
</section>
</div>
HTML and CSS files reworked
2020-06-28 07:43:08 +02:00
</div>
Updated: Options page (#92 #93)
2020-08-30 19:07:14 +02:00
<div id="export-import-tab" class="tab-content">
<div id="icon-style-div" class="option-group">
<section id="section-icon-style" class="option">
<div class="title-option without-checkbox" data-i18n-content="chooseIconStyle">Choose an icon for this extension</div>
Implemented: Customize badge colors (#109)
2020-09-25 07:34:59 +02:00
<div class="div-icons-badge-colors">
<div class="div-selected-icon">
<label class="b-contain" for="icon-default">
<img src="../../icons/action/default/icon32-default.png" alt="Default" class="icons">
<img src="../../icons/action/default/icon32-disabled.png" alt="Default" class="icons">
<input id="icon-default" name="selected-icon" type="radio" data-option="selectedIcon" value="Default">
<div class="b-input"></div>
</label>
<label class="b-contain" for="icon-grey">
<img src="../../icons/action/grey/icon32-default.png" alt="Blue/Grey" class="icons">
<img src="../../icons/action/grey/icon32-disabled.png" alt="Blue/Grey" class="icons">
<input id="icon-grey" name="selected-icon" type="radio" data-option="selectedIcon" value="Grey">
<div class="b-input"></div>
</label>
<label class="b-contain" for="icon-light">
<img src="../../icons/action/light/icon32-default.png" alt="Light" class="icons">
<img src="../../icons/action/light/icon32-disabled.png" alt="Light" class="icons">
<input id="icon-light" name="selected-icon" type="radio" data-option="selectedIcon" value="Light">
<div class="b-input"></div>
</label>
</div>
<div class="div-badge">
<div id="badge-preview-top">
<div>
<img id="icon-badge-preview" src="../../icons/action/default/icon38-default.png" alt="Default" class="icons">
<div id="counter-preview-badge"><span>17</span></div>
</div>
</div>
<div id="badge-preview-bottom">
<div class="colorpicker">
<div id="pre-badged-background-color"></div>
Implemented: Validation of hex colors and other improvements (#109)
2020-09-25 16:19:34 +02:00
<input id="badged-background-color" class="input-text" maxlength="7"><img id="restore-background-color" class="img-restore-color" src="../../icons/restore.svg"><br>
Implemented: Customize badge colors (#109)
2020-09-25 07:34:59 +02:00
</div>
Improved: Text color setting for counter hidden (only for Chromium) (#122)
2020-09-28 18:12:21 +02:00
<div id="div-badged-text-color" class="colorpicker">
Implemented: Customize badge colors (#109)
2020-09-25 07:34:59 +02:00
<div id="pre-badged-text-color"></div>
Implemented: Validation of hex colors and other improvements (#109)
2020-09-25 16:19:34 +02:00
<input id="badged-text-color" class="input-text" maxlength="7"><img id="restore-text-color" class="img-restore-color" src="../../icons/restore.svg">
Implemented: Customize badge colors (#109)
2020-09-25 07:34:59 +02:00
</div>
</div>
</div>
Updated: Options page (#92 #93)
2020-08-30 19:07:14 +02:00
</div>
</section>
</div>
<div class="option-group">
<section class="option">
<div class="title-option without-checkbox"><span data-i18n-content="headerStorageType">Storage type</span><span id="sync-help" class="options-help-icon"></span></div>
<label class="b-contain storage-type" for="storage-type-local"><span data-i18n-content="labelStorageTypeLocal">Local (recommended)</span>
<input id="storage-type-local" name="storage-type" data-option="storageTypeLocal" type="radio" value="local">
HTML and CSS files reworked
2020-06-28 07:43:08 +02:00
<div class="b-input"></div>
</label>
Updated: Options page (#92 #93)
2020-08-30 19:07:14 +02:00
<label class="b-contain storage-type" for="storage-type-sync"><span data-i18n-content="labelStorageTypeSync">Sync</span>
<input id="storage-type-sync" name="storage-type" data-option="storageTypeSync" type="radio" value="sync">
HTML and CSS files reworked
2020-06-28 07:43:08 +02:00
<div class="b-input"></div>
</label>
Updated: Options page (#92 #93)
2020-08-30 19:07:14 +02:00
</section>
<section class="option">
<div class="title-option without-checkbox" data-i18n-content="headerImportExport">Import/Export</div>
<div class="import-export">
Small visual improvements on options page
2020-09-25 07:37:09 +02:00
<input type="button" id="import-data" class="btns" value="Import Data" data-i18n-content="labelImportData"/>
<input type="button" id="export-data" class="btns" value="Export Data" data-i18n-content="labelExportData"/>
Updated: Options page (#92 #93)
2020-08-30 19:07:14 +02:00
<div class="hidden">
<input id="import-file-picker" type="file" accept="text/plain">
</div>
</div>
</section>
</div>
</div>
<div id="info-tab" class="tab-content">
Implemented: Number of supported CDNs & Frameworks (#93)
2020-09-02 06:40:43 +02:00
<div class="option-group">
Implemented: List of CDNs and Frameworks (#93)
2020-09-04 20:53:36 +02:00
<section class="option info">
<div>
Small visual improvements on options page
2020-09-25 07:37:09 +02:00
<input type="button" id="cdn" class="btns"/>
<input type="button" id="framework" class="btns"/>
Implemented: List of CDNs and Frameworks (#93)
2020-09-04 20:53:36 +02:00
</div>
<ul id="unsupported-frameworks">
<li>Font Awesome are not supported by your browser</li>
<li>Google Material Icons are not supported by your browser</li>
Implemented: Number of supported CDNs & Frameworks (#93)
2020-09-02 06:40:43 +02:00
</ul>
Implemented: List of CDNs and Frameworks (#93)
2020-09-04 20:53:36 +02:00
<textarea rows="12" cols="15" id="generated-list" readonly></textarea>
Implemented: Number of supported CDNs & Frameworks (#93)
2020-09-02 06:40:43 +02:00
</section>
</div>
<div class="option-group">
<section class="option">
<ul class="option-links">
<li><a id="link-welcome-page" class="no-icon">Welcome page (In-App)</a></li>
<li><a id="link-changelog" class="no-icon">Changelog (In-App)</a></li>
<li><a id="link-donate" class="no-icon">Donate (In-App)</a></li>
<li><a id="link-faq" class="no-icon">FAQ (In-App)</a></li>
<li><a id="link-statistic" class="no-icon"><span data-i18n-content="internalStatisticsTitle">Statistics</span> <span>(In-App)</span></a></li><br>
<li><a id="link-codeberg" href="https://codeberg.org/nobody/LocalCDN" target="_blank" rel="nofollow noopener noreferrer">Source (www.codeberg.org)</a></li>
<li><a id="link-website" href="https://www.localcdn.org" target="_blank" rel="nofollow noopener noreferrer">Website (www.localcdn.org)</a></li>
<li><a id="link-website-test" href="https://www.localcdn.org/test" target="_blank" rel="nofollow noopener noreferrer">Testing Utility (www.localcdn.org/test)</a></li>
<li><a id="link-translate" href="https://hosted.weblate.org/projects/localcdn/localcdn/" target="_blank" rel="nofollow noopener noreferrer">Translate (www.weblate.org)</a></li>
Link to the credits added
2020-09-13 20:13:19 +02:00
<li><a id="link-translate" href="https://www.localcdn.org/thanks" target="_blank" rel="nofollow noopener noreferrer">Credits (www.localcdn.org)</a></li>
Implemented: Number of supported CDNs & Frameworks (#93)
2020-09-02 06:40:43 +02:00
</ul>
</section>
Updated: Options page (#92 #93)
2020-08-30 19:07:14 +02:00
</div>
Implemented: Option to enable HTML-Filter by default (#33)
2020-06-25 07:54:17 +02:00
</div>
Initial commit
2020-02-27 13:45:29 +01:00
<section class="notice notice-default hidden" id="notice-locale">
<div class="notice-body" dir="ltr">
<div class="notice-message">
Small improvements
2020-06-26 06:15:42 +02:00
Your preferred language is not yet fully supported. Please help out by translating this add-on on Weblate.
Initial commit
2020-02-27 13:45:29 +01:00
</div>
Different styles of extension icons implemented (#52)
2020-07-09 20:58:18 +02:00
<a class="button button-notice button-warning" href="https://hosted.weblate.org/projects/localcdn/localcdn/" target="_blank" rel="noopener noreferrer">
Small improvements
2020-06-26 06:15:42 +02:00
Translate
Initial commit
2020-02-27 13:45:29 +01:00
</a>
</div>
</section>
Updated: Options page (#92 #93)
2020-08-30 19:07:14 +02:00
<p class="footer">LocalCDN v<span id="label-version"></span></p>
Initial commit
2020-02-27 13:45:29 +01:00
</body>
</html>