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

feat: space settings page

Browse source
This commit is contained in:
juancwu 2026-05-03 18:24:15 +00:00
commit 2a9c2ca263
5 changed files with 272 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

102
internal/handler/space.go
View file

@ -333,6 +333,108 @@ func (h *spaceHandler) SpaceAccountTransactionsPage(w http.ResponseWriter, r *ht
}))
}
func (h *spaceHandler) SpaceSettingsPage(w http.ResponseWriter, r *http.Request) {
spaceID := r.PathValue("spaceID")
space, err := h.spaceService.GetSpace(spaceID)
if err != nil {
slog.Error("failed to fetch space", "error", err, "space_id", spaceID)
ui.Render(w, r, pages.NotFound())
return
}
user := ctxkeys.User(r.Context())
canDelete := user != nil && user.ID == space.OwnerID
ui.Render(w, r, pages.SpaceSettingsPage(pages.SpaceSettingsPageProps{
SpaceID: space.ID,
SpaceName: space.Name,
CanDelete: canDelete,
UpdateForm: forms.UpdateSpaceProps{
SpaceID: space.ID,
Name: space.Name,
},
}))
}
func (h *spaceHandler) HandleRenameSpace(w http.ResponseWriter, r *http.Request) {
spaceID := r.PathValue("spaceID")
space, err := h.spaceService.GetSpace(spaceID)
if err != nil {
ui.RenderError(w, r, "Space not found", http.StatusNotFound)
return
}
user := ctxkeys.User(r.Context())
if user == nil || user.ID != space.OwnerID {
ui.RenderError(w, r, "Forbidden", http.StatusForbidden)
return
}
nameInput := strings.TrimSpace(r.FormValue("name"))
formProps := forms.UpdateSpaceProps{
SpaceID: spaceID,
Name: nameInput,
}
if nameInput == "" {
formProps.NameErr = "Space name is required."
ui.Render(w, r, forms.UpdateSpace(formProps))
return
}
if !strings.EqualFold(nameInput, space.Name) {
available, err := h.spaceService.IsNameAvailable(nameInput, user.ID)
if err != nil {
slog.Error("failed to check name availability", "error", err, "user_id", user.ID)
formProps.GeneralErr = "Something went wrong. Please try again."
ui.Render(w, r, forms.UpdateSpace(formProps))
return
}
if !available {
formProps.NameErr = "You already have a space with this name."
ui.Render(w, r, forms.UpdateSpace(formProps))
return
}
}
if err := h.spaceService.UpdateSpaceName(spaceID, nameInput); err != nil {
slog.Error("failed to rename space", "error", err, "space_id", spaceID)
formProps.GeneralErr = "Something went wrong. Please try again."
ui.Render(w, r, forms.UpdateSpace(formProps))
return
}
formProps.SuccessMsg = "Space name updated."
ui.Render(w, r, forms.UpdateSpace(formProps))
}
func (h *spaceHandler) HandleDeleteSpace(w http.ResponseWriter, r *http.Request) {
spaceID := r.PathValue("spaceID")
space, err := h.spaceService.GetSpace(spaceID)
if err != nil {
ui.RenderError(w, r, "Space not found", http.StatusNotFound)
return
}
user := ctxkeys.User(r.Context())
if user == nil || user.ID != space.OwnerID {
ui.RenderError(w, r, "Forbidden", http.StatusForbidden)
return
}
if err := h.spaceService.DeleteSpace(spaceID); err != nil {
slog.Error("failed to delete space", "error", err, "space_id", spaceID)
ui.RenderError(w, r, "Failed to delete space", http.StatusInternalServerError)
return
}
w.Header().Set("HX-Redirect", routeurl.URL("page.app.spaces"))
w.WriteHeader(http.StatusOK)
}
func (h *spaceHandler) SpaceAccountSettingsPage(w http.ResponseWriter, r *http.Request) {
spaceID := r.PathValue("spaceID")
accountID := r.PathValue("accountID")

3
internal/routes/routes.go
View file

@ -92,6 +92,9 @@ func SetupRoutes(a *app.App) http.Handler {
spaceAccessMw := middleware.RequireSpaceAccess(a.SpaceService)
g.Use(spaceAccessMw)
g.Get("/overview", spaceH.SpaceOverviewPage).Name("page.app.spaces.space.overview")
g.Get("/settings", spaceH.SpaceSettingsPage).Name("page.app.spaces.space.settings")
g.Post("/settings/rename", spaceH.HandleRenameSpace).Name("action.app.spaces.space.settings.rename")
g.Post("/settings/delete", spaceH.HandleDeleteSpace).Name("action.app.spaces.space.settings.delete")
g.Get("/accounts/create", spaceH.SpaceCreateAccountPage).Name("page.app.spaces.space.accounts.create")
g.Post("/accounts/create", spaceH.HandleCreateAccount).Name("action.app.spaces.space.accounts.create")

75
internal/ui/forms/update_space.templ Normal file
View file

@ -0,0 +1,75 @@
package forms
import "git.juancwu.dev/juancwu/budgit/internal/routeurl"
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/form"
import "git.juancwu.dev/juancwu/budgit/internal/ui/components/input"
type UpdateSpaceProps struct {
SpaceID string
Name string
NameErr string
GeneralErr string
SuccessMsg string
}
templ UpdateSpace(props UpdateSpaceProps) {
<form
id="update-space-form"
hx-post={ routeurl.URL("action.app.spaces.space.settings.rename", "spaceID", props.SpaceID) }
hx-swap="outerHTML"
>
@card.Card(card.Props{Class: "rounded-sm"}) {
@card.Header() {
@card.Title() {
Space Details
}
@card.Description() {
Update the space name.
}
}
@card.Content(card.ContentProps{Class: "space-y-4"}) {
if props.GeneralErr != "" {
@form.Message(form.MessageProps{Variant: form.MessageVariantError}) {
{ props.GeneralErr }
}
}
if props.SuccessMsg != "" {
@form.Message(form.MessageProps{Variant: form.MessageVariantInfo}) {
{ props.SuccessMsg }
}
}
@form.Item() {
@form.Label(form.LabelProps{For: "name"}) {
Space Name
}
@input.Input(input.Props{
ID: "name",
Name: "name",
Type: input.TypeText,
Class: "rounded-sm",
Value: props.Name,
HasError: props.NameErr != "",
Required: true,
Attributes: templ.Attributes{
"autocomplete": "off",
},
})
if props.NameErr != "" {
@form.Message(form.MessageProps{Variant: form.MessageVariantError}) {
{ props.NameErr }
}
}
}
}
@card.Footer(card.FooterProps{Class: "flex justify-end gap-2"}) {
@button.Button(button.Props{Type: button.TypeSubmit}) {
Save changes
}
}
}
</form>
}

10
internal/ui/pages/space_overview.templ
View file

@ -64,6 +64,16 @@ templ spaceSpecificSidebarContent(spaceID string) {
<span>Space Overview</span>
}
}
@sidebar.MenuItem() {
@sidebar.MenuButton(sidebar.MenuButtonProps{
Href: routeurl.URL("page.app.spaces.space.settings", "spaceID", spaceID),
IsActive: ctxkeys.URLPath(ctx) == routeurl.URL("page.app.spaces.space.settings", "spaceID", spaceID),
Tooltip: "Space Settings",
}) {
@icon.Settings()
<span>Settings</span>
}
}
}
}
}

