x/web-app-template
Archived
Template
2
0
Fork 0
Code Issues 13 Pull Requests 4 Actions Packages Activity

feat(auth): add password reset #178
Some checks are pending
Build Docker Image / Explore-Gitea-Actions (push) Successful in 46s
Details
Build and Push Docker Image / Explore-Gitea-Actions (push) Waiting to run
Details

Browse Source
This commit was merged in pull request #180.
This commit is contained in:
Tim Wundenberg
2024-09-13 15:49:30 +02:00
parent 6c1edcd0a8
commit 63ddf77d6a
7 changed files with 196 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
template/auth/change_password.templ
View File

@@ -1,17 +1,23 @@
package auth
templ ChangePasswordComp() {
templ ChangePasswordComp(isPasswordReset bool) {
<form
class="max-w-xl px-2 mx-auto flex flex-col gap-4 h-full justify-center"
hx-post="/api/auth/change-password"
if isPasswordReset {
hx-post="/api/auth/reset-password-actual"
} else {
hx-post="/api/auth/change-password"
}
hx-swap="none"
>
<h2 class="text-6xl mb-10">
Change Password
</h2>
<label class="input input-bordered flex items-center gap-2">
<input type="password" class="grow" placeholder="Current Password" name="current-password"/>
</label>
if !isPasswordReset {
<label class="input input-bordered flex items-center gap-2">
<input type="password" class="grow" placeholder="Current Password" name="current-password"/>
</label>
}
<label class="input input-bordered flex items-center gap-2">
<input type="password" class="grow" placeholder="New Password" name="new-password"/>
</label>

19
template/auth/reset_password.templ Normal file
View File

@@ -0,0 +1,19 @@
package auth
templ ResetPasswordComp() {
<form
class="max-w-xl px-2 mx-auto flex flex-col gap-4 h-full justify-center"
hx-post="/api/auth/reset-password"
hx-swap="none"
>
<h2 class="text-6xl mb-10">
Reset Password
</h2>
<label class="input input-bordered flex items-center gap-2">
<input type="email" class="grow" placeholder="E-Mail" name="email"/>
</label>
<button class="btn btn-primary self-end">
Request Password Reset
</button>
</form>
}

3
template/auth/sign_in_or_up.templ
View File

@@ -50,8 +50,9 @@ templ SignInOrUpComp(isSignIn bool) {
</label>
<div class="flex justify-end items-center gap-2">
if isSignIn {
<a href="/auth/reset-password" class="grow link text-gray-500 text-sm">Forgot Password?</a>
<a href="/auth/signup" class="link text-gray-500 text-sm">Don't have an account? Sign Up</a>
<button class="btn btn-primary self-end">
<button class="btn btn-primary">
Sign In
</button>
} else {

4
template/mail/register.templ
View File

@@ -5,7 +5,7 @@ import (
"net/url"
)
templ Register(mailCode string) {
templ Register(token string) {
<!DOCTYPE html>
<html lang="en">
<head>
@@ -15,7 +15,7 @@ templ Register(mailCode string) {
</head>
<body>
<h4>Thank you for Sign Up!</h4>
<p>Click <a href={ templ.URL(utils.BaseUrl + "/auth/verify-email?token=" + url.QueryEscape(mailCode)) }>here</a> to verify your account.</p>
<p>Click <a href={ templ.URL(utils.BaseUrl + "/auth/verify-email?token=" + url.QueryEscape(token)) }>here</a> to verify your account.</p>
<p>Kind regards</p>
</body>
</html>

22
template/mail/reset-password.templ Normal file
View File

@@ -0,0 +1,22 @@
package mail;
import (
"me-fit/utils"
"net/url"
)
templ ResetPassword(token string) {
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Reset Password</title>
</head>
<body>
<h4>Reset your password</h4>
<p>Click <a href={ templ.URL(utils.BaseUrl + "/auth/change-password?token=" + url.QueryEscape(token)) }>here</a> to change your password.</p>
<p>Kind regards</p>
</body>
</html>
}