korbs/electron-tabs
1
0
Fork 0
mirror of https://ark.sudovanilla.org/Korbs/electron-tabs.git synced 2024-12-23 03:53:53 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Add newTab button option

Browse source
This commit is contained in:
Thomas Brouard 2016-11-01 09:58:28 +01:00
parent 6b644b3b18
commit 35bbcf88ea
1 changed files with 16 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
index.js
View file

@ -26,21 +26,34 @@ if (!document) {
})(); })();
class TabGroup { class TabGroup {
constructor (args) { constructor (args = {}) {
let options = this.options = { let options = this.options = {
tabContainerSelector: args.tabContainerSelector || ".tabs-tabcontainer", tabContainerSelector: args.tabContainerSelector || ".tabs-tabcontainer",
buttonsContainerSelector: args.buttonsContainerSelector || ".tabs-buttonscontainer",
viewContainerSelector: args.viewContainerSelector || ".tabs-viewcontainer", viewContainerSelector: args.viewContainerSelector || ".tabs-viewcontainer",
tabClass: args.tabClass || "tabs-tab", tabClass: args.tabClass || "tabs-tab",
viewClass: args.viewClass || "tabs-view", viewClass: args.viewClass || "tabs-view",
closeButtonText: args.closeButtonText || "❌" closeButtonText: args.closeButtonText || "❌",
newTab: args.newTab,
newTabButtonText: args.newTabButton || "+"
}; };
this.tabContainer = document.querySelector(options.tabContainerSelector); this.tabContainer = document.querySelector(options.tabContainerSelector);
this.viewContainer = document.querySelector(options.viewContainerSelector); this.viewContainer = document.querySelector(options.viewContainerSelector);
this.tabs = []; this.tabs = [];
this.newTabId = 0; this.newTabId = 0;
this.initNewTabButton();
} }
addTab (args) { initNewTabButton () {
if (!this.options.newTab) return;
let container = document.querySelector(this.options.buttonsContainerSelector);
let button = container.appendChild(document.createElement("button"));
button.classList.add(`${this.options.tabClass}-button-new`);
button.innerHTML = this.options.newTabButtonText;
button.addEventListener("click", this.addTab.bind(this, undefined), false);
}
addTab (args = this.options.newTab) {
let id = this.newTabId; let id = this.newTabId;
this.newTabId++; this.newTabId++;
let tab = new Tab(this, id, args); let tab = new Tab(this, id, args);