Korbs/electron-tabs
1
Fork 0
Code Issues Pull requests 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 {
constructor (args) {
constructor (args = {}) {
let options = this.options = {
tabContainerSelector: args.tabContainerSelector || ".tabs-tabcontainer",
buttonsContainerSelector: args.buttonsContainerSelector || ".tabs-buttonscontainer",
viewContainerSelector: args.viewContainerSelector || ".tabs-viewcontainer",
tabClass: args.tabClass || "tabs-tab",
viewClass: args.viewClass || "tabs-view",
closeButtonText: args.closeButtonText || "❌"
closeButtonText: args.closeButtonText || "❌",
newTab: args.newTab,
newTabButtonText: args.newTabButton || "+"
};
this.tabContainer = document.querySelector(options.tabContainerSelector);
this.viewContainer = document.querySelector(options.viewContainerSelector);
this.tabs = [];
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;
this.newTabId++;
let tab = new Tab(this, id, args);