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

Statistics page implemented in popup

Browse Source
This commit is contained in:
nobody 2020-05-26 20:37:26 +02:00
parent 01d5d747e5
commit 579fa8387f
No known key found for this signature in database
GPG Key ID: 8F6DE3D614FCFD7A
2 changed files with 80 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
core/constants.js
View File

@ -70,7 +70,8 @@ const Setting = {
'WHITELISTED_DOMAINS': 'whitelistedDomains',
'XHR_TEST_DOMAIN': 'xhrTestDomain',
'LOGGING': 'enableLogging',
'DOMAINS_MANIPULATE_DOM': 'domainsManipulateDOM'
'DOMAINS_MANIPULATE_DOM': 'domainsManipulateDOM',
'STATISTIC_DATA': 'statisticData'
};
const WebRequest = {

110
pages/popup/popup.js
View File

@ -83,13 +83,14 @@ popup._renderDomainWhitelistPanel = function () {
if (popup._domainIsWhitelisted === true) {
manipulateDOMToggleElement.disabled = true;
manipulateDOMToggleStyle.setAttribute('class', 'slider-disabled');
let enableProtectionTitle = chrome.i18n.getMessage('enableProtectionTitle');
manipulateDOMToggleElement.disabled = true;
protectionToggleElement.checked = false;
protectionToggleElement.addEventListener('click', popup._enableProtection);
manipulateDOMToggleStyle.setAttribute('class', 'slider-disabled');
protectionToggleElement.setAttribute('title', enableProtectionTitle);
protectionToggleElement.addEventListener('click', popup._enableProtection);
} else {
@ -274,6 +275,8 @@ popup._createInjectionOverviewElement = function (groupedInjections) {
let injectionOverviewElement = document.createElement('ul');
injectionOverviewElement.setAttribute('class', 'list');
statisticData = groupedInjections;
for (let source in groupedInjections) {
let injectionGroupHeaderElement, injectionGroupElement, cdn;
@ -325,21 +328,46 @@ popup._createInjectionGroupElement = function (source, cdn) {
injectionGroupElement = document.createElement('ul');
injectionGroupElement.setAttribute('class', 'sublist');
let count = 0;
let oversized = false;
for (let injection of filtered) {
let injectionElement = popup._createInjectionElement(injection);
if(count < 3){
let injectionElement = popup._createInjectionElement(injection);
injectionGroupElement.appendChild(injectionElement);
} else {
oversized = true;
}
count++;
}
if (oversized) {
let injectionElement = popup._createInjectionElement(filtered, count-3, true);
injectionGroupElement.appendChild(injectionElement);
}
count = 0;
return injectionGroupElement;
};
popup._createInjectionElement = function (injection) {
popup._createInjectionElement = function (injection, counter = 0, oversized = false) {
let injectionElement, filename, name, nameTextNode, noteElement, noteTextNode;
injectionElement = document.createElement('li');
injectionElement.setAttribute('class', 'sublist-item');
if(oversized) {
nameTextNode = document.createTextNode(`... and ${counter} more`);
injectionElement.setAttribute('id', 'get-stats-btn');
injectionElement.addEventListener('mouseup', function() {
popup._onMoreInjectionsButton();
}, false);
injectionElement.appendChild(nameTextNode);
return injectionElement;
}
filename = helpers.extractFilenameFromPath(injection.path);
// If bundle empty, use filename
@ -364,22 +392,23 @@ popup._createInjectionElement = function (injection) {
return injectionElement;
};
popup._close = function () {
popup._filterDuplicates = function(array, key) {
/**
* Function to remove duplicates from an array, depending on 'key'.
* Ignore empty values of the 'key'
*
*/
chrome.runtime.getPlatformInfo(function (information) {
let filtered = array
.map(e => e[key])
.map((value, index, newArray) => (value != '') ? (newArray.indexOf(value) === index && index) : index )
.filter(e => array[e])
.map(e => array[e]);
if (information.os === chrome.runtime.PlatformOs.ANDROID) {
chrome.tabs.getCurrent(function (tab) {
chrome.tabs.remove(tab.id);
});
} else {
window.close();
}
});
return filtered;
};
/**
* Event Handlers
*/
@ -441,24 +470,41 @@ popup._onToggled = function () {
popup._close();
};
popup._filterDuplicates = function(array, key) {
/**
* Function to remove duplicates from an array, depending on 'key'.
* Ignore empty values of the 'key'
*
*/
popup._close = function () {
let filtered = array
.map(e => e[key])
.map((value, index, newArray) => (value != '') ? (newArray.indexOf(value) === index && index) : index )
.filter(e => array[e])
.map(e => array[e]);
chrome.runtime.getPlatformInfo(function (information) {
return filtered;
if (information.os === chrome.runtime.PlatformOs.ANDROID) {
chrome.tabs.getCurrent(function (tab) {
chrome.tabs.remove(tab.id);
});
} else {
window.close();
}
});
};
popup._onMoreInjectionsButton = function () {
//statisticData
chrome.storage.local.set({
[Setting.STATISTIC_DATA]: statisticData
});
chrome.tabs.create({
'url': chrome.extension.getURL('pages/statistics/statistics.html'),
'active': true
});
popup._close;
};
/**
* Initializations
*/
let statisticData;
document.addEventListener('DOMContentLoaded', popup._onDocumentLoaded);