Huge update, read description

- Bug fixes
- Splitted app.js to many files
- Gathered CSS to one place instead of layers
- Redesigned page layout
- Added settings so you can personalize them later
- Redesigned menu layout
- Added radio player for AKDR to connect there

1 files changed, 48 insertions, 0 deletions

diff --git a/src/js/menu-magic.js b/src/js/menu-magic.js
new file mode 100644
index 0000000..8ab1bb8
--- /dev/null
+++ b/src/js/menu-magic.js
@@ -0,0 +1,48 @@
+/*
+ * Menu bar management
+ *
+ * We change the visible floor according to menu selection.
+ *
+ */
+var upperFloor = document.querySelector('.upper-floor');
+var lowerFloor = document.querySelector('.lower-floor');
+var modulesSubmenu = document.querySelector('#modules-submenu');
+modulesSubmenu.style.display = 'none';
+upperFloor.style.display = 'flex';
+lowerFloor.style.display = 'none';
+function modulesSubToggle(){
+    modulesSubmenu.style.display = modulesSubmenu.style.display === 'none' ? 'flex' : 'none';
+    upperFloor.style.display = upperFloor.style.display === 'none' ? 'flex' : 'none';
+    lowerFloor.style.display = lowerFloor.style.display === 'none' ? 'flex' : 'none';
+}
+var exploreSubmenu = document.querySelector('#explore-submenu');
+exploreSubmenu.style.display = 'none';
+function exploreSubToggle(){
+    exploreSubmenu.style.display = exploreSubmenu.style.display === 'none' ? 'flex' : 'none';
+    upperFloor.style.display = upperFloor.style.display === 'none' ? 'flex' : 'none';
+    lowerFloor.style.display = lowerFloor.style.display === 'none' ? 'flex' : 'none';
+}
+// Function to hide all the panes
+function menuinit(){
+    menuids.forEach(m=>document.querySelector(m).hidden=true);
+}
+
+/*
+ * Function called on clicks on the menu bar
+ * Unhides the pane connected to the clicked menu entry
+ */
+function menusel(m){
+    menuinit();
+    document.querySelector(m.id.replace('/','')).hidden=false;
+    
+    mainContainer.style.display = 'block';
+    if ( isMobile ) {
+        doubleFloorMenu.style.display = 'none';
+    }
+}
+
+//var doubleFloorMenuDisplay = doubleFloorMenu.style.display;
+function toggleMenu(m){
+    mainContainer.style.display = 'none';
+    doubleFloorMenu.style.display = 'flex';
+}