Migrate from templates to Gomponents (#103)

pkg/ui/forms/cache.go

@@ -0,0 +1,53 @@
+package forms
+
+import (
+	"net/http"
+
+	"github.com/mikestefanello/pagoda/pkg/form"
+	"github.com/mikestefanello/pagoda/pkg/routenames"
+	"github.com/mikestefanello/pagoda/pkg/ui"
+	. "github.com/mikestefanello/pagoda/pkg/ui/components"
+	. "maragu.dev/gomponents"
+	. "maragu.dev/gomponents/html"
+)
+
+type Cache struct {
+	CurrentValue string
+	Value        string `form:"value"`
+	form.Submission
+}
+
+func (f *Cache) Render(r *ui.Request) Node {
+	return Form(
+		ID("cache"),
+		Method(http.MethodPost),
+		Attr("hx-post", r.Path(routenames.CacheSubmit)),
+		Message(
+			"is-info",
+			"Test the cache",
+			Group{
+				P(Text("This route handler shows how the default in-memory cache works. Try updating the value using the form below and see how it persists after you reload the page.")),
+				P(Text("HTMX makes it easy to re-render the cached value after the form is submitted.")),
+			},
+		),
+		Label(
+			For("value"),
+			Class("value"),
+			Text("Value in cache: "),
+		),
+		If(f.CurrentValue != "", Span(Class("tag is-success"), Text(f.CurrentValue))),
+		If(f.CurrentValue == "", I(Text("(empty)"))),
+		InputField(InputFieldParams{
+			Form:      f,
+			FormField: "Value",
+			Name:      "value",
+			InputType: "text",
+			Label:     "Value",
+			Value:     f.Value,
+		}),
+		ControlGroup(
+			FormButton("is-link", "Update cache"),
+		),
+		CSRF(r),
+	)
+}