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

chore: use templui dialog component for popups

Browse source
This commit is contained in:
juancwu 2026-05-03 18:21:24 +00:00
commit c08acb7d7d
1 changed files with 38 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

50
internal/ui/pages/space_account_settings.templ
View file

@ -5,6 +5,7 @@ import "git.juancwu.dev/juancwu/budgit/internal/ui/forms"
import "git.juancwu.dev/juancwu/budgit/internal/ui/layouts" import "git.juancwu.dev/juancwu/budgit/internal/ui/layouts"
import "git.juancwu.dev/juancwu/budgit/internal/ui/components/button" import "git.juancwu.dev/juancwu/budgit/internal/ui/components/button"
import "git.juancwu.dev/juancwu/budgit/internal/ui/components/card" import "git.juancwu.dev/juancwu/budgit/internal/ui/components/card"
import "git.juancwu.dev/juancwu/budgit/internal/ui/components/dialog"
import "git.juancwu.dev/juancwu/budgit/internal/ui/components/icon" import "git.juancwu.dev/juancwu/budgit/internal/ui/components/icon"
type SpaceAccountSettingsPageProps struct { type SpaceAccountSettingsPageProps struct {
@ -39,19 +40,44 @@ templ SpaceAccountSettingsPage(props SpaceAccountSettingsPageProps) {
} }
} }
@card.Footer(card.FooterProps{Class: "flex justify-end pt-8"}) { @card.Footer(card.FooterProps{Class: "flex justify-end pt-8"}) {
<form @dialog.Dialog() {
hx-post={ routeurl.URL("action.app.spaces.space.accounts.account.settings.delete", "spaceID", props.SpaceID, "accountID", props.AccountID) } @dialog.Trigger() {
hx-confirm={ "Permanently delete \"" + props.AccountName + "\" and all of its transactions? This cannot be undone." } @button.Button(button.Props{
> Variant: button.VariantDestructive,
@button.Button(button.Props{ Class: "flex gap-2 items-center",
Type: button.TypeSubmit, }) {
Variant: button.VariantDestructive, @icon.Trash2()
Class: "flex gap-2 items-center", Delete Account
}) { }
@icon.Trash2()
Delete Account
} }
</form> @dialog.Content() {
@dialog.Header() {
@dialog.Title() {
Delete { props.AccountName }?
}
@dialog.Description() {
This permanently removes the account and all of its transactions. This cannot be undone.
}
}
@dialog.Footer(dialog.FooterProps{Class: "mt-2"}) {
@dialog.Close() {
@button.Button(button.Props{Variant: button.VariantOutline}) {
Cancel
}
}
<form hx-post={ routeurl.URL("action.app.spaces.space.accounts.account.settings.delete", "spaceID", props.SpaceID, "accountID", props.AccountID) }>
@button.Button(button.Props{
Type: button.TypeSubmit,
Variant: button.VariantDestructive,
Class: "flex gap-2 items-center",
}) {
@icon.Trash2()
Delete Account
}
</form>
}
}
}
} }
} }
</div> </div>