uBlock/js/popup.js

170 lines
5.1 KiB
JavaScript
Raw Normal View History

2014-06-23 16:42:43 -06:00
/*******************************************************************************
µBlock - a Chromium browser extension to block requests.
Copyright (C) 2014 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
*/
/******************************************************************************/
/******************************************************************************/
(function() {
/******************************************************************************/
/******************************************************************************/
var stats;
/******************************************************************************/
/******************************************************************************/
// https://github.com/gorhill/httpswitchboard/issues/345
messaging.start('popup.js');
/******************************************************************************/
var hasClassName = function(elem, className) {
var re = new RegExp('(^| )' + className + '( |$)', 'g');
return re.test(elem.className);
};
var toggleClassName = function(elem, className, newState) {
var re = new RegExp('(^| )' + className + '( |$)', 'g');
var currentState = re.test(elem.className);
if ( newState === undefined ) {
newState = !currentState;
}
if ( newState !== currentState ) {
if ( newState ) {
elem.className += ' ' + className;
} else {
elem.className = elem.className.replace(re, '').trim();
}
}
};
/******************************************************************************/
var renderStats = function() {
if ( !stats || !document.getElementById('switch') ) {
return;
}
var blocked = stats.pageBlockedRequestCount;
var total = stats.pageAllowedRequestCount + blocked;
var elem = document.getElementById('page-blocked');
if ( total === 0 ) {
elem.innerHTML = '0';
} else {
elem.innerHTML = [
blocked,
'<span class="dim">&nbsp;/&nbsp;',
total,
'&nbsp;\u21D2&nbsp;</span>',
(blocked * 100 / total).toFixed(0),
'%'
].join('');
}
blocked = stats.globalBlockedRequestCount;
total = stats.globalAllowedRequestCount + blocked;
elem = document.getElementById('total-blocked');
if ( total === 0 ) {
elem.innerHTML = '0';
} else {
elem.innerHTML = [
blocked,
'<span class="dim">&nbsp;/&nbsp;',
total,
'&nbsp;\u21D2&nbsp;</span>',
(blocked * 100 / total).toFixed(0),
'%'
].join('');
}
toggleClassName(
document.querySelector('#switch .fa'),
'off',
stats.pageURL === '' || !stats.netFilteringSwitch
);
};
/******************************************************************************/
var onStatsReceived = function(details) {
stats = details;
renderStats();
};
/******************************************************************************/
var onTabsReceived = function(tabs) {
if ( tabs.length === 0 ) {
return;
}
var q = {
what: 'stats',
tabId: tabs[0].id
};
messaging.ask( q, onStatsReceived );
};
chrome.tabs.query({ active: true }, onTabsReceived);
/******************************************************************************/
var handleNetFilteringSwitch = function() {
if ( !stats || !stats.pageURL ) {
return;
}
toggleClassName(this, 'off');
messaging.tell({
what: 'toggleNetFiltering',
hostname: stats.pageHostname,
state: !hasClassName(this, 'off'),
tabId: stats.tabId
});
};
/******************************************************************************/
var renderHeader = function() {
var hdr = document.querySelector('h1,h2,h3,h4');
hdr.innerHTML = hdr.innerHTML + '&ensp;v' + chrome.runtime.getManifest().version;
};
/******************************************************************************/
var installEventHandlers = function() {
document.querySelector('#switch .fa').addEventListener('click', handleNetFilteringSwitch);
};
/******************************************************************************/
// Make menu only when popup html is fully loaded
window.addEventListener('load', function() {
renderHeader();
renderStats();
installEventHandlers();
});
/******************************************************************************/
})();