Turn it into a node package to use GoldenLayout

1 files changed, 38 insertions, 0 deletions

diff --git a/src/ui.js b/src/ui.js
new file mode 100644
index 0000000..ecbdb45
--- /dev/null
+++ b/src/ui.js
@@ -0,0 +1,38 @@
+import GoldenLayout from "./golden/js/goldenlayout.js";
+
+var config = {
+    settings: {
+        showPopoutIcon: false
+    },
+    content: [
+    {
+        type: "row",
+        content: [
+        {
+            type: "component",
+            componentName: "template",
+            componentState: { id: "client_wrapper" }
+        },
+        {
+            type: "column",
+            content: [
+            {
+                type: "component",
+                componentName: "template",
+                componentState: { id: "ooc" }
+            },
+            {
+                type: "component",
+                componentName: "template",
+                componentState: { id: "music" }
+            }]
+        }]
+    }]
+};
+
+var golden = new GoldenLayout(config);
+golden.registerComponent("template", function(container, componentState) {
+    container.getElement().html(document.querySelector("#" + componentState.id).content);
+});
+golden.init();
+console.log("initializing");
\ No newline at end of file