Source code
Revision control
Copy as Markdown
Other Tools
/* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
import { ContainerEditor } from "chrome://browser/content/usercontext/ContainerEditor.mjs";
const ANCHOR_ID = "userContext-icons";
const ANCHOR_PINNED_CLASS = "container-anchor-pinned";
function unpinAnchor(anchor) {
if (!anchor.classList.contains(ANCHOR_PINNED_CLASS)) {
return;
}
anchor.hidden = true;
anchor.classList.remove(ANCHOR_PINNED_CLASS);
}
/**
* Shared entry point for the "Add new container" menu items. Shows a panel,
* hosting the same editor as the about:preferences container dialog, anchored
* to the URL-bar container indicator (revealing it temporarily when the
* current tab has no container).
*/
export const ContainerCreationPanel = {
/**
* @param {Window} win
* The browser window hosting the panel.
*/
open(win) {
let doc = win.document;
let panel = doc.getElementById("containerCreation-panel");
if (panel.state == "open" || panel.state == "showing") {
return;
}
let body = doc.getElementById("containerCreation-panel-body");
body.replaceChildren();
let editor = new ContainerEditor(body);
editor.render();
let createButton = doc.getElementById("containerCreation-create-button");
let cancelButton = doc.getElementById("containerCreation-cancel-button");
let updateValidity = () => {
createButton.disabled = !editor.isValid;
};
editor.form.addEventListener("input", updateValidity);
updateValidity();
let onCreate = () => {
editor.commit();
panel.hidePopup();
};
let onCancel = () => panel.hidePopup();
createButton.addEventListener("click", onCreate);
cancelButton.addEventListener("click", onCancel);
let anchor = doc.getElementById(ANCHOR_ID);
panel.addEventListener("popupshown", () => editor.focus(), { once: true });
panel.addEventListener(
"popuphidden",
() => {
createButton.removeEventListener("click", onCreate);
cancelButton.removeEventListener("click", onCancel);
body.replaceChildren();
unpinAnchor(anchor);
},
{ once: true }
);
if (anchor.hidden) {
anchor.classList.add(ANCHOR_PINNED_CLASS);
anchor.hidden = false;
}
panel.openPopup(anchor, "bottomright topright");
},
};