mirror of
https://github.com/gorhill/uBlock.git
synced 2024-11-02 08:52:45 +01:00
feaa338678
`uDom` is old and crusty and `dom` is meant as replacement. The goal of `dom` is to be simpler and mainly just convenience methods for handling the DOM with vanilla JS -- this is not a framework. Additionally, removed keyboard shortcuts pane which was useful only on very old versions of Firefox.
129 lines
4.1 KiB
JavaScript
129 lines
4.1 KiB
JavaScript
/*******************************************************************************
|
|
|
|
uBlock Origin - a browser extension to block requests.
|
|
Copyright (C) 2014-present Raymond Hill
|
|
|
|
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
|
|
*/
|
|
|
|
'use strict';
|
|
|
|
import { simpleStorage } from './storage.js';
|
|
import { dom, qs$ } from './dom.js';
|
|
|
|
/******************************************************************************/
|
|
|
|
const discardUnsavedData = function(synchronous = false) {
|
|
const paneFrame = qs$('#iframe');
|
|
const paneWindow = paneFrame.contentWindow;
|
|
if (
|
|
typeof paneWindow.hasUnsavedData !== 'function' ||
|
|
paneWindow.hasUnsavedData() === false
|
|
) {
|
|
return true;
|
|
}
|
|
|
|
if ( synchronous ) {
|
|
return false;
|
|
}
|
|
|
|
return new Promise(resolve => {
|
|
const modal = document.querySelector('#unsavedWarning');
|
|
dom.cl.add(modal, 'on');
|
|
modal.focus();
|
|
|
|
const onDone = status => {
|
|
dom.cl.remove(modal, 'on');
|
|
document.removeEventListener('click', onClick, true);
|
|
resolve(status);
|
|
};
|
|
|
|
const onClick = ev => {
|
|
const target = ev.target;
|
|
if ( target.matches('[data-i18n="dashboardUnsavedWarningStay"]') ) {
|
|
return onDone(false);
|
|
}
|
|
if ( target.matches('[data-i18n="dashboardUnsavedWarningIgnore"]') ) {
|
|
return onDone(true);
|
|
}
|
|
if ( modal.querySelector('[data-i18n="dashboardUnsavedWarning"]').contains(target) ) {
|
|
return;
|
|
}
|
|
onDone(false);
|
|
};
|
|
|
|
document.addEventListener('click', onClick, true);
|
|
});
|
|
};
|
|
|
|
const loadDashboardPanel = function(pane, first) {
|
|
const tabButton = document.querySelector(`[data-pane="${pane}"]`);
|
|
if ( tabButton === null || dom.cl.has(tabButton, 'selected') ) {
|
|
return;
|
|
}
|
|
const loadPane = ( ) => {
|
|
self.location.replace(`#${pane}`);
|
|
for ( const node of document.querySelectorAll('.tabButton.selected') ) {
|
|
dom.cl.remove(node, 'selected');
|
|
}
|
|
dom.cl.add(tabButton, 'selected');
|
|
tabButton.scrollIntoView();
|
|
document.querySelector('#iframe').contentWindow.location.replace(pane);
|
|
if ( pane !== 'no-dashboard.html' ) {
|
|
simpleStorage.setItem('dashboardLastVisitedPane', pane);
|
|
}
|
|
};
|
|
if ( first ) {
|
|
return loadPane();
|
|
}
|
|
const r = discardUnsavedData();
|
|
if ( r === false ) { return; }
|
|
if ( r === true ) {
|
|
return loadPane();
|
|
}
|
|
r.then(status => {
|
|
if ( status === false ) { return; }
|
|
loadPane();
|
|
});
|
|
};
|
|
|
|
const onTabClickHandler = function(ev) {
|
|
loadDashboardPanel(dom.attr(ev.target, 'data-pane'));
|
|
};
|
|
|
|
if ( self.location.hash.slice(1) === 'no-dashboard.html' ) {
|
|
dom.cl.add(dom.body, 'noDashboard');
|
|
}
|
|
|
|
(async ( ) => {
|
|
let pane = null;
|
|
if ( self.location.hash !== '' ) {
|
|
pane = self.location.hash.slice(1) || null;
|
|
}
|
|
loadDashboardPanel(pane !== null ? pane : 'settings.html', true);
|
|
|
|
dom.on('#dashboard-nav', 'click', '.tabButton', onTabClickHandler);
|
|
|
|
// https://developer.mozilla.org/en-US/docs/Web/API/Window/beforeunload_event
|
|
window.addEventListener('beforeunload', ( ) => {
|
|
if ( discardUnsavedData(true) ) { return; }
|
|
event.preventDefault();
|
|
event.returnValue = '';
|
|
});
|
|
})();
|
|
|
|
/******************************************************************************/
|