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

Add hide/show buttons to main pane in popup

Browse source 
Makes it more effective to hide and show containers.
For the future, this should be fixed to not close the pane when hiding or showing a container, so multiple containers can be toggled with a single visit to the popup, but this has proven hard to do.
This commit is contained in:
Tobias Laundal 2017-11-16 19:59:58 +01:00
parent abd2b73fca
commit d4fcd061f9
1 changed files with 26 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

35
webextension/js/popup.js
View file

@ -595,6 +595,7 @@ Logic.registerPanel(P_CONTAINERS_LIST, {
const hasTabs = (identity.hasHiddenTabs || identity.hasOpenTabs);
const tr = document.createElement("tr");
const context = document.createElement("td");
const hide = document.createElement("td");
const manage = document.createElement("td");
tr.classList.add("container-panel-row");
@ -615,11 +616,24 @@ Logic.registerPanel(P_CONTAINERS_LIST, {
context.querySelector(".container-name").textContent = identity.name;
manage.innerHTML = "<img src='/img/container-arrow.svg' class='show-tabs pop-button-image-small' />";
hide.classList.add("hide-or-show-tabs", "pop-button");
const img = document.createElement("img");
img.classList.add("hide-or-show-tabs", "pop-button-image-small");
if (identity.hasHiddenTabs) {
hide.title = escaped`Show ${identity.name} container`;
img.setAttribute("src", CONTAINER_HIDE_SRC);
} else {
hide.title = escaped`Hide ${identity.name} container`;
img.setAttribute("src", CONTAINER_UNHIDE_SRC);
}
hide.appendChild(img);
fragment.appendChild(tr);
tr.appendChild(context);
if (hasTabs) {
tr.appendChild(hide);
tr.appendChild(manage);
}
@ -627,16 +641,19 @@ Logic.registerPanel(P_CONTAINERS_LIST, {
if (e.target.matches(".open-newtab")
|| e.target.parentNode.matches(".open-newtab")
|| e.type === "keydown") {
try {
browser.tabs.create({
cookieStoreId: identity.cookieStoreId
});
window.close();
} catch (e) {
window.close();
}
} else if (hasTabs) {
browser.tabs.create({
cookieStoreId: identity.cookieStoreId
}).then(window.close).catch(window.close);
} else if (e.target.matches(".show-tabs")
|| e.target.parentNode.matches(".show-tabs")) {
Logic.showPanel(P_CONTAINER_INFO, identity);
} else if (e.target.matches(".hide-or-show-tabs")
|| e.target.parentNode.matches(".hide-or-show-tabs")) {
browser.runtime.sendMessage({
method: identity.hasHiddenTabs ? "showTabs" : "hideTabs",
windowId: browser.windows.WINDOW_ID_CURRENT,
cookieStoreId: identity.cookieStoreId
}).then(window.close).catch(window.close);
}
});
});