index.html in askclass-course-theme-0.7.0

- old
+ new

@@ -19,11 +19,11 @@
         <div class="tab material-symbols-outlined">{{ session.icon }}</div>
       {%- endif -%}
 
       {%- if session.due -%}
         <div class="header">
-          <span class="material-symbols-outlined">alarm_on</span>
+          <span data-date="{{ session.due }}" class="material-symbols-outlined alarm">alarm_on</span>
           {{ session.due | date: '%b %e, %y' }}
         </div>
       {%- elsif session.type -%}
         <div class="header">{{ session.header }}</div>
       {%- else -%}
@@ -44,5 +44,15 @@
         {%- endif -%}
       </div>
     </li>
   {%- endfor -%}
 </ul>
+
+<script defer>
+  const due = document.querySelectorAll('.alarm');
+  due.forEach( el => {
+      const d = new Date(el.dataset.date.split('-')).getTime();
+      if (d < Date.now()) {
+        el.parentNode.removeChild(el);
+      }
+    });
+</script>