diff --git a/internal/ui/components/expense/expense.templ b/internal/ui/components/expense/expense.templ index aa8dc8b..5b4156c 100644 --- a/internal/ui/components/expense/expense.templ +++ b/internal/ui/components/expense/expense.templ @@ -7,7 +7,6 @@ import ( "git.juancwu.dev/juancwu/budgit/internal/ui/components/csrf" "git.juancwu.dev/juancwu/budgit/internal/ui/components/input" "git.juancwu.dev/juancwu/budgit/internal/ui/components/tagsinput" - "time" "git.juancwu.dev/juancwu/budgit/internal/ui/components/radio" "git.juancwu.dev/juancwu/budgit/internal/ui/components/label" "git.juancwu.dev/juancwu/budgit/internal/ui/components/datepicker" @@ -56,7 +55,11 @@ templ AddExpenseForm(space *model.Space, tags []*model.Tag, lists []*model.Shopp // Description
- + @label.Label(label.Props{ + For: "description", + }) { + Description + } @input.Input(input.Props{ Name: "description", ID: "description", @@ -65,7 +68,11 @@ templ AddExpenseForm(space *model.Space, tags []*model.Tag, lists []*model.Shopp
// Amount
- + @label.Label(label.Props{ + For: "amount", + }) { + Amount + } @input.Input(input.Props{ Name: "amount", ID: "amount", @@ -75,23 +82,29 @@ templ AddExpenseForm(space *model.Space, tags []*model.Tag, lists []*model.Shopp
// Date
- + @label.Label(label.Props{ + For: "date", + }) { + Date + } @datepicker.DatePicker(datepicker.Props{ ID: "date", Name: "date", - Value: time.Now(), Attributes: templ.Attributes{"required": "true"}, })
// Tags
- + @label.Label(label.Props{For: "new-expense-tags"}) { + Tags + } for _, tag := range tags { } @tagsinput.TagsInput(tagsinput.Props{ + ID: "new-expense-tags", Name: "tags", Placeholder: "Add tags (press enter)", Attributes: templ.Attributes{"list": "available-tags"}, @@ -100,7 +113,7 @@ templ AddExpenseForm(space *model.Space, tags []*model.Tag, lists []*model.Shopp // TODO: Shopping list items selector
@button.Button(button.Props{Type: button.TypeSubmit}) { - Save Transaction + Save }