move asidenav julius and lucius to static

src/Foundation.hs

@@ -971,7 +971,7 @@ siteLayout' headingOverride widget = do
       navbar :: Widget
       navbar = $(widgetFile "widgets/navbar")
       asidenav :: Widget
-      asidenav = $(widgetFile "widgets/asidenav")
+      asidenav = $(widgetFile "widgets/asidenav/asidenav")
       footer :: Widget
       footer = $(widgetFile "widgets/footer")
       alerts :: Widget
@@ -996,11 +996,13 @@ siteLayout' headingOverride widget = do
       addScript $ StaticR js_utils_featureChecker_js
       addScript $ StaticR js_utils_tabber_js
       addScript $ StaticR js_utils_alerts_js
+      addScript $ StaticR js_utils_asidenav_js
       addStylesheet $ StaticR css_vendor_flatpickr_css
       addStylesheet $ StaticR css_vendor_fontawesome_css
       addStylesheet $ StaticR css_fonts_css
-      addStylesheet $ StaticR css_utils_tabber_css
+      addStylesheet $ StaticR css_utils_tabber_scss
       addStylesheet $ StaticR css_utils_alerts_scss
+      addStylesheet $ StaticR css_utils_asidenav_scss
       $(widgetFile "default-layout")
       $(widgetFile "standalone/modal")
       $(widgetFile "standalone/showHide")

static/js/utils/asidenav.js

@@ -0,0 +1,22 @@
+(function() {
+  'use strict';
+
+  window.utils = window.utils || {};
+
+  var FAVORITES_BTN_CLASS = 'navbar__list-item--favorite';
+  var FAVORITES_BTN_ACTIVE_CLASS = 'navbar__list-item--active';
+  var ASIDENAV_EXPANDED_CLASS = 'main__aside--expanded';
+
+  window.utils.aside = function(asideEl) {
+
+    function init() {
+      var favoritesBtn = document.querySelector('.' + FAVORITES_BTN_CLASS);
+      favoritesBtn.addEventListener('click', function(event) {
+        favoritesBtn.classList.toggle(FAVORITES_BTN_ACTIVE_CLASS);
+        asideEl.classList.toggle(ASIDENAV_EXPANDED_CLASS);
+        event.preventDefault();
+      }, true);
+    }
+    init();
+  };
+})();

templates/widgets/asidenav.julius

@@ -1,23 +0,0 @@
-(function() {
-  'use strict';
-
-  window.utils = window.utils || {};
-
-  window.utils.aside = function(asideEl) {
-
-    function init() {
-      var favoritesBtn = document.querySelector('.navbar__list-item--favorite');
-      favoritesBtn.addEventListener('click', function(event) {
-        favoritesBtn.classList.toggle('navbar__list-item--active');
-        asideEl.classList.toggle('main__aside--expanded');
-        event.preventDefault();
-      }, true);
-    }
-    init();
-  };
-})();
-
-document.addEventListener('DOMContentLoaded', function() {
-  var asidenavEl = document.querySelector('.main__aside');
-  window.utils.aside(asidenavEl);
-});

templates/widgets/asidenav/asidenav.julius

@@ -0,0 +1,4 @@
+document.addEventListener('DOMContentLoaded', function() {
+  var asidenavEl = document.querySelector('.main__aside');
+  window.utils.aside(asidenavEl);
+});