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

Isolate private methods

Browse source
This commit is contained in:
Thomas Brouard 2016-11-01 14:40:03 +01:00
parent 1e333877f4
commit d17be60941
1 changed files with 86 additions and 83 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

169
index.js
View file

@ -45,21 +45,12 @@ class TabGroup extends EventEmitter {
this.viewContainer = document.querySelector(options.viewContainerSelector); this.viewContainer = document.querySelector(options.viewContainerSelector);
this.tabs = []; this.tabs = [];
this.newTabId = 0; this.newTabId = 0;
this.initNewTabButton(); TabGroupPrivate.initNewTabButton.bind(this)();
if (typeof this.options.ready === "function") { if (typeof this.options.ready === "function") {
this.options.ready(this); this.options.ready(this);
} }
} }
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) { addTab (args = this.options.newTab) {
if (typeof args === "function") { if (typeof args === "function") {
args = args(this); args = args(this);
@ -72,7 +63,23 @@ class TabGroup extends EventEmitter {
return tab; return tab;
} }
removeTab (tab, triggerEvent) { getActiveTab () {
if (this.tabs.length === 0) return null;
return this.tabs[0];
}
}
const TabGroupPrivate = {
initNewTabButton: function () {
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);
},
removeTab: function (tab, triggerEvent) {
let id = tab.id; let id = tab.id;
for (let i in this.tabs) { for (let i in this.tabs) {
if (this.tabs[i].id === id) { if (this.tabs[i].id === id) {
@ -84,27 +91,22 @@ class TabGroup extends EventEmitter {
this.emit("tab-removed", tab, this); this.emit("tab-removed", tab, this);
} }
return this; return this;
} },
setActiveTab (tab) { setActiveTab: function (tab) {
this.removeTab(tab); TabGroupPrivate.removeTab.bind(this)(tab);
this.tabs.unshift(tab); this.tabs.unshift(tab);
this.emit("tab-active", tab, this); this.emit("tab-active", tab, this);
return this; return this;
} },
getActiveTab () { activateRecentTab: function (tab) {
if (this.tabs.length === 0) return null;
return this.tabs[0];
}
activateRecentTab (tab) {
if (this.tabs.length > 0) { if (this.tabs.length > 0) {
this.tabs[0].activate(); this.tabs[0].activate();
} }
return this; return this;
} }
} };
class Tab extends EventEmitter { class Tab extends EventEmitter {
constructor (tabGroup, id, args) { constructor (tabGroup, id, args) {
@ -117,45 +119,13 @@ class Tab extends EventEmitter {
this.webviewAttributes = args.webviewAttributes || {}; this.webviewAttributes = args.webviewAttributes || {};
this.webviewAttributes.src = args.src; this.webviewAttributes.src = args.src;
this.tabElements = {}; this.tabElements = {};
this.initTab(); TabPrivate.initTab.bind(this)();
this.initWebview(); TabPrivate.initWebview.bind(this)();
if (typeof args.ready === "function") { if (typeof args.ready === "function") {
args.ready(this); args.ready(this);
} }
} }
initTab () {
let tabClass = this.tabGroup.options.tabClass;
// Create tab element
let tab = this.tab = document.createElement("div");
tab.classList.add(tabClass);
for (let el of ["icon", "title", "buttons"]) {
let span = tab.appendChild(document.createElement("span"));
span.classList.add(`${tabClass}-${el}`);
this.tabElements[el] = span;
}
this.setTitle(this.title);
this.setIcon(this.iconURL);
this.setButtons();
tab.addEventListener("click", this.tabClickHandler.bind(this), false);
this.tabGroup.tabContainer.appendChild(this.tab);
}
initWebview () {
this.webview = document.createElement("webview");
this.webview.classList.add(this.tabGroup.options.viewClass);
if (this.webviewAttributes) {
let attrs = this.webviewAttributes;
for (let key in attrs) {
this.webview.setAttribute(key, attrs[key]);
}
}
this.tabGroup.viewContainer.appendChild(this.webview);
}
setTitle (title) { setTitle (title) {
if (this.isClosed) return; if (this.isClosed) return;
let span = this.tabElements.title; let span = this.tabElements.title;
@ -186,26 +156,6 @@ class Tab extends EventEmitter {
return this.iconURL; return this.iconURL;
} }
setButtons () {
let container = this.tabElements.buttons;
let tabClass = this.tabGroup.options.tabClass;
if (this.closable) {
let button = container.appendChild(document.createElement("button"));
button.classList.add(`${tabClass}-button-close`);
button.innerHTML = this.tabGroup.options.closeButtonText;
button.addEventListener("click", this.close.bind(this), false);
}
}
tabClickHandler (e) {
if (this.isClosed) return;
if (e.which === 1) {
this.activate();
} else if (e.which === 2) {
this.close();
}
}
activate () { activate () {
if (this.isClosed) return; if (this.isClosed) return;
let activeTab = this.tabGroup.getActiveTab(); let activeTab = this.tabGroup.getActiveTab();
@ -213,7 +163,7 @@ class Tab extends EventEmitter {
activeTab.tab.classList.remove("active"); activeTab.tab.classList.remove("active");
activeTab.webview.classList.remove("visible"); activeTab.webview.classList.remove("visible");
} }
this.tabGroup.setActiveTab(this); TabGroupPrivate.setActiveTab.bind(this.tabGroup)(this);
this.tab.classList.add("active"); this.tab.classList.add("active");
this.webview.classList.add("visible"); this.webview.classList.add("visible");
this.emit("active", this); this.emit("active", this);
@ -244,20 +194,73 @@ class Tab extends EventEmitter {
return this; return this;
} }
move (index) {
// TODO: move
}
close (force) { close (force) {
if (this.isClosed || (!this.closable && !force)) return; if (this.isClosed || (!this.closable && !force)) return;
this.isClosed = true; this.isClosed = true;
let tabGroup = this.tabGroup; let tabGroup = this.tabGroup;
tabGroup.tabContainer.removeChild(this.tab); tabGroup.tabContainer.removeChild(this.tab);
tabGroup.viewContainer.removeChild(this.webview); tabGroup.viewContainer.removeChild(this.webview);
tabGroup.removeTab(this, true); TabGroupPrivate.removeTab.bind(tabGroup)(this, true);
this.emit("close", this); this.emit("close", this);
tabGroup.activateRecentTab(); TabGroupPrivate.activateRecentTab.bind(tabGroup)();
} }
} }
const TabPrivate = {
initTab: function () {
let tabClass = this.tabGroup.options.tabClass;
// Create tab element
let tab = this.tab = document.createElement("div");
tab.classList.add(tabClass);
for (let el of ["icon", "title", "buttons"]) {
let span = tab.appendChild(document.createElement("span"));
span.classList.add(`${tabClass}-${el}`);
this.tabElements[el] = span;
}
this.setTitle(this.title);
this.setIcon(this.iconURL);
TabPrivate.initTabButtons.bind(this)();
TabPrivate.initTabClickHandler.bind(this)();
this.tabGroup.tabContainer.appendChild(this.tab);
},
initTabButtons: function () {
let container = this.tabElements.buttons;
let tabClass = this.tabGroup.options.tabClass;
if (this.closable) {
let button = container.appendChild(document.createElement("button"));
button.classList.add(`${tabClass}-button-close`);
button.innerHTML = this.tabGroup.options.closeButtonText;
button.addEventListener("click", this.close.bind(this), false);
}
},
initTabClickHandler: function () {
const tabClickHandler = function (e) {
if (this.isClosed) return;
if (e.which === 1) {
this.activate();
} else if (e.which === 2) {
this.close();
}
};
this.tab.addEventListener("click", tabClickHandler.bind(this), false);
},
initWebview: function () {
this.webview = document.createElement("webview");
this.webview.classList.add(this.tabGroup.options.viewClass);
if (this.webviewAttributes) {
let attrs = this.webviewAttributes;
for (let key in attrs) {
this.webview.setAttribute(key, attrs[key]);
}
}
this.tabGroup.viewContainer.appendChild(this.webview);
}
};
module.exports = TabGroup; module.exports = TabGroup;