fix: side filter

Author: Diyor Khaydarov

Diff for: components/scaffold/filters/filters.templ

@@ -132,3 +132,32 @@ templ (t *TableFilter) Component() {
 		}
 	}
 }
+
+templ (t *TableFilter) AsSideFilter() {
+	<div class="space-y-3">
+		<div>
+			@input.Checkbox(&input.CheckboxProps{
+				Label: "Select All",
+				ID:    "all-users-checkbox",
+				Attrs: templ.Attributes{
+					"class":   "parent",
+					"x-ref":   "parent",
+					"@change": "onParentChange",
+				},
+			})
+		</div>
+		<hr class="my-3 border-t border-surface-400"/>
+		<div class="space-y-3">
+			for _, opt := range t.options {
+				@input.Checkbox(&input.CheckboxProps{
+					Label: opt.Label,
+					Attrs: templ.Attributes{
+						"name":    t.Name,
+						"value":   opt.Value,
+						"@change": "onChange",
+					},
+				})
+			}
+		</div>
+	</div>
+}

Diff for: components/scaffold/filters/filters_templ.go

@@ -2,7 +2,6 @@ package scaffold
 
 import (
 	"github.com/a-h/templ"
-	"github.com/iota-uz/iota-sdk/components/scaffold/filters"
 )
 
 // --- Interfaces ---
@@ -55,7 +54,7 @@ func WithClass(classes string) ColumnOpt {
 type TableConfig struct {
 	Title      string
 	DataURL    string
-	Filters    []*filters.TableFilter
+	Filters    []templ.Component
 	Columns    []TableColumn
 	Rows       []TableRow
 	SideFilter templ.Component
@@ -66,7 +65,7 @@ func NewTableConfig(title, dataURL string) *TableConfig {
 		Title:   title,
 		DataURL: dataURL,
 		Columns: []TableColumn{},
-		Filters: []*filters.TableFilter{},
+		Filters: []templ.Component{},
 		Rows:    []TableRow{},
 	}
 }
@@ -91,7 +90,7 @@ func (c *TableConfig) AddCols(cols ...TableColumn) *TableConfig {
 	return c
 }
 
-func (c *TableConfig) AddFilters(filters ...*filters.TableFilter) *TableConfig {
+func (c *TableConfig) AddFilters(filters ...templ.Component) *TableConfig {
 	c.Filters = append(c.Filters, filters...)
 	return c
 }

Diff for: components/scaffold/helpers.go

@@ -99,29 +99,14 @@ templ TableContent(config *TableConfig) {
 			</div>
 			<div class="hidden md:flex gap-3 h-full">
 				for _, filter := range config.Filters {
-					@filter.Component()
+					@filter
 				}
 			</div>
 		</form>
 		@Table(config)
 	</div>
 }
 
-templ SideFilter() {
-	<div class="bg-surface-600 border border-primary rounded-lg p-4 mb-4">
-		<form
-			hx-get="/users"
-			hx-target="#table-body"
-			hx-swap="innerHTML"
-			hx-push-url="true"
-			hx-indicator="#table-body"
-			hx-trigger="change"
-		>
-			{ children... }
-		</form>
-	</div>
-}
-
 // Content renders the complete scaffold page content with filters and table
 templ Content(config *TableConfig) {
 	{{ pageCtx := composables.UsePageCtx(ctx) }}
@@ -130,7 +115,7 @@ templ Content(config *TableConfig) {
 		Action:  "open-filters",
 	}) {
 		for _, filter := range config.Filters {
-			@filter.Component()
+			@filter
 		}
 	}
 	<div class="m-6">
@@ -154,9 +139,20 @@ templ Content(config *TableConfig) {
 			<div class="mt-5 flex gap-5">
 				<!-- Left sidebar with filters -->
 				<div class="hidden md:block w-64 flex-shrink-0">
-					@SideFilter() {
-						@config.SideFilter
-					}
+					<div class="bg-surface-600 border border-primary rounded-lg p-4 mb-4">
+						<form
+							hx-get={ config.DataURL }
+							hx-target="#table-body"
+							hx-swap="innerHTML"
+							hx-push-url="true"
+							hx-indicator="#table-body"
+							hx-trigger="change"
+							x-data="checkboxes"
+							x-init="init"
+						>
+							@config.SideFilter
+						</form>
+					</div>
 				</div>
 				<!-- Main content area with table -->
 				<div class="flex-1">