Rehide video suggestions after clicking on one

This commit is contained in:
Arne Keller 2019-07-11 21:19:07 +02:00
parent 468595da75
commit 6b54383dec

View File

@ -6,7 +6,7 @@ Array.from(document.getElementsByClassName(STYLE_CLASS)).forEach((e) => {
e.remove(); e.remove();
}); });
let ytacCSS = { window.ytacCSS = {
"sidebar": "#related", "sidebar": "#related",
"comments": "#comments", "comments": "#comments",
"endscreen": ".videowall-endscreen", "endscreen": ".videowall-endscreen",
@ -15,24 +15,37 @@ let ytacCSS = {
"other": "#newness-dot, .ytp-spinner" "other": "#newness-dot, .ytp-spinner"
}; };
const INVISIBLE = " { display: none !important; }" const INVISIBLE = " { display: none !important; }";
function addCSS(key) {
if (document.getElementById("ytac" + key) !== null) {
return;
}
let head = document.getElementsByTagName('head')[0]; let head = document.getElementsByTagName('head')[0];
for (key of Object.keys(ytacCSS)) {
let e = document.createElement('style'); let e = document.createElement('style');
e.setAttribute('type', 'text/css'); e.setAttribute('type', 'text/css');
e.setAttribute("class", STYLE_CLASS); e.setAttribute("class", STYLE_CLASS);
e.setAttribute("id", "ytac" + key); e.setAttribute("id", "ytac" + key);
if ('textContent' in e) { if ('textContent' in e) {
e.textContent = ytacCSS[key] + INVISIBLE; e.textContent = window.ytacCSS[key] + INVISIBLE;
} else { } else {
e.styleSheet.cssText = ytacCSS[key] + INVISIBLE; e.styleSheet.cssText = window.ytacCSS[key] + INVISIBLE;
} }
head.appendChild(e); head.appendChild(e);
} }
function addClickListeners(key) {
for (el of document.querySelectorAll(window.ytacCSS[key])) {
el.addEventListener("click", (e) => addCSS(key));
}
}
for (key of Object.keys(window.ytacCSS)) {
addCSS(key);
}
// browser action listener // browser action listener
// Listen for messages from the background script. // Listen for messages from the background script.
@ -47,6 +60,7 @@ window.ytacListener = (message) => {
} else if (message.command == "sidebar") { } else if (message.command == "sidebar") {
console.log("[YTAC] showing video sidebar"); console.log("[YTAC] showing video sidebar");
document.getElementById("ytacsidebar").remove(); document.getElementById("ytacsidebar").remove();
addClickListeners("sidebar");
} else if (message.command == "invideo") { } else if (message.command == "invideo") {
console.log("[YTAC] showing in-video suggestions"); console.log("[YTAC] showing in-video suggestions");
document.getElementById("ytacinvideo").remove(); document.getElementById("ytacinvideo").remove();