From c3b66fc95102b36bf21eacdc960183216683c270 Mon Sep 17 00:00:00 2001
From: Steven Le Rouzic <steven.lerouzic@gmail.com>
Date: Sat, 13 Apr 2024 23:48:00 +0200
Subject: Show timer, set time on create

---
 view/timer.templ | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

(limited to 'view/timer.templ')

diff --git a/view/timer.templ b/view/timer.templ
index fa258eb..8d20933 100644
--- a/view/timer.templ
+++ b/view/timer.templ
@@ -7,6 +7,20 @@ import (
 templ TimerView(timer model.Timer) {
     <h1>This is timer { timer.Name } </h1>
     <p><a href="/">Back to list</a></p>
-    <p>Start time: { timer.StartTime.String() }</p>
-    <p>End time: { timer.EndTime.String() }</p>
+    <p>Start time: <local-date>{ timer.StartTime.AsUTCString() }</local-date></p>
+    <p>End time: <local-date>{ timer.EndTime.AsUTCString() }</local-date></p>
+    <p>
+        Total time:
+        <timer-countdown
+            start={ timer.StartTime.AsUTCString() }
+            end={ timer.EndTime.AsUTCString() }
+        ></timer-countdown>
+    </p>
+    <p>
+        Remaining time:
+        <timer-countdown
+            end={ timer.EndTime.AsUTCString() }
+        ></timer-countdown>
+    </p>
 }
+
-- 
cgit