Move from html/template to templ

1 files changed, 42 insertions, 0 deletions

diff --git a/form/field.templ b/form/field.templ
new file mode 100644
index 0000000..e9ce33e
--- /dev/null
+++ b/form/field.templ
@@ -0,0 +1,42 @@
+package form
+
+import "fmt"
+
+func (f *field) isCheckbox() bool {
+    return f.Type == "checkbox"
+}
+
+func (f *field) optionAttributes() templ.Attributes {
+    attrs := make(map[string]any)
+    for _, o := range f.Options {
+        attrs[o] = true
+    }
+    return templ.Attributes(attrs)
+}
+
+templ (f *field) item(errors []string) {
+    <div class={"mb-3", 
+                templ.KV("form-floating", !f.isCheckbox()),
+                templ.KV("form-check form-switch", f.isCheckbox())}>
+        <input
+            if f.ID != "" {id={f.ID}}
+            type={f.Type}
+            name={f.Name}
+            placeholder={f.Placeholder}
+            if f.Value != nil {value={fmt.Sprint(f.Value)}}
+            if f.isCheckbox() {
+                class="form-check-input" 
+            } else {
+                class="form-control"
+            } 
+            {f.optionAttributes()...}    
+        >
+        <label if f.ID != "" {for={f.ID}}
+               if f.isCheckbox() {class="form-check-label"}>
+               {f.Label}
+        </label>
+        for _, e := range errors {
+            <p style="color:red">{e}</p>
+        }
+    </div>
+}
\ No newline at end of file