From e3748c853fd6bcc355d32b73d6fdcf88fea10522 Mon Sep 17 00:00:00 2001
From: jacs <me@jacs.guru>
Date: Tue, 15 Apr 2025 07:23:34 -0500
Subject: [PATCH 1/2] template with select multiple, input custom attribute

---
 template/components/form_input.go    | 6 ++++++
 template/components/form_input.html  | 5 +++++
 template/components/form_select.go   | 1 +
 template/components/form_select.html | 2 +-
 4 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/template/components/form_input.go b/template/components/form_input.go
index d1264ec..0ee8150 100644
--- a/template/components/form_input.go
+++ b/template/components/form_input.go
@@ -11,4 +11,10 @@ type FormInput struct {
 	IsDisabled   bool
 	Autocomplete bool
 	IsRequired   bool
+	CustomAtt    []CustomAtt
+}
+
+type CustomAtt struct {
+	AttName  string
+	AttValue string
 }
diff --git a/template/components/form_input.html b/template/components/form_input.html
index 6103b76..adf33e8 100644
--- a/template/components/form_input.html
+++ b/template/components/form_input.html
@@ -14,6 +14,11 @@
         {{if ne .Value ""}}
             value="{{.Value}}"
         {{end}}
+        {{if .CustomAtt }}
+            {{range $options := .CustomAtt}}
+                {{$options.AttName}}="{{$options.AttValue}}"
+            {{end}}
+        {{end}}
         aria-describedby="{{.ID}}Help">
    {{if ne .Hint ""}}<small id="{{.ID}}Help" class="form-text text-muted">{{.Hint}}</small>{{end}}
     {{if ne .Error ""}}<div class="error">{{.Error}}</div>{{end}}
diff --git a/template/components/form_select.go b/template/components/form_select.go
index db94fe3..ea10ea5 100644
--- a/template/components/form_select.go
+++ b/template/components/form_select.go
@@ -5,6 +5,7 @@ type FormSelect struct {
 	SelectedOption FormSelectOption
 	Label          string
 	AllOptions     []FormSelectOption
+	IsMultiple     bool
 }
 
 type FormSelectOption struct {
diff --git a/template/components/form_select.html b/template/components/form_select.html
index 6317e6b..eb222e5 100644
--- a/template/components/form_select.html
+++ b/template/components/form_select.html
@@ -1,7 +1,7 @@
 {{define "form_select"}}
 <div class="input-container">
   <label for="{{.ID}}" class="form-label">{{.Label}}</label>
-  <select class="form-select" id="{{.ID}}" name="{{.ID}}">
+  <select class="form-select" id="{{.ID}}" name="{{.ID}}"{{if eq .IsMultiple true}} multiple{{end}}>
   {{range $options := .AllOptions}}
       <option value="{{$options.Value}}" {{if eq $options.Value $.SelectedOption.Value }}selected="selected"{{end}}>{{$options.Caption}}</option>
   {{end}}

From f276f4d61d9ef9c74929fcaa9c490668c4b7e6dd Mon Sep 17 00:00:00 2001
From: Zeni Kim <zenik@smarteching.com>
Date: Thu, 17 Apr 2025 01:49:43 -0500
Subject: [PATCH 2/2] add element paginator

---
 template/components/content_pagination.go   |  9 +++++++++
 template/components/content_pagination.html | 10 ++++++++++
 2 files changed, 19 insertions(+)
 create mode 100644 template/components/content_pagination.go
 create mode 100644 template/components/content_pagination.html

diff --git a/template/components/content_pagination.go b/template/components/content_pagination.go
new file mode 100644
index 0000000..87434a2
--- /dev/null
+++ b/template/components/content_pagination.go
@@ -0,0 +1,9 @@
+package components
+
+type ContentPagination struct {
+	PageStartRecord int
+	PageEndRecord   int
+	TotalRecords    int
+	PrevLink        string
+	NextLink        string
+}
diff --git a/template/components/content_pagination.html b/template/components/content_pagination.html
new file mode 100644
index 0000000..a51e09d
--- /dev/null
+++ b/template/components/content_pagination.html
@@ -0,0 +1,10 @@
+{{define "content_pagination"}}
+<div class="pagination-container">
+  <ul class="pagination pagination-sm">
+      <li class="page-item">{{.PageStartRecord}} - {{.PageEndRecord}} of {{.TotalRecords}}</li>
+      <li class="page-item">&nbsp;</li>
+      <li class="page-item"><a class="page-link{{if eq .PrevLink ""}} disabled"{{else}}" href="{{.PrevLink}}"{{end}}>«</a></li>
+      <li class="page-item"><a class="page-link{{if eq .NextLink ""}} disabled"{{else}}" href="{{.NextLink}}"{{end}}>»</a></li>
+  </ul>
+</div>
+{{end}}
\ No newline at end of file