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

Replace innerText method for REOPEN_IN_CONTAINER_PICKER and ALWAYS_OPEN_IN_PICKER functions

Browse source
This commit is contained in:
Maxx Crawford 2023-02-13 11:08:40 -06:00
parent c9d8c1bb74
commit 5528084474
No known key found for this signature in database
GPG key ID: 71DBD3273B65FEF9
1 changed files with 65 additions and 27 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

92
src/js/popup.js
View file

@ -1384,18 +1384,31 @@ Logic.registerPanel(REOPEN_IN_CONTAINER_PICKER, {
const tr = document.createElement("tr"); const tr = document.createElement("tr");
tr.classList.add("menu-item", "hover-highlight", "keyboard-nav"); tr.classList.add("menu-item", "hover-highlight", "keyboard-nav");
tr.setAttribute("tabindex", "0"); tr.setAttribute("tabindex", "0");
// Create <td>
const td = document.createElement("td"); const td = document.createElement("td");
// Create <div class="menu-icon hover-highlight">
const divMenuIcon = document.createElement("div");
divMenuIcon.classList.add("menu-icon");
divMenuIcon.classList.add("hover-highlight");
td.innerHTML = Utils.escaped` // Create <div class="mac-icon">
<div class="menu-icon hover-highlight"> const divMacIcon = document.createElement("div");
<div class="mac-icon"> divMacIcon.classList.add("mac-icon");
</div>
</div>
<span class="menu-text">Default Container</span>`;
fragment.appendChild(tr); // Create <span class="menu-text">Default Container</span>`;
const spanMenuText = document.createElement("span");
spanMenuText.classList.add("menu-text");
spanMenuText.textContent = browser.i18n.getMessage("defaultContainerLabel");
// Append Children
// fragment > td > (divMenuIcon > divMacIcon) | spanMenuText
divMenuIcon.appendChild(divMacIcon);
td.appendChild(divMenuIcon);
td.appendChild(spanMenuText);
tr.appendChild(td); tr.appendChild(td);
fragment.appendChild(tr);
Utils.addEnterHandler(tr, () => { Utils.addEnterHandler(tr, () => {
Utils.reloadInContainer( Utils.reloadInContainer(
@ -1414,20 +1427,33 @@ Logic.registerPanel(REOPEN_IN_CONTAINER_PICKER, {
const tr = document.createElement("tr"); const tr = document.createElement("tr");
tr.classList.add("menu-item", "hover-highlight", "keyboard-nav"); tr.classList.add("menu-item", "hover-highlight", "keyboard-nav");
tr.setAttribute("tabindex", "0"); tr.setAttribute("tabindex", "0");
// Create <td>
const td = document.createElement("td"); const td = document.createElement("td");
td.innerHTML = Utils.escaped` // Create <div class="menu-icon hover-highlight">
<div class="menu-icon hover-highlight"> const divMenuIcon = document.createElement("div");
<div class="usercontext-icon" divMenuIcon.classList.add("menu-icon");
data-identity-icon="${identity.icon}" divMenuIcon.classList.add("hover-highlight");
data-identity-color="${identity.color}">
</div>
</div>
<span class="menu-text">${identity.name}</span>`;
fragment.appendChild(tr); // Create <div class="usercontext-icon" data-identity-icon="${identity.icon}" data-identity-color="${identity.color}"></div>
const divUsercontextIcon = document.createElement("div");
divUsercontextIcon.classList.add("usercontext-icon");
divUsercontextIcon.setAttribute("data-identity-icon", identity.icon);
divUsercontextIcon.setAttribute("data-identity-color", identity.color);
// Create <span class="menu-text">${identity.name}</span>`;
const spanMenuText = document.createElement("span");
spanMenuText.classList.add("menu-text");
spanMenuText.textContent = identity.name;
// Append Children
// td > (divMenuIcon > divUsercontextIcon) | spanMenuText
divMenuIcon.appendChild(divUsercontextIcon);
td.appendChild(divMenuIcon);
td.appendChild(spanMenuText);
tr.appendChild(td); tr.appendChild(td);
fragment.appendChild(tr);
Utils.addEnterHandler(tr, () => { Utils.addEnterHandler(tr, () => {
pickedFunction(identity); pickedFunction(identity);
@ -1467,21 +1493,33 @@ Logic.registerPanel(ALWAYS_OPEN_IN_PICKER, {
const tr = document.createElement("tr"); const tr = document.createElement("tr");
tr.classList.add("menu-item", "hover-highlight", "keyboard-nav"); tr.classList.add("menu-item", "hover-highlight", "keyboard-nav");
tr.setAttribute("tabindex", "0"); tr.setAttribute("tabindex", "0");
// Create <td>
const td = document.createElement("td"); const td = document.createElement("td");
// Create <div class="menu-icon hover-highlight">
const divMenuIcon = document.createElement("div");
divMenuIcon.classList.add("menu-icon");
divMenuIcon.classList.add("hover-highlight");
td.innerHTML = Utils.escaped` // Create <div class="usercontext-icon" data-identity-icon="${identity.icon}" data-identity-color="${identity.color}"></div>
<div class="menu-icon hover-highlight"> const divUsercontextIcon = document.createElement("div");
<div class="usercontext-icon" divUsercontextIcon.classList.add("usercontext-icon");
data-identity-icon="${identity.icon}" divUsercontextIcon.setAttribute("data-identity-icon", identity.icon);
data-identity-color="${identity.color}"> divUsercontextIcon.setAttribute("data-identity-color", identity.color);
</div>
</div>
<span class="menu-text">${identity.name}</span>
`;
fragment.appendChild(tr);
// Create <span class="menu-text">${identity.name}</span>`;
const spanMenuText = document.createElement("span");
spanMenuText.classList.add("menu-text");
spanMenuText.textContent = identity.name;
// Append Children
// fragment > tr > td > (divMenuIcon > divMenuIcon) | spanMenuText
divMenuIcon.appendChild(divUsercontextIcon);
td.appendChild(divMenuIcon);
td.appendChild(spanMenuText);
tr.appendChild(td); tr.appendChild(td);
fragment.appendChild(tr);
Utils.addEnterHandler(tr, () => { Utils.addEnterHandler(tr, () => {
Utils.alwaysOpenInContainer(identity); Utils.alwaysOpenInContainer(identity);