Separate javascript relative to side-menu from general script to a specific one.

templates/base.twig

@@ -52,6 +52,7 @@
     <script type="text/javascript" src="/{{ baseurlpath }}assets/js/lib/clipboard.min.js"></script>
     <script type="text/javascript" src="/{{ baseurlpath }}assets/js/lib/selectize.min.js"></script>
     <script type="text/javascript" src="/{{ baseurlpath }}assets/js/src/language.js"></script>
+    <script type="text/javascript" src="/{{ baseurlpath }}assets/js/src/side_menu.js"></script>
     <script type="text/javascript" src="/{{ baseurlpath }}assets/js/src/script.js"></script>
 {% block postload %}{% endblock %}
 </body></html>

www/assets/js/src/script.js

@@ -39,6 +39,7 @@ function SimpleSAML_hide(id) {
 
   element.style.display = 'none';
 }
+
 // Attach the `fileselect` event to all file inputs on the page
 $(document).on('change', ':file', function() {
     var input = $(this),
@@ -52,7 +53,7 @@ $(document).ready(function() {
     $('#organization').selectize();
     new Clipboard('.clipboard-btn');
 
-    // Watch for custom `fileselect` event
+// Watch for custom `fileselect` event
     $(':file').on('fileselect', function(event, numFiles, label) {
 
         var input = $(this).parents('.pure-button-group').find(':text'),
@@ -69,54 +70,3 @@ $(document).ready(function() {
 
 });
 
-
-/*************/
-
-(function (window, document) {
-
-    var layout   = document.getElementById('layout'),
-        menu     = document.getElementById('menu'),
-        menuLink = document.getElementById('menuLink'),
-        content  = document.getElementById('content');
-        footer  = document.getElementById('foot');
-
-    function toggleClass(element, className) {
-        var classes = element.className.split(/\s+/),
-            length = classes.length,
-            i = 0;
-
-        for(; i < length; i++) {
-            if (classes[i] === className) {
-                classes.splice(i, 1);
-                break;
-            }
-        }
-        // The className is not found
-        if (length === classes.length) {
-            classes.push(className);
-        }
-
-        element.className = classes.join(' ');
-    }
-
-    function toggleAll(e) {
-        var active = 'active';
-
-        e.preventDefault();
-        toggleClass(layout, active);
-        toggleClass(menu, active);
-        toggleClass(menuLink, active);
-        toggleClass(footer, active);
-    }
-
-    menuLink.onclick = function (e) {
-        toggleAll(e);
-    };
-
-    content.onclick = function(e) {
-        if (menu.className.indexOf('active') !== -1) {
-            toggleAll(e);
-        }
-    };
-
-}(this, this.document));

www/assets/js/src/side_menu.js

+(function (window, document) {
+
+    var layout   = document.getElementById('layout'),
+        menu     = document.getElementById('menu'),
+        menuLink = document.getElementById('menuLink'),
+        content  = document.getElementById('content');
+    footer  = document.getElementById('foot');
+
+    function toggleClass(element, className) {
+        var classes = element.className.split(/\s+/),
+            length = classes.length,
+            i = 0;
+
+        for(; i < length; i++) {
+            if (classes[i] === className) {
+                classes.splice(i, 1);
+                break;
+            }
+        }
+        // The className is not found
+        if (length === classes.length) {
+            classes.push(className);
+        }
+
+        element.className = classes.join(' ');
+    }
+
+    function toggleAll(e) {
+        var active = 'active';
+
+        e.preventDefault();
+        toggleClass(layout, active);
+        toggleClass(menu, active);
+        toggleClass(menuLink, active);
+        toggleClass(footer, active);
+    }
+
+    menuLink.onclick = function (e) {
+        toggleAll(e);
+    };
+
+    content.onclick = function(e) {
+        if (menu.className.indexOf('active') !== -1) {
+            toggleAll(e);
+        }
+    };
+
+}(this, this.document));