rowan/multi-account-containers
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

refactor a showPanel function

Browse source
This commit is contained in:
groovecoder 2017-01-10 10:38:45 -06:00
parent b4a41dfca2
commit 5ca4403070
1 changed files with 14 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
webextension/js/popup.js
View file

@ -2,6 +2,13 @@
const CONTAINER_HIDE_SRC = "/img/container-hide.svg"; const CONTAINER_HIDE_SRC = "/img/container-hide.svg";
const CONTAINER_UNHIDE_SRC = "/img/container-unhide.svg"; const CONTAINER_UNHIDE_SRC = "/img/container-unhide.svg";
function showPanel(panelSelector) {
for (let panelElement of document.querySelectorAll(".panel")) {
panelElement.classList.add("hide");
}
document.querySelector(panelSelector).classList.remove("hide");
}
function showContainerTabsPanel(identity) { function showContainerTabsPanel(identity) {
// Populating the panel: name and icon // Populating the panel: name and icon
document.getElementById("container-info-name").innerText = identity.name; document.getElementById("container-info-name").innerText = identity.name;
@ -64,30 +71,21 @@ function showContainerTabsPanel(identity) {
} }
if (localStorage.getItem("onboarded2")) { if (localStorage.getItem("onboarded2")) {
for (let element of document.querySelectorAll(".onboarding")) { showPanel("#container-panel");
element.classList.add("hide");
}
document.querySelector("#container-panel").classList.remove("hide");
} else if (localStorage.getItem("onboarded1")) { } else if (localStorage.getItem("onboarded1")) {
document.querySelector(".onboarding-panel-1").classList.add("hide"); showPanel(".onboarding-panel-2");
document.querySelector("#container-panel").classList.add("hide");
} else { } else {
document.querySelector(".onboarding-panel-2").classList.add("hide"); showPanel(".onboarding-panel-1");
document.querySelector("#container-panel").classList.add("hide");
} }
document.querySelector("#onboarding-next-button").addEventListener("click", () => { document.querySelector("#onboarding-next-button").addEventListener("click", () => {
localStorage.setItem("onboarded1", true); localStorage.setItem("onboarded1", true);
document.querySelector(".onboarding-panel-2").classList.remove("hide"); showPanel(".onboarding-panel-2");
document.querySelector(".onboarding-panel-1").classList.add("hide");
document.querySelector("#container-panel").classList.add("hide");
}); });
document.querySelector("#onboarding-done-button").addEventListener("click", () => { document.querySelector("#onboarding-done-button").addEventListener("click", () => {
localStorage.setItem("onboarded2", true); localStorage.setItem("onboarded2", true);
document.querySelector(".onboarding-panel-1").classList.add("hide"); showPanel("#container-panel");
document.querySelector(".onboarding-panel-2").classList.add("hide");
document.querySelector("#container-panel").classList.remove("hide");
}); });
browser.runtime.sendMessage({method: "queryIdentities"}).then(identities => { browser.runtime.sendMessage({method: "queryIdentities"}).then(identities => {
@ -130,13 +128,11 @@ browser.runtime.sendMessage({method: "queryIdentities"}).then(identities => {
}); });
document.querySelector("#edit-containers-link").addEventListener("click", () => { document.querySelector("#edit-containers-link").addEventListener("click", () => {
document.querySelector("#container-panel").classList.add("hide"); showPanel("#edit-panel");
document.querySelector("#edit-panel").classList.remove("hide");
}); });
document.querySelector("#exit-edit-mode-link").addEventListener("click", () => { document.querySelector("#exit-edit-mode-link").addEventListener("click", () => {
document.querySelector("#container-panel").classList.remove("hide"); showPanel("#container-panel");
document.querySelector("#edit-panel").classList.add("hide");
}); });
document.querySelector("#sort-containers-link").addEventListener("click", () => { document.querySelector("#sort-containers-link").addEventListener("click", () => {