From 1e9b8d0fa114ce706c4fa05004991e516cbddcd7 Mon Sep 17 00:00:00 2001
From: Steven Le Rouzic <steven.lerouzic@gmail.com>
Date: Sun, 14 Apr 2024 23:51:04 +0200
Subject: Add time to timer

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

(limited to 'view/timer.templ')

diff --git a/view/timer.templ b/view/timer.templ
index 8d20933..a447d01 100644
--- a/view/timer.templ
+++ b/view/timer.templ
@@ -1,26 +1,43 @@
 package view
 
 import (
-    "stevenlr.com/timer/model"
+	"fmt"
+	"stevenlr.com/timer/model"
 )
 
 templ TimerView(timer model.Timer) {
-    <h1>This is timer { timer.Name } </h1>
-    <p><a href="/">Back to list</a></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>
+	<div class="timer">
+		<h1>This is timer { timer.Name } </h1>
+		<p><a href="/">Back to list</a></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>
+		if !timer.IsFinished() {
+			<h3>Add time</h3>
+			<p>
+				<button hx-target="closest .timer" hx-post={ fmt.Sprint("/timer/", timer.Id, "/addTime/15m") }>15 minutes</button>
+				<button hx-target="closest .timer" hx-post={ fmt.Sprint("/timer/", timer.Id, "/addTime/30m") }>30 minutes</button>
+				<button hx-target="closest .timer" hx-post={ fmt.Sprint("/timer/", timer.Id, "/addTime/1h") }>1 hour</button>
+				<button hx-target="closest .timer" hx-post={ fmt.Sprint("/timer/", timer.Id, "/addTime/2h") }>2 hours</button>
+				<button hx-target="closest .timer" hx-post={ fmt.Sprint("/timer/", timer.Id, "/addTime/6h") }>6 hours</button>
+				<button hx-target="closest .timer" hx-post={ fmt.Sprint("/timer/", timer.Id, "/addTime/12h") }>12 hours</button>
+				<button hx-target="closest .timer" hx-post={ fmt.Sprint("/timer/", timer.Id, "/addTime/1d") }>1 day</button>
+				<button hx-target="closest .timer" hx-post={ fmt.Sprint("/timer/", timer.Id, "/addTime/1w") }>1 week</button>
+				<button hx-target="closest .timer" hx-post={ fmt.Sprint("/timer/", timer.Id, "/addTime/4w") }>4 weeks</button>
+			</p>
+		}
+	</div>
 }
 
-- 
cgit