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

Merge pull request 'feat: password auth' (#2) from feat/password-auth into main

Browse source 
Reviewed-on: #2
This commit is contained in:
juancwu 2026-02-07 19:13:01 +00:00
commit 1c210bde67
7 changed files with 317 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

16
internal/ui/layouts/app.templ
View file

@ -146,14 +146,14 @@ templ AppSidebarDropdown(user *model.User, profile *model.Profile) {
}
</div>
@dropdown.Separator()
<!-- @dropdown.Item(dropdown.ItemProps{ -->
<!-- Href: "/app/settings", -->
<!-- }) { -->
<!-- <span class="flex items-center"> -->
<!-- @icon.Settings(icon.Props{Size: 16, Class: "mr-2"}) -->
<!-- Settings -->
<!-- </span> -->
<!-- } -->
@dropdown.Item(dropdown.ItemProps{
Href: "/app/settings",
}) {
<span class="flex items-center">
@icon.Settings(icon.Props{Size: 16, Class: "mr-2"})
Settings
</span>
}
<form action="/auth/logout" method="POST" class="contents">
@csrf.Token()
@dropdown.Item(dropdown.ItemProps{

106
internal/ui/pages/app_settings.templ Normal file
View file

@ -0,0 +1,106 @@
package pages
import (
"git.juancwu.dev/juancwu/budgit/internal/ui/layouts"
"git.juancwu.dev/juancwu/budgit/internal/ui/components/button"
"git.juancwu.dev/juancwu/budgit/internal/ui/components/csrf"
"git.juancwu.dev/juancwu/budgit/internal/ui/components/form"
"git.juancwu.dev/juancwu/budgit/internal/ui/components/input"
"git.juancwu.dev/juancwu/budgit/internal/ui/components/label"
"git.juancwu.dev/juancwu/budgit/internal/ui/components/card"
)
templ AppSettings(hasPassword bool, errorMsg string) {
@layouts.App("Settings") {
<div class="container max-w-2xl px-6 py-8">
<div class="mb-8">
<h1 class="text-3xl font-bold">Settings</h1>
<p class="text-muted-foreground mt-2">Manage your account settings</p>
</div>
@card.Card() {
@card.Header() {
@card.Title() {
if hasPassword {
Change Password
} else {
Set Password
}
}
@card.Description() {
if hasPassword {
Update your existing password
} else {
Set a password to sign in without a magic link
}
}
}
@card.Content() {
<form action="/app/settings/password" method="POST" class="space-y-4">
@csrf.Token()
if hasPassword {
@form.Item() {
@label.Label(label.Props{
For: "current_password",
Class: "block mb-2",
}) {
Current Password
}
@input.Input(input.Props{
ID: "current_password",
Name: "current_password",
Type: input.TypePassword,
Placeholder: "••••••••",
HasError: errorMsg != "",
})
}
}
@form.Item() {
@label.Label(label.Props{
For: "new_password",
Class: "block mb-2",
}) {
New Password
}
@input.Input(input.Props{
ID: "new_password",
Name: "new_password",
Type: input.TypePassword,
Placeholder: "••••••••",
HasError: errorMsg != "",
})
}
@form.Item() {
@label.Label(label.Props{
For: "confirm_password",
Class: "block mb-2",
}) {
Confirm Password
}
@input.Input(input.Props{
ID: "confirm_password",
Name: "confirm_password",
Type: input.TypePassword,
Placeholder: "••••••••",
HasError: errorMsg != "",
})
if errorMsg != "" {
@form.Message(form.MessageProps{Variant: form.MessageVariantError}) {
{ errorMsg }
}
}
}
@button.Button(button.Props{
Type: button.TypeSubmit,
}) {
if hasPassword {
Change Password
} else {
Set Password
}
}
</form>
}
}
</div>
}
}