filippodb/LocalCDN-Firefox-Chrome-Brave
1
0
Fork 0
mirror of https://codeberg.org/nobody/LocalCDN.git synced 2025-01-22 15:31:03 +01:00
Code Issues Projects Releases Wiki Activity

Added settings (#74)

Browse Source
This commit is contained in:
nobody 2020-08-08 07:28:41 +02:00
parent 0e37d384e1
commit b7558a1bf6
No known key found for this signature in database
GPG Key ID: 8F6DE3D614FCFD7A
3 changed files with 48 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
core/constants.js
View File

@ -72,10 +72,11 @@ const Setting = {
'XHR_TEST_DOMAIN': 'xhrTestDomain',
'LOGGING': 'enableLogging',
'DOMAINS_MANIPULATE_DOM': 'domainsManipulateDOM',
'STATISTIC_DATA': 'statisticData',
'NEGATE_HTML_FILTER_LIST': 'negateHtmlFilterList',
'BLOCK_GOOGLE_FONTS': 'blockGoogleFonts',
'SELECTED_ICON': 'selectedIcon'
'SELECTED_ICON': 'selectedIcon',
'INTERNAL_STATISTICS': 'internalStatistics',
'INTERNAL_STATISTICS_DATA': 'internalStatisticsData'
};
const WebRequest = {

12
pages/options/options.html
View File

@ -112,6 +112,17 @@
</select>
</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>
</div>
<div class="option-group">
<section class="option">
@ -181,6 +192,7 @@
<li><a id="link-changelog">Changelog (In-App)</a></li>
<li><a id="link-donate">Donate (In-App)</a></li>
<li><a id="link-faq">FAQ (In-App)</a></li><br>
<li><a id="link-statistic">Statistic (In-App)</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>

36
pages/options/options.js
View File

@ -36,6 +36,7 @@ options._renderContents = function () {
translationComplete = helpers.insertI18nContentIntoDocument(document);
options._determineOptionValues()
.then(options._determineLocalOptionValues)
.then(options._renderOptionsPanel);
if (!translationComplete) {
@ -56,6 +57,8 @@ options._renderOptionsPanel = function () {
let whitelistedDomains, domainWhitelist, elements, htmlFilterDomains, domainHtmlFilter;
Object.assign(options._optionValues, {[Setting.INTERNAL_STATISTICS]: options._internalStatistics});
whitelistedDomains = options._optionValues.whitelistedDomains;
domainWhitelist = options._serializeWhitelistedDomains(whitelistedDomains);
@ -63,6 +66,7 @@ options._renderOptionsPanel = function () {
domainHtmlFilter = options._serializeWhitelistedDomains(htmlFilterDomains);
elements = options._optionElements;
Object.assign(elements, {[Setting.INTERNAL_STATISTICS]: document.getElementById('checkbox-internal-statistics')});
elements.showIconBadge.checked = options._optionValues.showIconBadge;
elements.blockMissing.checked = options._optionValues.blockMissing;
@ -75,6 +79,7 @@ options._renderOptionsPanel = function () {
elements.negateHtmlFilterList.checked = options._optionValues.negateHtmlFilterList;
elements.blockGoogleFonts.checked = options._optionValues.blockGoogleFonts;
elements.selectedIcon.value = options._optionValues.selectedIcon;
elements.internalStatistics.checked = options._optionValues.internalStatistics;
options._registerOptionChangedEventListeners(elements);
options._registerMiscellaneousEventListeners();
@ -104,6 +109,7 @@ options._renderOptionsPanel = function () {
document.getElementById('link-donate').addEventListener('click', options._onClickDonate);
document.getElementById('link-faq').addEventListener('click', options._onClickFaq);
document.getElementById('ruleset-help-icon').addEventListener('click', options._onClickRulesetHelp);
document.getElementById('link-statistic').addEventListener('click', options._onClickStatistics);
};
options._renderBlockMissingNotice = function () {
@ -142,6 +148,7 @@ options._registerOptionChangedEventListeners = function (elements) {
type[i].addEventListener('change', options._openRuleSet);
}
elements.copyRuleSet.addEventListener('click', options._copyRuleSet);
elements.internalStatistics.addEventListener('change', options._onOptionChanged);
};
options._registerMiscellaneousEventListeners = function () {
@ -164,13 +171,22 @@ options._determineOptionValues = function () {
let optionKeys = Object.keys(options._optionElements);
chrome.storage.sync.get(optionKeys, function (items) {
options._optionValues = items;
resolve();
});
});
};
options._determineLocalOptionValues = function () {
return new Promise((resolve) => {
chrome.storage.local.get([Setting.INTERNAL_STATISTICS], function (items) {
options._internalStatistics = items.internalStatistics;
resolve();
});
});
};
options._getOptionElement = function (optionKey) {
return document.querySelector(`[data-option=${optionKey}]`);
};
@ -258,7 +274,7 @@ options._onDocumentLoaded = function () {
options._onOptionChanged = function ({target}) {
let optionKey, optionType, optionValue;
let optionKey, optionType, optionValue, storageType;
optionKey = target.getAttribute('data-option');
optionType = target.getAttribute('type');
@ -304,7 +320,13 @@ options._onOptionChanged = function ({target}) {
}, 'Enabled');
}
chrome.storage.sync.set({
if (optionKey === Setting.INTERNAL_STATISTICS) {
storageType = chrome.storage.local;
} else {
storageType = chrome.storage.sync;
}
storageType.set({
[optionKey]: optionValue
});
};
@ -382,6 +404,13 @@ options._onClickRulesetHelp = function() {
});
};
options._onClickStatistics = function() {
chrome.tabs.create({
'url': chrome.extension.getURL('pages/statistics/statistics.html'),
'active': true
});
};
/**
* Updates the domain lists if the options page has no focus.
* document.hasFocus() prevents problems with keyboard input.
@ -414,6 +443,7 @@ options._displayBlockGoogleFonts = function(value) {
/**
* Initializations
*/
options._internalStatistics = false;
document.addEventListener('DOMContentLoaded', options._onDocumentLoaded);