Reorganize Project structure

1 files changed, 60 insertions, 0 deletions

diff --git a/WebInterface/src/js/modules/ui/uiManager.js b/WebInterface/src/js/modules/ui/uiManager.js
new file mode 100644
index 0000000..ddbb152
--- /dev/null
+++ b/WebInterface/src/js/modules/ui/uiManager.js
@@ -0,0 +1,60 @@
+import About from './collections/about';
+import Login from './collections/login';
+import Play from './collections/play';
+
+/**
+ * Controller class for Page UI
+ */
+export default class UIManager {
+  /**
+   * Initializes new UI Manager
+   * @param {Interface} iface Interface for inter-object communication
+   */
+  constructor(iface) {
+    this.currentUI = null;
+
+    iface.addObject(this, 'uiMananger', ['initAbout', 'initLogin', 'initPlay']);
+    this.iface = iface;
+  }
+
+  /**
+   * Initializes UI Components of About Page
+   */
+  initAbout() {
+    this.clearComponents();
+    this.about = new About(this.iface);
+    this.currentUI = 'about';
+  }
+
+  /**
+   * Initializes UI Components of Login page
+   */
+  initLogin() {
+    this.clearComponents();
+    this.login = new Login(this.iface);
+    this.currentUI = 'login';
+  }
+
+  /**
+   * Initializes UI Components of Play page
+   */
+  initPlay() {
+    this.clearComponents();
+    this.play = new Play(this.iface);
+    this.currentUI = 'play';
+  }
+
+  /**
+   * Clears currently loaded components
+   */
+  clearComponents() {
+    switch (this.currentUI) {
+      case null: return;
+      case 'about': this.about = null; break;
+      case 'login': this.login = null; break;
+      case 'play': this.play = null; break;
+    }
+
+    this.currentUI = null;
+  }
+}