electron-tabs/index.js
2016-10-27 22:38:20 +02:00

72 lines
2.2 KiB
JavaScript

// New tab(title, url, icon, webviewArgs)
// .webview.methodeDeWebview()
// .close X
// .activate
// .move(index)
// .blink
// .unblink
// .setTitle X
// .getTitle X
// .setIcon X
// .getIcon X
// TODO: à revoir. Il faut plutôt créer un objet Tabs qui possède des methodes pour crer et manipuler des tabs. + faire remonter les méthodes importantes des webview (url) mais laisser acces pour usage avancé.
// const Tab = require("electron-tabs")(config);
module.exports = (config) => {
class Tab {
constructor (args) {
this.title = args.title;
this.iconURL = args.iconURL;
this.webviewAttributes = args.webviewAttributes;
this.tabContainerSelector = args.tabContainerSelector || config.tabContainerSelector;
this.tabContainer = document.querySelector(this.tabContainerSelector);
this.webviewContainerSelector = args.webviewContainerSelector || config.webviewContainerSelector;
this.webviewContainer = document.querySelector(this.webviewContainerSelector);
this.initTab();
}
init () {
// Create the tab
this.tab = document.createElement("div");
this.setTitle(this.title);
this.tabContainer.appendChild(this.tab);
// Create the webview
this.webview = document.createElement("webview");
if (this.webviewAttributes) {
let attrs = this.webviewAttributes;
for (let key in attrs) {
this.webview.setAttribute(key, attrs[key]);
}
}
this.webviewContainer.appendChild(this.webview);
}
setTitle (title) {
this.title = title;
this.tab.innerHTML = title;
}
getTitle () {
return this.tab.innerHTML;
}
setIcon (iconURL) {
this.iconURL = iconURL;
this.tab.setAttribute("data-icon", iconURL);
}
activate () {
// TODO
}
close () {
this.tabContainer.removeChild(this.tab);
this.webviewContainer.removeChild(this.webview);
}
}
return Tab;
};