From 14d896674f637380cb818a4b8b61f44a03498f41 Mon Sep 17 00:00:00 2001
From: Fabrice Lamant <flamant@shutterstock.com>
Date: Mon, 5 Aug 2024 22:10:18 +0200
Subject: [PATCH] add events end time to todays page

---
 src/calendar.ts         | 5 ++++-
 src/today/template.html | 3 ++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/calendar.ts b/src/calendar.ts
index c9b659c42..0497c4061 100644
--- a/src/calendar.ts
+++ b/src/calendar.ts
@@ -394,7 +394,10 @@ export class Calendar {
       }
 
       content.push(`<div class="event py-4" data-start="${event.DTSTART}" data-end="${event.DTEND}" data-noc="${event._NOCS.sort().join(",")}">`);
-      content.push(" <div class=\"time w-1/4 align-top text-right inline-block text-5xl text-center tabular-nums pr-2 border-r border-slate-900/10\">__:__</div>");
+      content.push(" <div class=\"time w-1/4 align-top text-right inline-block text-5xl text-center tabular-nums pr-2 border-r border-slate-900/10\">");
+      content.push("  <span class=\"time-start\">__:__</span>");
+      content.push("  <div class=\"time-end text-xs\">__:__</div>");
+      content.push(" </div>");
       content.push(" <div class=\"w-3/5 align-top inline-block text-black pl-2\">");
       content.push("   <div class=\"text-2xl\">");
       content.push(`   ${event._MEDAL ? "🏅" : ""}`);
diff --git a/src/today/template.html b/src/today/template.html
index 868994667..9c0a02b16 100644
--- a/src/today/template.html
+++ b/src/today/template.html
@@ -86,7 +86,8 @@
 
       if (!noc || nocs.includes(noc)) {
         if (now.day === start.day) {
-          element.querySelector(".time").textContent = start.toLocaleString(DateTime.TIME_24_SIMPLE);
+          element.querySelector(".time-start").textContent = start.toLocaleString(DateTime.TIME_24_SIMPLE);
+          element.querySelector(".time-end").textContent = end.toLocaleString(DateTime.TIME_24_SIMPLE);
           if (end < now) {
             if (end > fifteenMinuteAgo) {
               element.classList.add(cycleColor());