diff options
author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 17:32:43 +0000 |
---|---|---|
committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 17:32:43 +0000 |
commit | 6bf0a5cb5034a7e684dcc3500e841785237ce2dd (patch) | |
tree | a68f146d7fa01f0134297619fbe7e33db084e0aa /comm/mail/components/unifiedtoolbar/content/items/folder-location-button.mjs | |
parent | Initial commit. (diff) | |
download | thunderbird-6bf0a5cb5034a7e684dcc3500e841785237ce2dd.tar.xz thunderbird-6bf0a5cb5034a7e684dcc3500e841785237ce2dd.zip |
Adding upstream version 1:115.7.0.upstream/1%115.7.0upstream
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to '')
-rw-r--r-- | comm/mail/components/unifiedtoolbar/content/items/folder-location-button.mjs | 81 |
1 files changed, 81 insertions, 0 deletions
diff --git a/comm/mail/components/unifiedtoolbar/content/items/folder-location-button.mjs b/comm/mail/components/unifiedtoolbar/content/items/folder-location-button.mjs new file mode 100644 index 0000000000..9d99dbbf30 --- /dev/null +++ b/comm/mail/components/unifiedtoolbar/content/items/folder-location-button.mjs @@ -0,0 +1,81 @@ +/* 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/. */ + +import { MailTabButton } from "chrome://messenger/content/unifiedtoolbar/mail-tab-button.mjs"; + +const lazy = {}; +ChromeUtils.defineModuleGetter( + lazy, + "FolderUtils", + "resource:///modules/FolderUtils.jsm" +); + +class FolderLocationButton extends MailTabButton { + /** + * Image element displaying the icon on the button. + * + * @type {Image?} + */ + #icon = null; + + /** + * If we've added our event listeners, especially to the current about3pane. + * + * @type {boolean} + */ + #addedListeners = false; + + observed3PaneEvents = ["folderURIChanged"]; + + observedAboutMessageEvents = []; + + connectedCallback() { + super.connectedCallback(); + if (this.#addedListeners) { + return; + } + this.#icon = this.querySelector(".button-icon"); + this.onCommandContextChange(); + this.#addedListeners = true; + const popup = document.getElementById(this.getAttribute("popup")); + popup.addEventListener("command", this.#handlePopupCommand); + } + + disconnectedCallback() { + super.disconnectedCallback(); + if (this.#addedListeners) { + const popup = document.getElementById(this.getAttribute("popup")); + popup.removeEventListener("command", this.#handlePopupCommand); + } + } + + #handlePopupCommand = event => { + const about3Pane = document.getElementById("tabmail").currentAbout3Pane; + about3Pane.displayFolder(event.target._folder.URI); + }; + + /** + * Update the label and icon of the button from the currently selected folder + * in the local 3pane. + */ + onCommandContextChange() { + if (!this.#icon) { + return; + } + const { gFolder } = + document.getElementById("tabmail").currentAbout3Pane ?? {}; + if (!gFolder) { + this.disabled = true; + return; + } + this.disabled = false; + this.label.textContent = gFolder.name; + this.#icon.style = `content: url(${lazy.FolderUtils.getFolderIcon( + gFolder + )});`; + } +} +customElements.define("folder-location-button", FolderLocationButton, { + extends: "button", +}); |