fix #12: add an option to hide the opener and the panel when there is no application

templates/js/script.php

@@ -3,28 +3,19 @@
     var sideMenuOpener = $('<button class="side-menu-opener"></button>')
     var sideMenu = $('<div id="side-menu">')
     var body = $('body')
-
-    body.append(sideMenuContainer)
-
-    sideMenuContainer.append(sideMenu)
-
-    <?php if ($_['opener-position'] === 'before'): ?>
-        sideMenuOpener.insertBefore('#nextcloud')
-    <?php else: ?>
-        sideMenuOpener.insertAfter('#nextcloud')
-    <?php endif; ?>
-
     var isTouchDevice = window.matchMedia("(pointer: coarse)").matches
 
     body.on('side-menu.apps', function(e, apps) {
-        sideMenu = $('#side-menu')
+        <?php if ($_['hide-when-no-apps']): ?>
+            sideMenu = $('#side-menu')
 
-        if (apps.length === 0) {
-            sideMenu.removeClass('open')
-            sideMenuOpener.addClass('hide')
-        } else {
-            sideMenuOpener.removeClass('hide')
-        }
+            if (apps.length === 0) {
+                sideMenu.removeClass('open')
+                sideMenuOpener.addClass('hide')
+            } else {
+                sideMenuOpener.removeClass('hide')
+            }
+        <?php endif; ?>
     })
 
     body.on('side-menu.ready', function() {
@@ -65,4 +56,13 @@
             sideMenu.removeClass('open');
         })
     })
+
+    body.append(sideMenuContainer)
+    sideMenuContainer.append(sideMenu)
+
+    <?php if ($_['opener-position'] === 'before'): ?>
+        sideMenuOpener.insertBefore('#nextcloud')
+    <?php else: ?>
+        sideMenuOpener.insertAfter('#nextcloud')
+    <?php endif; ?>
 })();