Timer token show & reset

1 files changed, 18 insertions, 0 deletions

diff --git a/view/timer.templ b/view/timer.templ
index 7e9ab7f..76bd7ba 100644
--- a/view/timer.templ
+++ b/view/timer.templ
@@ -5,6 +5,22 @@ import (
 	"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>

+}

+

 templ TimerView(timer model.Timer) {

 	<div class="timer">

 		<h1>Timer "{ timer.Name }"</h1>

@@ -38,6 +54,8 @@ templ TimerView(timer model.Timer) {
 				<button hx-target="closest .timer" hx-post={ fmt.Sprint("/timer/", timer.Id, "/addTime/4w") }>4 weeks</button>

 			</p>

 		}

+		<h3>API token</h3>

+		@TimerTokenForm(timer)

 	</div>

 }