uBlock/src/js/settings.js

280 lines
9.1 KiB
JavaScript
Raw Normal View History

2014-06-25 00:30:36 +02:00
/*******************************************************************************
2016-03-06 16:51:06 +01:00
uBlock Origin - a browser extension to block requests.
2017-04-04 22:45:50 +02:00
Copyright (C) 2014-2017 Raymond Hill
2014-06-25 00:30:36 +02:00
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License
along with this program. If not, see {http://www.gnu.org/licenses/}.
Home: https://github.com/gorhill/uBlock
*/
2016-03-06 16:51:06 +01:00
/* global uDom */
2014-06-25 00:30:36 +02:00
'use strict';
2014-06-25 00:30:36 +02:00
/******************************************************************************/
(( ) => {
2014-06-25 00:30:36 +02:00
/******************************************************************************/
const messaging = vAPI.messaging;
2014-06-25 00:30:36 +02:00
/******************************************************************************/
const handleImportFilePicker = function() {
const file = this.files[0];
if ( file === undefined || file.name === '' ) { return; }
if ( file.type.indexOf('text') !== 0 ) { return; }
const filename = file.name;
2015-03-07 05:36:09 +01:00
const fileReaderOnLoadHandler = function() {
let userData;
try {
userData = JSON.parse(this.result);
if ( typeof userData !== 'object' ) {
throw 'Invalid';
}
if ( typeof userData.userSettings !== 'object' ) {
throw 'Invalid';
}
if (
Array.isArray(userData.whitelist) === false &&
typeof userData.netWhitelist !== 'string'
) {
throw 'Invalid';
}
if (
typeof userData.filterLists !== 'object' &&
Array.isArray(userData.selectedFilterLists) === false
) {
throw 'Invalid';
}
}
catch (e) {
userData = undefined;
}
if ( userData === undefined ) {
window.alert(vAPI.i18n('aboutRestoreDataError'));
return;
}
const time = new Date(userData.timeStamp);
const msg = vAPI.i18n('aboutRestoreDataConfirm')
.replace('{{time}}', time.toLocaleString());
const proceed = window.confirm(msg);
if ( proceed ) {
2016-03-06 16:51:06 +01:00
messaging.send(
'dashboard',
{
what: 'restoreUserData',
userData: userData,
file: filename
}
);
}
};
const fr = new FileReader();
fr.onload = fileReaderOnLoadHandler;
fr.readAsText(file);
};
/******************************************************************************/
const startImportFilePicker = function() {
const input = document.getElementById('restoreFilePicker');
// Reset to empty string, this will ensure an change event is properly
// triggered if the user pick a file, even if it is the same as the last
// one picked.
input.value = '';
input.click();
};
/******************************************************************************/
const exportToFile = function() {
messaging.send('dashboard', { what: 'backupUserData' }, response => {
2017-04-04 22:45:50 +02:00
if (
response instanceof Object === false ||
response.userData instanceof Object === false
) {
return;
}
vAPI.download({
'url': 'data:text/plain;charset=utf-8,' +
encodeURIComponent(JSON.stringify(response.userData, null, ' ')),
'filename': response.localData.lastBackupFile
});
onLocalDataReceived(response.localData);
});
2015-03-07 05:36:09 +01:00
};
/******************************************************************************/
const onLocalDataReceived = function(details) {
2015-03-07 05:36:09 +01:00
uDom('#localData > ul > li:nth-of-type(1)').text(
vAPI.i18n('settingsStorageUsed')
.replace(
'{{value}}',
typeof details.storageUsed === 'number' ? details.storageUsed.toLocaleString() : '?'
)
2015-03-07 05:36:09 +01:00
);
const timeOptions = {
2015-03-07 05:36:09 +01:00
weekday: 'long',
year: 'numeric',
month: 'long',
day: 'numeric',
hour: 'numeric',
minute: 'numeric',
timeZoneName: 'short'
};
const lastBackupFile = details.lastBackupFile || '';
2015-03-07 05:36:09 +01:00
if ( lastBackupFile !== '' ) {
const dt = new Date(details.lastBackupTime);
2015-03-07 05:36:09 +01:00
uDom('#localData > ul > li:nth-of-type(2) > ul > li:nth-of-type(1)').text(dt.toLocaleString('fullwide', timeOptions));
2015-03-07 14:52:49 +01:00
//uDom('#localData > ul > li:nth-of-type(2) > ul > li:nth-of-type(2)').text(lastBackupFile);
2015-03-07 05:36:09 +01:00
uDom('#localData > ul > li:nth-of-type(2)').css('display', '');
}
const lastRestoreFile = details.lastRestoreFile || '';
uDom('#localData > p:nth-of-type(3)');
2015-03-07 05:36:09 +01:00
if ( lastRestoreFile !== '' ) {
const dt = new Date(details.lastRestoreTime);
2015-03-07 05:36:09 +01:00
uDom('#localData > ul > li:nth-of-type(3) > ul > li:nth-of-type(1)').text(dt.toLocaleString('fullwide', timeOptions));
uDom('#localData > ul > li:nth-of-type(3) > ul > li:nth-of-type(2)').text(lastRestoreFile);
uDom('#localData > ul > li:nth-of-type(3)').css('display', '');
}
if ( details.cloudStorageSupported === false ) {
uDom('#cloud-storage-enabled').attr('disabled', '');
}
if ( details.privacySettingsSupported === false ) {
uDom('#prefetching-disabled').attr('disabled', '');
uDom('#hyperlink-auditing-disabled').attr('disabled', '');
uDom('#webrtc-ipaddress-hidden').attr('disabled', '');
}
2015-03-07 05:36:09 +01:00
};
/******************************************************************************/
const resetUserData = function() {
const msg = vAPI.i18n('aboutResetDataConfirm');
const proceed = window.confirm(msg);
if ( proceed ) {
2016-03-06 16:51:06 +01:00
messaging.send('dashboard', { what: 'resetUserData' });
}
};
/******************************************************************************/
const synchronizeDOM = function() {
document.body.classList.toggle(
'advancedUser',
uDom.nodeFromId('advanced-user-enabled').checked === true
);
};
/******************************************************************************/
const changeUserSettings = function(name, value) {
2016-03-06 16:51:06 +01:00
messaging.send(
'dashboard',
{
what: 'userSettings',
name: name,
value: value
}
);
2014-06-25 00:30:36 +02:00
};
/******************************************************************************/
const onInputChanged = function(ev) {
const input = ev.target;
const name = this.getAttribute('data-setting-name');
let value = input.value;
if ( name === 'largeMediaSize' ) {
value = Math.min(Math.max(Math.floor(parseInt(value, 10) || 0), 0), 1000000);
}
if ( value !== input.value ) {
input.value = value;
}
changeUserSettings(name, value);
};
/******************************************************************************/
2016-03-06 05:38:23 +01:00
// Workaround for:
// https://github.com/gorhill/uBlock/issues/1448
const onPreventDefault = function(ev) {
2016-03-06 05:38:23 +01:00
ev.target.focus();
ev.preventDefault();
};
/******************************************************************************/
2014-06-27 23:06:42 +02:00
// TODO: use data-* to declare simple settings
const onUserSettingsReceived = function(details) {
2015-12-13 06:56:30 +01:00
uDom('[data-setting-type="bool"]').forEach(function(uNode) {
uNode.prop('checked', details[uNode.attr('data-setting-name')] === true)
2015-12-13 06:56:30 +01:00
.on('change', function() {
changeUserSettings(
this.getAttribute('data-setting-name'),
this.checked
);
synchronizeDOM();
});
});
uDom('[data-setting-name="noLargeMedia"] ~ label:first-of-type > input[type="number"]')
.attr('data-setting-name', 'largeMediaSize')
.attr('data-setting-type', 'input');
uDom('[data-setting-type="input"]').forEach(function(uNode) {
uNode.val(details[uNode.attr('data-setting-name')])
2016-03-06 05:38:23 +01:00
.on('change', onInputChanged)
.on('click', onPreventDefault);
2015-12-13 06:56:30 +01:00
});
2014-06-25 00:30:36 +02:00
uDom('#export').on('click', exportToFile);
uDom('#import').on('click', startImportFilePicker);
uDom('#reset').on('click', resetUserData);
uDom('#restoreFilePicker').on('change', handleImportFilePicker);
synchronizeDOM();
};
2014-06-25 00:30:36 +02:00
/******************************************************************************/
messaging.send('dashboard', { what: 'userSettings' }, onUserSettingsReceived);
messaging.send('dashboard', { what: 'getLocalData' }, onLocalDataReceived);
// https://github.com/uBlockOrigin/uBlock-issues/issues/591
document.querySelector(
'[data-i18n-title="settingsAdvancedUserSettings"]'
).addEventListener(
'click',
self.uBlockDashboard.openOrSelectPage
);
/******************************************************************************/
})();