fsylvain/RenewCMS
1
0
Fork 0
mirror of https://github.com/Floriansylvain/RenewCMS.git synced 2026-08-19 11:43:22 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: complete email verification flow

Browse Source
This commit is contained in:
Florian Sylvain
2024-05-15 19:16:55 +02:00
parent aabdbfae95
commit a35e7c4283
13 changed files with 228 additions and 124 deletions
Download Patch File Download Diff File Expand all files Collapse all files
adapters/secondary/gateways/web/templates/login.html
+9 -3
View File
@@ -12,12 +12,12 @@
</head>
<body class="d-flex min-vh-100 vw-100 justify-content-center align-items-center text-dark">
<div class="container">
<div class="d-flex flex-column gap-5 m-auto form-container">
<div class="d-flex flex-column m-auto form-container">
<div>
<h1>GohCMS</h1>
<h2>Login</h2>
</div>
<form action="login" method="POST">
<form action="login" method="POST" class="mt-5" id="loginForm">
<div class="d-flex flex-column gap-4">
<div class="form-floating">
<input class="form-control {{ if .PageError.IsError }} is-invalid {{ end }}"
@@ -46,12 +46,18 @@
</button>
</div>
</form>
<form action="register" method="get" class="mt-2 w-100">
<button class="btn btn-outline-primary w-100" type="submit">
Don't have any verified account? Register here.
</button>
</form>
</div>
</div>
<script>
const button = document.querySelector("#loginFormButton")
const inputs = document.querySelectorAll('input')
const form = document.querySelector("#loginForm")
function formFieldsEmpty() {
return Array.from(inputs).some((input) => input.value === "")
@@ -77,7 +83,7 @@
if (event.target.tagName === "INPUT") setButtonDisabled()
}
window.addEventListener('submit', onLoginFormSubmit)
form.addEventListener('submit', onLoginFormSubmit)
window.addEventListener('input', onInput)
setButtonDisabled()
</script>