If there are multiple scoreboards, show a drop-down

WISVCH · Jun 12, 2024 · a6b8313 · a6b8313
1 parent 5047fa2
commit a6b8313
Show file tree

Hide file tree

Showing 4 changed files with 29 additions and 9 deletions.
diff --git a/assets/ananke/css/archive.css b/assets/ananke/css/archive.css
@@ -11,8 +11,9 @@
 }
 
 .archive-link {
+    padding: 0 0.75rem;
     text-align: center;
-    width: 3em;
+    width: 0;
     white-space: nowrap;
 }
 

diff --git a/data/archive/dapc/2021.yaml b/data/archive/dapc/2021.yaml
@@ -11,4 +11,5 @@ links:
   photos: https://ch.tudelft.nl/media/photos/?type_0=gallery&album_gallery_id_0=70
   website:
   result: /archive/2021/dapc/scoreboard.html
-  merged: /archive/2021/dapc/full-scoreboard.html
+  scoreboards:
+    Merged: /archive/2021/dapc/full-scoreboard.html
diff --git a/data/archive/fpc/2024.yaml b/data/archive/fpc/2024.yaml
@@ -11,4 +11,6 @@ links:
   photos: #https://ch.tudelft.nl/media/photos/?type_0=gallery&album_gallery_id_0=235
   website:
   result: /archive/2024/fpc/scoreboard/
-  merged: /archive/2024/fpc/merged-scoreboard/
+  scoreboards:
+    Merged: /archive/2024/fpc/merged-scoreboard/
+    Online: /archive/2024/fpc/online-scoreboard/
diff --git a/layouts/partials/archive-table.html b/layouts/partials/archive-table.html
@@ -38,12 +38,28 @@
     {{end}}
   </td>
   <td class="archive-link">
-    {{if .links.result}}
-    <a href="{{.links.result}}" target="_blank"><span class="material-symbols-outlined icon" title="Scoreboard">scoreboard</span></a>
-    {{end}}
-    {{if .links.merged}}
-    <a href="{{.links.merged}}" target="_blank"><span class="material-symbols-outlined icon" title="Merged">merge</span></a>
-    {{end}}
+    <div class="flex">
+      {{if .links.result}}
+      <a href="{{.links.result}}" target="_blank">
+        <span class="material-symbols-outlined icon" title="Scoreboard">
+          scoreboard
+        </span>
+      </a>
+      {{end}}
+      {{if .links.scoreboards}}
+      <div onmouseleave="this.children[1].style.display='none'" class="relative">
+        <span class="material-symbols-outlined icon" title="More" style="cursor:pointer"
+              onmouseenter="this.nextElementSibling.style.display='block'">
+          arrow_drop_down
+        </span>
+        <div class="absolute bg-white pa2 ba br3" style="display:none;top:1.5rem;right:0">
+          {{range $k, $v := .links.scoreboards}}
+          <a href="{{$v}}" target="_blank">{{$k}}</a><br />
+          {{end}}
+        </div>
+      </div>
+      {{end}}
+    </div>
   </td>
   <td class="archive-link">
     {{if .links.photos}}