feat(index): Past weeks have right rockets. Remove alarm clock after …

…past due
beAuthentic · Oct 10, 2022 · 678c904 · 678c904
1 parent 55c70d4
commit 678c904
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 3 deletions.
diff --git a/_includes/course.html b/_includes/course.html
@@ -51,7 +51,8 @@ <h3>{{ session.header }}</h3>
         <div class="control">
           <a class="button" href="/segment/{{ segment }}">
             {{ info.title }}&nbsp;
-            <span class="middle-align material-symbols-outlined">rocket_launch</span>
+            <span data-date="{{ info.end }}"
+              class="middle-align material-symbols-outlined rocket">rocket_launch</span>
           </a>
         </div>
       </li>
@@ -61,10 +62,19 @@ <h3>{{ session.header }}</h3>
 
 <script defer>
   const due = document.querySelectorAll('.due');
+  const rocket = document.querySelectorAll('.rocket');
   due.forEach( el => {
       const d = new Date(el.dataset.date.split('-')).getTime();
       if (d < Date.now()) {
         el.classList.add('past');
       }
     });
+  rocket.forEach( el => {
+      if (el.dataset.date) {
+        const d = new Date(el.dataset.date.split('-')).getTime();
+        if (d < Date.now()) {
+          el.innerText = 'rocket';
+        }
+      }
+    });
 </script>
diff --git a/_includes/footer.html b/_includes/footer.html
@@ -3,7 +3,9 @@
   <ul>
     {% for item in site.acc.footer -%}
     <li>
-      <span class="material-symbols-outlined">{{ item.icon }}</span>
+      {%- if item.icon -%}
+        <span class="material-symbols-outlined">{{ item.icon }}</span>
+      {%- endif -%}
       <a href="{{ item.href }}">{{ item.text }}</a>
     </li>
     {%- endfor %}

diff --git a/_includes/segment/index.html b/_includes/segment/index.html
@@ -21,7 +21,7 @@
 
       {%- 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 -%}
@@ -46,3 +46,13 @@ <h3>{{ session.title }}</h3>
     </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>