3 files changed, 57 insertions, 0 deletions
diff --git a/WebInterface/src/js/modules/ui/collections/about.js b/WebInterface/src/js/modules/ui/collections/about.js
new file mode 100644
index 0000000..dac8f01
--- /dev/null
+++ b/WebInterface/src/js/modules/ui/collections/about.js
@@ -0,0 +1,14 @@
+import Backdrop from '../components/backdrop';
+
+/**
+ * UI Loader for about page
+ */
+export default class About {
+  /**
+   * Registers components for about page
+   */
+  constructor() {
+    this.backdrop = new Backdrop('menu', 'front-layer', 'show-menu');
+    this.backdrop.initialize();
+  }
+}
diff --git a/WebInterface/src/js/modules/ui/collections/login.js b/WebInterface/src/js/modules/ui/collections/login.js
new file mode 100644
index 0000000..98a6b30
--- /dev/null
+++ b/WebInterface/src/js/modules/ui/collections/login.js
@@ -0,0 +1,24 @@
+import Backdrop from '../components/backdrop';
+import BannerController from '../components/notification-banner';
+import ServerListing from '../components/server-listing';
+
+/**
+ * UI Loader for login page
+ */
+export default class Login {
+  /**
+   * Registers components for login page
+   * @param {Interface} iface Interface to enable comm. with notifications
+   */
+  constructor(iface) {
+    this.backdrop = new Backdrop('menu', 'front-layer', 'show-menu');
+    this.bannerController = new BannerController(iface, 'notifications',
+        'banner-info', 'dismiss-banner', 'notification-amount');
+    this.serverListing = new ServerListing(iface, 'server-list',
+        'refresh-button');
+
+    this.backdrop.initialize();
+    this.bannerController.initialize();
+    this.serverListing.initialize();
+  }
+}
diff --git a/WebInterface/src/js/modules/ui/collections/play.js b/WebInterface/src/js/modules/ui/collections/play.js
new file mode 100644
index 0000000..cdea777
--- /dev/null
+++ b/WebInterface/src/js/modules/ui/collections/play.js
@@ -0,0 +1,19 @@
+import Backdrop from '../components/backdrop';
+import BannerController from '../components/notification-banner';
+
+/**
+ * UI Loader for play page
+ */
+export default class Play {
+  /**
+   * Registers components for play page
+   */
+  constructor() {
+    this.backdrop = new Backdrop('menu', 'front-layer', 'show-menu');
+    this.bannerController = new BannerController(iface, 'notifications',
+        'banner-info', 'dismiss-banner', 'notification-amount');
+
+    this.backdrop.initialize();
+    this.bannerController.initialize();
+  }
+}