Merge branch 'master' of gitlab.cip.ifi.lmu.de:jost/UniWorX

templates/default-layout.lucius

@@ -280,7 +280,6 @@ input[type="button"]:not([disabled]):hover,
 button:not([disabled]):hover,
 .btn:not([disabled]):hover {
   background-color: var(--color-light);
-  text-decoration: underline;
   color: white;
 }
 
@@ -307,10 +306,6 @@ input[type="button"].btn-info:hover,
 .table {
   margin: 21px 0;
   width: 100%;
-
-  a {
-    text-decoration: none;
-  }
 }
 
 .table--striped {
@@ -368,6 +363,10 @@ input[type="button"].btn-info:hover,
   padding-bottom: 10px;
   font-weight: bold;
   text-align: left;
+
+  a {
+    text-decoration: none;
+  }
 }
 
 @media (max-width: 1200px) {

templates/standalone/showHide.julius

@@ -8,29 +8,45 @@
 
 document.addEventListener('DOMContentLoaded', function() {
 
-  var elements = Array.from(document.querySelectorAll('.js-show-hide__toggle')),
+  var LSNAME = 'SHOW_HIDE';
-      toggles = [];
 
   function addEventHandler(el) {
     el.addEventListener('click', function elClickListener() {
-      var toggle = toggles[el.dataset.index];
+      var newState = el.parentElement.classList.toggle('js-show-hide--collapsed');
-      toggle.collapsed = !toggle.collapsed;
+      updateLSState(el.dataset.shIndex || null, newState);
-      toggle.parent.classList.toggle('js-show-hide--collapsed', toggle.collapsed);
     });
   }
 
-  elements.forEach(function(el, i) {
+  function updateLSState(index, state) {
-    el.dataset.index = i;
+    if (!index) {
-    var coll = el.dataset.collapsed === 'true';
+      return false;
-    if (coll) {
-      el.parentElement.classList.add('js-show-hide--collapsed')
     }
-    Array.from(el.parentElement.children).forEach(function(el) {
+    var lsData = fromLocalStorage();
-      if (!el.classList.contains('js-show-hide__toggle')) {
+    lsData[index] = state;
-        el.classList.add('js-show-hide__target');
+    window.localStorage.setItem(LSNAME, JSON.stringify(lsData));
-      }
+  }
-    });
+
-    toggles.push({index: i, collapsed: coll, parent: el.parentElement});
+  function collapsedStateInLocalStorage(index) {
-    addEventHandler(el);
+    return fromLocalStorage()[index] || null;
+  }
+
+  function fromLocalStorage() {
+    return JSON.parse(window.localStorage.getItem(LSNAME)) || {};
+  }
+
+  Array
+    .from(document.querySelectorAll('.js-show-hide__toggle'))
+    .forEach(function(el) {
+      var index = el.dataset.shIndex || null;
+      el.parentElement.classList.toggle(
+        'js-show-hide--collapsed',
+        collapsedStateInLocalStorage(index) || el.dataset.collapsed === 'true'
+      );
+      Array.from(el.parentElement.children).forEach(function(el) {
+        if (!el.classList.contains('js-show-hide__toggle')) {
+          el.classList.add('js-show-hide__target');
+        }
+      });
+      addEventHandler(el);
   });
 });

templates/widgets/asidenav.hamlet

@@ -3,7 +3,7 @@ $newline never
   <div .asidenav>
     $forall tid@TermIdentifier{..} <- favouriteTerms
       <div .asidenav__box>
-        <h3 .asidenav__box-title.js-show-hide__toggle>
+        <h3 .asidenav__box-title.js-show-hide__toggle data-sh-index="#{display season}-#{year}">
           $case season
             $of Winter
               _{MsgWinterTermShort year}