61 lines
2.0 KiB
JavaScript
61 lines
2.0 KiB
JavaScript
// Set click events for tab blocks
|
|
document.addEventListener("click", (e) => {
|
|
var target = undefined;
|
|
|
|
if (!e.target.className.includes("pTagTitleText")) {
|
|
target = e.target;
|
|
} else {
|
|
target = e.target.parentElement;
|
|
}
|
|
var targetID = target.id;
|
|
var parentElm = target.parentElement;
|
|
var id = 0;
|
|
|
|
|
|
if (targetID == "closeBttn") {
|
|
id = parseInt(parentElm.getAttribute("tabID"));
|
|
browser.tabs.remove(id);
|
|
parentElm.parentElement.removeChild(parentElm);
|
|
} else if (targetID == "iconElm") {
|
|
id = parseInt(target.getAttribute("tabID"));
|
|
browser.tabs.update(id, { active: true });
|
|
|
|
target.querySelectorAll(".hiderImg")[0].src = "../icons/eyeOpen.png";
|
|
oldElm.setAttribute("class", "block");
|
|
oldElm = target;
|
|
target.setAttribute("class", "block block-focused");
|
|
} else if (targetID == "goTop") {
|
|
window.scrollTo(0,0);
|
|
} else if (targetID == "goBottom") {
|
|
window.scrollTo(0, document.body.scrollHeight);
|
|
} else if (targetID == "goToTab") {
|
|
// Go to selected and 100px up
|
|
oldElm.scrollIntoView();
|
|
window.scrollBy(0, -100);
|
|
} else if (targetID == "newTab") {
|
|
createTab();
|
|
} else if (targetID == "hideTgglBttn") {
|
|
id = parseInt(parentElm.getAttribute("tabID"));
|
|
|
|
if (id != oldElm.getAttribute("tabID")) {
|
|
if (target.src.includes("eyeClosed.png")) {
|
|
parentElm.setAttribute("class", "block");
|
|
target.src = "../icons/eyeOpen.png"
|
|
unhideSelectedTab(id);
|
|
} else {
|
|
parentElm.setAttribute("class", "block hiddenBGColor");
|
|
target.src = "../icons/eyeClosed.png"
|
|
hideSelectedTab(id);
|
|
}
|
|
}
|
|
} else if (targetID == "hideAllBttn") {
|
|
doAllTabs(0)
|
|
} else if (targetID == "showAllBttn") {
|
|
doAllTabs(1);
|
|
}
|
|
});
|
|
|
|
document.getElementById("searchBar").onkeypress = function () {
|
|
searchTabs();
|
|
}
|