juancwu/budgit
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: use templui checkbox for shopping list item

Browse source
This commit is contained in:
juancwu 2026-02-06 22:00:34 +00:00
commit 998d3cb300
1 changed files with 11 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

20
internal/ui/components/shoppinglist/shoppinglist.templ
View file

@ -3,6 +3,7 @@ package shoppinglist
import ( import (
"fmt" "fmt"
"git.juancwu.dev/juancwu/budgit/internal/model" "git.juancwu.dev/juancwu/budgit/internal/model"
"git.juancwu.dev/juancwu/budgit/internal/ui/components/checkbox"
) )
templ ListItem(list *model.ShoppingList) { templ ListItem(list *model.ShoppingList) {
@ -16,15 +17,16 @@ templ ListItem(list *model.ShoppingList) {
templ ItemDetail(spaceID string, item *model.ListItem) { templ ItemDetail(spaceID string, item *model.ListItem) {
<div id={ "item-" + item.ID } class="flex items-center gap-2 p-2 border-b"> <div id={ "item-" + item.ID } class="flex items-center gap-2 p-2 border-b">
<input @checkbox.Checkbox(checkbox.Props{
type="checkbox" ID: "item-" + item.ID + "-checkbox",
name="is_checked" Name: "is_checked",
checked?={ item.IsChecked } Checked: item.IsChecked,
hx-patch={ fmt.Sprintf("/app/spaces/%s/lists/%s/items/%s", spaceID, item.ListID, item.ID) } Attributes: templ.Attributes{
hx-target={ "#item-" + item.ID } "hx-patch": fmt.Sprintf("/app/spaces/%s/lists/%s/items/%s", spaceID, item.ListID, item.ID),
hx-swap="outerHTML" "hx-target": "#item-" + item.ID,
class="checkbox" "hx-swap": "outerHTML",
/> },
})
<span class={ templ.KV("line-through text-muted-foreground", item.IsChecked) }>{ item.Name }</span> <span class={ templ.KV("line-through text-muted-foreground", item.IsChecked) }>{ item.Name }</span>
<button <button
hx-delete={ fmt.Sprintf("/app/spaces/%s/lists/%s/items/%s", spaceID, item.ListID, item.ID) } hx-delete={ fmt.Sprintf("/app/spaces/%s/lists/%s/items/%s", spaceID, item.ListID, item.ID) }