diff options
| author | Steven Le Rouzic <steven.lerouzic@gmail.com> | 2024-04-11 00:19:44 +0200 |
|---|---|---|
| committer | Steven Le Rouzic <steven.lerouzic@gmail.com> | 2024-04-11 00:19:57 +0200 |
| commit | 5e12dabced6ce55031f5c7f13afb15048d03edcd (patch) | |
| tree | 5ebec65fcc3e92ef31854b28a134c6432bf1eb58 /view/timers_list.templ | |
| parent | 49f7be2a35539bae2d43594c9b39268eec7837d0 (diff) | |
Timer create & delete
Diffstat (limited to 'view/timers_list.templ')
| -rw-r--r-- | view/timers_list.templ | 39 |
1 files changed, 34 insertions, 5 deletions
diff --git a/view/timers_list.templ b/view/timers_list.templ index e1731d4..2d71a52 100644 --- a/view/timers_list.templ +++ b/view/timers_list.templ @@ -6,12 +6,41 @@ import ( )
templ timer(t model.Timer) {
- <p><a href={ templ.URL(fmt.Sprint("/timer/", t.Id)) }>{ t.Name }</a></p>
+ <p class="timer-row">
+ <a href={ templ.URL(fmt.Sprint("/timer/", t.Id)) }>{ t.Name }</a>
+ -
+ <a
+ href="javascript:void(0);"
+ hx-delete={ fmt.Sprint("/timer/", t.Id) }
+ hx-target="closest .timer-row"
+ >Delete</a>
+ </p>
+}
+
+templ TimerCreateForm(timerName string, err string) {
+ <form
+ hx-put="/timer"
+ hx-target="closest .timers-list"
+ hx-target-error="this"
+ >
+ <p>
+ <input type="text" name="timerName" value={ timerName } placeholder="Name" />
+ <button type="submit">Create</button>
+ </p>
+ if err != "" {
+ <p class="error">{ err }</p>
+ }
+ </form>
}
templ TimersList(timers []model.Timer) {
- <h1>Timers</h1>
- for _, t := range timers {
- @timer(t)
- }
+ <div class="timers-list">
+ <h1>Timers</h1>
+ for _, t := range timers {
+ @timer(t)
+ }
+ <h4>Create timer</h4>
+ @TimerCreateForm("", "")
+ </div>
}
+
|