enable icon changes when necessary and add the onclick event
Onclick event currently not yet linked
This commit is contained in:
parent
0498c62339
commit
b21fa1438d
1 changed files with 78 additions and 12 deletions
|
@ -1,8 +1,7 @@
|
|||
import BrowserIcon from '/scripts/GUI/browsericon.js';
|
||||
import Image from '/scripts/mapping/image.js';
|
||||
import Tabs from '/scripts/GUI/tabs.js';
|
||||
import texts from "/scripts/mapping/read.js";
|
||||
import {session} from '/scripts/secretariat.js';
|
||||
import {global, observe} from "/scripts/secretariat.js";
|
||||
|
||||
const CONFIG = chrome.runtime.getURL("styles/colors/icon.json");
|
||||
|
||||
|
@ -12,12 +11,60 @@ class IconIndicator {
|
|||
*/
|
||||
static enable() {
|
||||
BrowserIcon.enable();
|
||||
(Tabs.query(null, 0)).then(async (TAB) => {
|
||||
BrowserIcon.set({
|
||||
"BadgeText": await (new texts(`extensionIcon_website_loading`)).symbol,
|
||||
"BadgeBackgroundColor": await fetch(CONFIG).then((response) => response.json()).then((jsonData) => {return (jsonData[`loading`]);})
|
||||
}, {"tabId": TAB.id});
|
||||
|
||||
// Enable icon changes if enabled within the settings.
|
||||
global.read([`settings`, `behavior`, `showApplicable`]).then(async (PREFERENCE) => {(PREFERENCE)
|
||||
? fetch(CONFIG).then((response) => response.json()).then((jsonData) => {
|
||||
const ICON_COLORS = jsonData;
|
||||
|
||||
/*
|
||||
Show an iconified summary of the results.
|
||||
|
||||
@param {string} location the URL of the page
|
||||
@param {string} ID the tab's ID
|
||||
*/
|
||||
function showDetails(location, ID) {
|
||||
let LOCATION = location;
|
||||
// If the tab data is ready, change the icon to reflect the results.
|
||||
global.read([`sites`, LOCATION, `status`]).then(async (STATUS) => {
|
||||
if (STATUS) {
|
||||
(STATUS[`error`]) ? BrowserIcon.set({
|
||||
"BadgeText": await (new texts(`extensionIcon_error`)).symbol,
|
||||
"BadgeBackgroundColor": ICON_COLORS[`error`]
|
||||
}, {"tabId": ID}) : false;
|
||||
|
||||
if (STATUS[`done`]) {
|
||||
global.read([`sites`, LOCATION, `analysis`, `Rating`, `Trust`]).then(async (RESULTS) => {
|
||||
((typeof RESULTS).includes(`str`)) ? RESULTS.trim() : false;
|
||||
(RESULTS) ? BrowserIcon.set({
|
||||
"BadgeText": await (new texts(`extensionIcon_product_`.concat(RESULTS))).symbol,
|
||||
"BadgeBackgroundColor": ICON_COLORS[`product_`.concat(RESULTS)]
|
||||
}, {"tabId": ID}) : false;
|
||||
})
|
||||
};
|
||||
};
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
(Tabs.query(null, 0)).then(async (TAB) => {
|
||||
// Get the URL of the tab.
|
||||
let LOCATION = TAB.url;
|
||||
|
||||
BrowserIcon.set({
|
||||
"BadgeText": await (new texts(`extensionIcon_website_loading`)).symbol,
|
||||
"BadgeBackgroundColor": ICON_COLORS[`loading`]
|
||||
}, {"tabId": TAB.id});
|
||||
|
||||
showDetails(LOCATION, TAB.id);
|
||||
observe((changes) => {
|
||||
showDetails(LOCATION, TAB.id);
|
||||
})
|
||||
});
|
||||
})
|
||||
: false;
|
||||
})
|
||||
|
||||
}
|
||||
|
||||
/*
|
||||
|
@ -25,11 +72,15 @@ class IconIndicator {
|
|||
*/
|
||||
static disable() {
|
||||
BrowserIcon.disable();
|
||||
(Tabs.query(null, 0)).then(async (TAB) => {
|
||||
BrowserIcon.set({
|
||||
"BadgeText": await (new texts(`extensionIcon_website_unsupported`)).symbol,
|
||||
"BadgeBackgroundColor": await fetch(CONFIG).then((response) => response.json()).then((jsonData) => {return (jsonData[`N/A`]);})
|
||||
}, {"tabId": TAB.id});
|
||||
|
||||
// Enable icon changes if enabled within the settings.
|
||||
global.read([`settings`, `behavior`, `showApplicable`]).then((PREFERENCE) => {
|
||||
(Tabs.query(null, 0)).then(async (TAB) => {
|
||||
BrowserIcon.set({
|
||||
"BadgeText": await (new texts(`extensionIcon_website_unsupported`)).symbol,
|
||||
"BadgeBackgroundColor": await fetch(CONFIG).then((response) => response.json()).then((jsonData) => {return (jsonData[`N/A`]);})
|
||||
}, {"tabId": TAB.id});
|
||||
})
|
||||
})
|
||||
}
|
||||
|
||||
|
@ -41,6 +92,21 @@ class IconIndicator {
|
|||
static set(callback) {
|
||||
BrowserIcon.addActionListener("onClicked", callback);
|
||||
}
|
||||
|
||||
/*
|
||||
The action when the icon is clicked.
|
||||
*/
|
||||
static onclick() {
|
||||
// Check if autorunning is not enabled.
|
||||
(global.read([`settings`, `behavior`, `autoRun`])).then((result) => {
|
||||
if (!result) {
|
||||
(Tabs.query(null, 0)).then((TAB) => {
|
||||
// Tell the content script to begin scraping the page.
|
||||
chrome.tabs.sendMessage(TAB.id, {"refresh": true});
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
export {IconIndicator as default};
|
Loading…
Add table
Add a link
Reference in a new issue