diff options
Diffstat (limited to 'view/timer.templ')
-rw-r--r-- | view/timer.templ | 80 |
1 files changed, 0 insertions, 80 deletions
diff --git a/view/timer.templ b/view/timer.templ deleted file mode 100644 index 09b1345..0000000 --- a/view/timer.templ +++ /dev/null @@ -1,80 +0,0 @@ -package view
-
-import (
- "fmt"
- "stevenlr.com/timer/model"
-)
-
-templ TimerTokenForm(timer model.Timer) {
- <p class="token-form">
- <button
- type="button"
- hx-post={ fmt.Sprint("/timer/", timer.Id, "/resetToken") }
- hx-target="closest .token-form"
- hx-confirm="Are you sure you want to reset the token for this timer?"
- >Reset token</button>
- <button
- type="button"
- hx-get={ fmt.Sprint("/timer/", timer.Id, "/token") }
- hx-swap="outerHTML"
- >Show token</button>
- </p>
-}
-
-func renderTimeString(value int, unit string) string {
- s := ""
- if value > 1 { s = "s" }
- return fmt.Sprint(value, " ", unit, s)
-}
-
-templ timeButton(id model.UUID, value int, unit string) {
- <button
- hx-target=".timer-info"
- hx-post={ fmt.Sprint("/timer/", id, "/addTime") }
- hx-include="next input"
- >{ renderTimeString(value, unit) }</button>
- <input type="hidden" name="timeToAdd" value={ fmt.Sprint(value, "", unit[:1]) } />
-}
-
-templ TimerInfo(timer model.Timer) {
- <h1>Timer "{ timer.Name }"</h1>
- <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>
-}
-
-templ TimerView(timer model.Timer) {
- <p><a href="/">Back to list</a></p>
- <div class="timer-info">
- @TimerInfo(timer)
- </div>
- if !timer.IsFinished() {
- <h3>Add time</h3>
- <p>
- @timeButton(timer.Id, 15, "minute")
- @timeButton(timer.Id, 30, "minute")
- @timeButton(timer.Id, 1, "hour")
- @timeButton(timer.Id, 2, "hour")
- @timeButton(timer.Id, 6, "hour")
- @timeButton(timer.Id, 12, "hour")
- @timeButton(timer.Id, 1, "day")
- @timeButton(timer.Id, 1, "week")
- @timeButton(timer.Id, 4, "week")
- </p>
- }
- <h3>API token</h3>
- @TimerTokenForm(timer)
-}
-
|