mirrors/desktop
1
0
Fork 0
mirror of https://github.com/zen-browser/desktop.git synced 2025-10-01 23:48:37 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fixed web panel controls, fixed panels not being active and added context menu for panel manipulation

Browse Source
This commit is contained in:
Mauro Balades
2024-04-27 10:21:10 +02:00
parent a0b69db350
commit d3a8fc192f
6 changed files with 111 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

90
src/browser/base/content/ZenSidebarManager.mjs
View File

@@ -2,6 +2,7 @@
export var gZenBrowserManagerSidebar = {
_sidebarElement: null,
_currentPanel: null,
contextTab: null,
DEFAULT_MOBILE_USER_AGENT: "Mozilla/5.0 (Linux; Android 6.0; Nexus 5 Build/MRA58N) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Mobile Safari/537.36 Edg/114.0.1823.79",
@@ -33,6 +34,7 @@ export var gZenBrowserManagerSidebar = {
if (!data.data || !data.index) {
return;
}
this.sidebarElement.innerHTML = "";
for (let site of data.index) {
let panel = data.data[site];
if (!panel || !panel.url) {
@@ -42,6 +44,7 @@ export var gZenBrowserManagerSidebar = {
button.classList.add("zen-sidebar-panel-button", "toolbarbutton-1", "chromeclass-toolbar-additional");
button.setAttribute("flex", "1");
button.setAttribute("zen-sidebar-id", site);
button.setAttribute("context", "zenWebPanelContextMenu");
button.style.listStyleImage = this._getWebPanelIcon(panel.url);
button.addEventListener("click", this._handleClick.bind(this));
this.sidebarElement.appendChild(button);
@@ -86,6 +89,7 @@ export var gZenBrowserManagerSidebar = {
let sidebar = this._openAndGetWebPanelWrapper();
for (let browser of sidebar.querySelectorAll("browser[zen-sidebar-id]")) {
browser.setAttribute("hidden", "true");
browser.browsingContext.isActive = false;
}
},
@@ -94,16 +98,18 @@ export var gZenBrowserManagerSidebar = {
this._hideAllWebPanels();
let existantWebview = sidebar.querySelector(`browser[zen-sidebar-id="${this._currentPanel}"]`);
if (existantWebview) {
existantWebview.browsingContext.isActive = true;
existantWebview.removeAttribute("hidden");
return;
}
let data = this._getWebPanelData(this._currentPanel);
let browser = this._createWebPanelBrowser(data);
let browserContainers = document.getElementById("zen-sidebar-web-panel-browser-containers");
browserContainers.appendChild(browser.linkedBrowser);
browserContainers.appendChild(browser.linkedBrowser.closest(".browserContainer"));
if (data.ua) {
browser.linkedBrowser.browsingContext.customUserAgent = this.DEFAULT_MOBILE_USER_AGENT;
}
browser.linkedBrowser.browsingContext.isActive = true;
},
_getWebPanelData(id) {
@@ -120,20 +126,16 @@ export var gZenBrowserManagerSidebar = {
_createWebPanelBrowser(data) {
let tab = gBrowser.addTab(data.url, {
insertTab: false,
triggeringPrincipal: Services.scriptSecurityManager.getSystemPrincipal(),
});
tab.linkedBrowser.setAttribute("disablefullscreen", "true");
tab.linkedBrowser.setAttribute("src", data.url);
tab.linkedBrowser.setAttribute("zen-sidebar-id", data.id);
tab.linkedBrowser.setAttribute("type", "content");
tab.linkedBrowser.setAttribute("flex", "1");
tab.linkedBrowser.setAttribute("disableglobalhistory", "true");
tab.linkedBrowser.setAttribute("autoscroll", "false");
tab.linkedBrowser.setAttribute("remote", "true");
tab.linkedBrowser.setAttribute("autocompletepopup", "PopupAutoComplete");
tab.linkedBrowser.setAttribute("messagemanagergroup", "browsers");
tab.linkedBrowser.setAttribute("message", "true");
tab.setAttribute("hidden", "true");
tab.linkedBrowser.setAttribute("contextmenu", "contentAreaContextMenu");
return tab;
},
@@ -141,9 +143,13 @@ export var gZenBrowserManagerSidebar = {
return `url(page-icon:${url})`;
},
_getCurrentBrowser() {
_getBrowserById(id) {
let sidebar = document.getElementById("zen-sidebar-web-panel");
return sidebar.querySelector(`browser[zen-sidebar-id="${this._currentPanel}"]`);
return sidebar.querySelector(`browser[zen-sidebar-id="${id}"]`);
},
_getCurrentBrowser() {
return this._getBrowserById(this._currentPanel);
},
reload() {
@@ -185,6 +191,72 @@ export var gZenBrowserManagerSidebar = {
}
return this._sidebarElement;
},
// Context menu
updateContextMenu(aPopupMenu) {
let panel =
aPopupMenu.triggerNode &&
(aPopupMenu.triggerNode || aPopupMenu.triggerNode.closest("toolbarbutton[zen-sidebar-id]"));
if (!panel) {
return;
}
let id = panel.getAttribute("zen-sidebar-id");
this.contextTab = id;
let data = this._getWebPanelData(id);
let browser = this._getBrowserById(id);
let isMuted = browser && browser.audioMuted;
let mutedContextItem = document.getElementById("context_zenToggleMuteWebPanel");
document.l10n.setAttributes(mutedContextItem,
!isMuted ? "zen-web-side-panel-context-mute-panel" : "zen-web-side-panel-context-unmute-panel");
if (!isMuted) {
mutedContextItem.setAttribute("muted", "true");
} else {
mutedContextItem.removeAttribute("muted");
}
document.l10n.setAttributes(document.getElementById("context_zenToogleUAWebPanel"),
data.ua ? "zen-web-side-panel-context-disable-ua" : "zen-web-side-panel-context-enable-ua");
if (!browser) {
document.getElementById("context_zenUnloadWebPanel").setAttribute("disabled", "true");
} else {
document.getElementById("context_zenUnloadWebPanel").removeAttribute("disabled");
}
},
contextToggleMuteAudio() {
let browser = this._getBrowserById(this.contextTab);
if (browser.audioMuted) {
browser.unmute();
} else {
browser.mute();
}
},
contextToggleUserAgent() {
let browser = this._getBrowserById(this.contextTab);
browser.browsingContext.customUserAgent = browser.browsingContext.customUserAgent ? null : this.DEFAULT_MOBILE_USER_AGENT;
let data = this.sidebarData;
data.data[this.contextTab].ua = !data.data[this.contextTab].ua;
Services.prefs.setStringPref("zen.sidebar.data", JSON.stringify(data));
browser.reload();
},
contextDelete() {
let data = this.sidebarData;
delete data.data[this.contextTab];
data.index = data.index.filter(id => id !== this.contextTab);
Services.prefs.setStringPref("zen.sidebar.data", JSON.stringify(data));
this._updateWebPanels();
let browser = this._getBrowserById(this.contextTab);
browser.remove();
this._closeSidebarPanel();
},
contextUnload() {
let browser = this._getBrowserById(this.contextTab);
browser.remove();
this._closeSidebarPanel();
},
};
gZenBrowserManagerSidebar.init();