mirrors/desktop
1
0
Fork 0
mirror of https://github.com/zen-browser/desktop.git synced 2025-09-05 19:08:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

Moved rename to gZenVerticalTabsManager, changed to double click on pinned tabs

Browse Source
This commit is contained in:
jso8910
2025-02-06 08:09:08 +08:00
parent 0545b4b24e
commit 5620e8d1ac
4 changed files with 86 additions and 86 deletions
Download Patch File Download Diff File Expand all files Collapse all files

86
src/browser/base/content/ZenUIManager.mjs
View File

@@ -182,6 +182,7 @@ var gZenUIManager = {
};
var gZenVerticalTabsManager = {
_tabEdited: null,
init() {
this._multiWindowFeature = new ZenMultiWindowFeature();
this._initWaitPromise();
@@ -226,6 +227,8 @@ var gZenVerticalTabsManager = {
if (tabs) {
tabs.addEventListener('mouseup', this.openNewTabOnTabsMiddleClick.bind(this));
}
this._insertDoubleClickListenerPinnedTabs();
},
openNewTabOnTabsMiddleClick(event) {
@@ -593,4 +596,87 @@ var gZenVerticalTabsManager = {
}
target.appendChild(child);
},
//_insertItemsIntoTabContextMenu() {
// const element = window.MozXULElement.parseXULToFragment(`
// <menuitem id="context_zen-rename-tab"
// data-l10n-id="tab-context-zen-rename-tab"
// oncommand="gZenVerticalTabsManager.contextRenameTab();" />
// `);
// document.getElementById('context_duplicateTabs').after(element);
//},
_insertDoubleClickListenerPinnedTabs() {
const tabs = gBrowser.tabs;
for (const tab of tabs) {
if (tab.pinned) {
tab.addEventListener('dblclick', this.contextRenameTabStart.bind(this));
}
}
},
contextRenameTabKeydown(event) {
if (event.key === 'Enter') {
let label = this._tabEdited.querySelector(".tab-label-container-editing");
let input = this._tabEdited.querySelector('#tab-label-input');
let newName = input.value;
this._tabEdited.setAttribute('label', newName);
this._tabEdited.querySelector('.tab-editor-container').remove();
label.style.display = '';
label.className = label.className.replace(' tab-label-container-editing', '');
document.removeEventListener('click', this.contextRenameTabHalt.bind(this));
this._tabEdited = null;
} else if (event.key === "Escape") {
let label = this._tabEdited.querySelector(".tab-label-container-editing");
this._tabEdited.querySelector('.tab-editor-container').remove();
label.style.display = '';
label.className = label.className.replace(' tab-label-container-editing', '');
document.removeEventListener('click', this.contextRenameTabHalt.bind(this));
this._tabEdited = null;
}
},
contextRenameTabStart(event) {
if (event.target.closest('.tab-label-container-editing')) {
return;
}
this._tabEdited = event.target.closest('.tabbrowser-tab');
console.log(this._tabEdited)
const label = this._tabEdited.querySelector(".tab-label-container")
label.style.display = 'none';
label.className += ' tab-label-container-editing';
const container = window.MozXULElement.parseXULToFragment(`
<vbox class="tab-label-container tab-editor-container" flex="1" align="start" pack="center"></vbox>
`);
label.after(container);
const containerHtml = this._tabEdited.querySelector('.tab-editor-container');
const input = document.createElement('input');
input.id = 'tab-label-input';
input.value = this._tabEdited.label;
input.addEventListener('keydown', this.contextRenameTabKeydown.bind(this));
input.style["white-space"] = "nowrap";
input.style["overflow-x"] = "scroll";
input.style["margin"] = "0";
containerHtml.appendChild(input);
input.focus();
input.select()
document.addEventListener('click', this.contextRenameTabHalt.bind(this));
},
contextRenameTabHalt(event) {
if (event.target.closest('#tab-label-input')) {
return;
}
this._tabEdited.querySelector('.tab-editor-container').remove();
const label = this._tabEdited.querySelector(".tab-label-container-editing");
label.style.display = '';
label.className = label.className.replace(' tab-label-container-editing', '');
document.removeEventListener('click', this.contextRenameTabHalt.bind(this));
},
};

1
src/browser/base/content/zen-assets.inc.xhtml
View File

@@ -33,7 +33,6 @@
<script src="chrome://browser/content/ZenUIManager.mjs" />
<script src="chrome://browser/content/zen-components/ZenSidebarManager.mjs"/>
<script src="chrome://browser/content/zen-components/ZenTabUnloader.mjs" />
<script src="chrome://browser/content/zen-components/ZenTabManager.mjs" />
<script src="chrome://browser/content/zen-components/ZenPinnedTabsStorage.mjs" />
<script src="chrome://browser/content/zen-components/ZenWorkspacesStorage.mjs" />
<script src="chrome://browser/content/zen-components/ZenPinnedTabManager.mjs" />

1
src/browser/base/content/zen-assets.jar.inc.mn
View File

@@ -16,7 +16,6 @@
content/browser/zen-components/ZenKeyboardShortcuts.mjs (zen-components/ZenKeyboardShortcuts.mjs)
content/browser/zen-components/ZenThemesImporter.mjs (zen-components/ZenThemesImporter.mjs)
content/browser/zen-components/ZenTabUnloader.mjs (zen-components/ZenTabUnloader.mjs)
content/browser/zen-components/ZenTabManager.mjs (zen-components/ZenTabManager.mjs)
content/browser/zen-components/ZenPinnedTabsStorage.mjs (zen-components/ZenPinnedTabsStorage.mjs)
content/browser/zen-components/ZenPinnedTabManager.mjs (zen-components/ZenPinnedTabManager.mjs)
content/browser/zen-components/ZenCommonUtils.mjs (zen-components/ZenCommonUtils.mjs)

84
src/browser/base/zen-components/ZenTabManager.mjs
View File

@@ -1,84 +0,0 @@
class ZenBrowserTabManager extends ZenDOMOperatedFeature {
_tabEdited = null;
init() {
this._insertItemsIntoTabContextMenu();
}
_insertItemsIntoTabContextMenu() {
const element = window.MozXULElement.parseXULToFragment(`
<menuitem id="context_zen-rename-tab"
data-l10n-id="tab-context-zen-rename-tab"
oncommand="gZenBrowserTabManager.contextRenameTab();" />
`);
document.getElementById('context_duplicateTabs').after(element);
console.log("akjsdhfjkb")
}
contextRenameTab(event) {
this.contextRenameTabStart(event);
}
contextRenameTabKeydown(event) {
if (event.key === 'Enter') {
let label = this._tabEdited.querySelector(".tab-label-container-editing");
let input = this._tabEdited.querySelector('#tab-label-input');
let newName = input.value;
this._tabEdited.setAttribute('label', newName);
this._tabEdited.querySelector('.tab-editor-container').remove();
label.style.display = '';
label.className = label.className.replace(' tab-label-container-editing', '');
document.removeEventListener('click', this.contextRenameTabHalt.bind(this));
this._tabEdited = null;
} else if (event.key === "Escape") {
let label = this._tabEdited.querySelector(".tab-label-container-editing");
this._tabEdited.querySelector('.tab-editor-container').remove();
label.style.display = '';
label.className = label.className.replace(' tab-label-container-editing', '');
document.removeEventListener('click', this.contextRenameTabHalt.bind(this));
this._tabEdited = null;
}
}
contextRenameTabStart(event) {
const label = TabContextMenu.contextTab.querySelector(".tab-label-container")
label.style.display = 'none';
label.className += ' tab-label-container-editing';
const container = window.MozXULElement.parseXULToFragment(`
<vbox class="tab-label-container tab-editor-container" flex="1" align="start" pack="center"></vbox>
`);
label.after(container);
const containerHtml = TabContextMenu.contextTab.querySelector('.tab-editor-container');
const input = document.createElement('input');
input.id = 'tab-label-input';
input.value = TabContextMenu.contextTab.label;
input.addEventListener('keydown', this.contextRenameTabKeydown.bind(this));
input.style["white-space"] = "nowrap";
input.style["overflow-x"] = "scroll";
input.style["margin"] = "0";
containerHtml.appendChild(input);
input.focus();
input.select()
this._tabEdited = TabContextMenu.contextTab;
document.addEventListener('click', this.contextRenameTabHalt.bind(this));
}
contextRenameTabHalt(event) {
if (event.target.closest('#tab-label-input')) {
return;
}
this._tabEdited.querySelector('.tab-editor-container').remove();
const label = this._tabEdited.querySelector(".tab-label-container-editing");
label.style.display = '';
label.className = label.className.replace(' tab-label-container-editing', '');
document.removeEventListener('click', this.contextRenameTabHalt.bind(this));
}
}
window.gZenBrowserTabManager = new ZenBrowserTabManager();