133 lines
3.9 KiB
JavaScript
133 lines
3.9 KiB
JavaScript
/* 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
|
|
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
|
|
|
|
export class GroupsPanel {
|
|
constructor({ view, containerNode }) {
|
|
this.view = view;
|
|
|
|
this.containerNode = containerNode;
|
|
this.win = containerNode.ownerGlobal;
|
|
this.doc = containerNode.ownerDocument;
|
|
this.panelMultiView = null;
|
|
this.view.addEventListener("ViewShowing", this);
|
|
}
|
|
|
|
handleEvent(event) {
|
|
switch (event.type) {
|
|
case "ViewShowing":
|
|
if (event.target == this.view) {
|
|
this.panelMultiView = this.view.panelMultiView;
|
|
this.#populate(event);
|
|
}
|
|
break;
|
|
case "PanelMultiViewHidden":
|
|
if ((this.panelMultiView = event.target)) {
|
|
this.#cleanup();
|
|
this.panelMultiView = null;
|
|
}
|
|
|
|
break;
|
|
case "command":
|
|
this.#handleCommand(event);
|
|
break;
|
|
}
|
|
}
|
|
|
|
#handleCommand(event) {
|
|
let groupId = event.target.closest("toolbaritem").groupId;
|
|
|
|
switch (event.target.dataset.command) {
|
|
case "allTabsGroupView_selectGroup":
|
|
let group = this.win.gBrowser.getTabGroupById(groupId);
|
|
group.select();
|
|
group.ownerGlobal.focus();
|
|
|
|
break;
|
|
case "allTabsGroupView_restoreGroup":
|
|
this.win.SessionStore.openSavedTabGroup(groupId, this.win);
|
|
break;
|
|
}
|
|
}
|
|
|
|
#setupListeners() {
|
|
this.view.addEventListener("command", this);
|
|
this.view.panelMultiView.addEventListener("PanelMultiViewHidden", this);
|
|
}
|
|
|
|
#cleanup() {
|
|
this.containerNode.innerHTML = "";
|
|
this.view.removeEventListener("command", this);
|
|
}
|
|
|
|
#populate() {
|
|
let fragment = this.doc.createDocumentFragment();
|
|
let otherWindowGroups = this.win.gBrowser
|
|
.getAllTabGroups()
|
|
.filter(group => {
|
|
return group.ownerGlobal !== this.win;
|
|
});
|
|
let savedGroups = this.win.SessionStore.savedGroups;
|
|
|
|
if (savedGroups.length + otherWindowGroups.length > 0) {
|
|
let header = this.doc.createElement("h2");
|
|
header.setAttribute("class", "subview-subheader");
|
|
this.doc.l10n.setAttributes(header, "tab-group-menu-header");
|
|
fragment.appendChild(header);
|
|
}
|
|
for (let groupData of otherWindowGroups) {
|
|
fragment.appendChild(this.#createRow(groupData));
|
|
}
|
|
for (let groupData of savedGroups) {
|
|
fragment.appendChild(this.#createRow(groupData, "closed"));
|
|
}
|
|
this.containerNode.appendChild(fragment);
|
|
this.#setupListeners();
|
|
}
|
|
|
|
#createRow(group, kind = "open") {
|
|
let { doc } = this;
|
|
let row = doc.createXULElement("toolbaritem");
|
|
row.setAttribute("class", "all-tabs-item all-tabs-group-item");
|
|
row.setAttribute("context", "tabContextMenu");
|
|
row.style.setProperty(
|
|
"--tab-group-color",
|
|
`var(--tab-group-color-${group.color})`
|
|
);
|
|
row.style.setProperty(
|
|
"--tab-group-color-invert",
|
|
`var(--tab-group-color-${group.color}-invert)`
|
|
);
|
|
row.style.setProperty(
|
|
"--tab-group-color-pale",
|
|
`var(--tab-group-color-${group.color}-pale)`
|
|
);
|
|
row.groupId = group.id;
|
|
let button = doc.createXULElement("toolbarbutton");
|
|
button.setAttribute(
|
|
"class",
|
|
"all-tabs-button subviewbutton subviewbutton-iconic all-tabs-group-action-button"
|
|
);
|
|
if (kind != "open") {
|
|
button.classList.add("all-tabs-group-saved-group");
|
|
button.dataset.command = "allTabsGroupView_restoreGroup";
|
|
} else {
|
|
button.dataset.command = "allTabsGroupView_selectGroup";
|
|
}
|
|
button.setAttribute("flex", "1");
|
|
button.setAttribute("crop", "end");
|
|
|
|
if (group.name) {
|
|
button.setAttribute("label", group.name);
|
|
} else {
|
|
doc.l10n
|
|
.formatValues([{ id: "tab-group-name-default" }])
|
|
.then(([msg]) => {
|
|
button.setAttribute("label", msg);
|
|
});
|
|
}
|
|
row.appendChild(button);
|
|
return row;
|
|
}
|
|
}
|