82
internal/ui/pages/space_settings.templ Normal file
View file

@ -0,0 +1,82 @@
package pages
import "git.juancwu.dev/juancwu/budgit/internal/routeurl"
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/components/button"
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"
type SpaceSettingsPageProps struct {
SpaceID string
SpaceName string
CanDelete bool
UpdateForm forms.UpdateSpaceProps
}
templ SpaceSettingsPage(props SpaceSettingsPageProps) {
@layouts.App("Space Settings", spaceOverviewSidebarContent(), spaceSpecificSidebarContent(props.SpaceID)) {
<div class="container max-w-3xl px-6 py-8 mx-auto space-y-8">
<div>
<h1 class="text-3xl font-bold">Space Settings</h1>
<p class="text-muted-foreground mt-2">
Manage settings for { props.SpaceName }.
</p>
</div>
@forms.UpdateSpace(props.UpdateForm)
if props.CanDelete {
@card.Card(card.Props{Class: "rounded-sm border-destructive"}) {
@card.Header() {
@card.Title(card.TitleProps{Class: "text-destructive"}) {
Danger Zone
}
@card.Description() {
Deleting a space permanently removes the space and all of its accounts, transactions, and members. This cannot be undone.
}
}
@card.Footer(card.FooterProps{Class: "flex justify-end pt-8"}) {
@dialog.Dialog() {
@dialog.Trigger() {
@button.Button(button.Props{
Variant: button.VariantDestructive,
Class: "flex gap-2 items-center",
}) {
@icon.Trash2()
Delete Space
}
}
@dialog.Content() {
@dialog.Header() {
@dialog.Title() {
Delete { props.SpaceName }?
}
@dialog.Description() {
This permanently removes the space along with all of its accounts, transactions, and members. 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.settings.delete", "spaceID", props.SpaceID) }>
@button.Button(button.Props{
Type: button.TypeSubmit,
Variant: button.VariantDestructive,
Class: "flex gap-2 items-center",
}) {
@icon.Trash2()
Delete Space
}
</form>
}
}
}
}
}
}
</div>
}
}