Tab object (draft)

index.js

@@ -0,0 +1,72 @@
+// 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;
+};