From 5382365081e6cc4ed37b1f38bafe43fb9bd1557c Mon Sep 17 00:00:00 2001
From: Maarten Sijm <9739541+mpsijm@users.noreply.github.com>
Date: Sat, 11 May 2024 15:46:45 +0200
Subject: [PATCH] If there are multiple scoreboards, show a drop-down

---
 assets/ananke/css/archive.css       |  3 ++-
 data/archive/dapc/2021.yaml         |  3 ++-
 data/archive/fpc/2024.yaml          |  4 +++-
 layouts/partials/archive-table.html | 28 ++++++++++++++++++++++------
 4 files changed, 29 insertions(+), 9 deletions(-)

diff --git a/assets/ananke/css/archive.css b/assets/ananke/css/archive.css
index 989e761..542fb38 100644
--- 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
index d4f6ed9..af56af4 100644
--- 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
index 1f9c2cf..814ddd0 100644
--- 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
index 4e7366e..79c12cc 100644
--- 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}}