38 lines
2.9 KiB
Plaintext
38 lines
2.9 KiB
Plaintext
package templates
|
|
|
|
templ LoginForm(failed bool) {
|
|
@Style()
|
|
<div class="w-full h-[100vh] flex flex-col justify-center items-center">
|
|
<form method="POST" class="w-9/10 md:w-1/2 flex flex-col gap-4 p-2 mb-2">
|
|
<h1 class="font-bold uppercase text-xl text-center mb-2">Benutzer Anmelden</h1>
|
|
<input name="personal_nummer" placeholder="Personalnummer" type="text" class="w-full placeholder:text-neutral-400 text-neutral-700 text-sm border border-neutral-300 rounded-md px-3 py-2 transition duration-300 ease focus:outline-none hover:border-neutral-500"/>
|
|
<input name="password" placeholder="Passwort" type="password" class="w-full placeholder:text-neutral-400 text-neutral-700 text-sm border border-neutral-300 rounded-md px-3 py-2 transition duration-300 ease focus:outline-none hover:border-neutral-500"/>
|
|
if failed {
|
|
<p class="text-red-600 text-sm">Login fehlgeschlagen, bitte erneut versuchen!</p>
|
|
}
|
|
<button type="submit" class="cursor-pointer rounded-md text-neutral-800 p-2 md:px-4 border text-center text-sm hover:text-white transition-colors border-neutral-300 focus:bg-neutral-700 active:bg-neutral-700 hover:bg-neutral-700 disabled:pointer-events-none disabled:opacity-50">Login</button>
|
|
</form>
|
|
</div>
|
|
}
|
|
|
|
templ UserForm(status int) {
|
|
@Style()
|
|
<div class="w-full h-[100vh] flex flex-col justify-center items-center">
|
|
<form method="POST" class="w-9/10 md:w-1/2 flex flex-col gap-4 p-2 mb-2">
|
|
<h1 class="font-bold uppercase text-xl text-center mb-2">Passwort ändern</h1>
|
|
<input name="password" placeholder="Aktuelles Passwort" type="password" class="w-full placeholder:text-neutral-400 text-neutral-700 text-sm border border-neutral-300 rounded-md px-3 py-2 transition duration-300 ease focus:outline-none hover:border-neutral-500"/>
|
|
<input name="new_password" placeholder="Neues Passwort" type="password" class="w-full placeholder:text-neutral-400 text-neutral-700 text-sm border border-neutral-300 rounded-md px-3 py-2 transition duration-300 ease focus:outline-none hover:border-neutral-500"/>
|
|
<input name="new_password_repeat" placeholder="Neues Passwort" type="password" class="w-full placeholder:text-neutral-400 text-neutral-700 text-sm border border-neutral-300 rounded-md px-3 py-2 transition duration-300 ease focus:outline-none hover:border-neutral-500"/>
|
|
switch {
|
|
case status == 401:
|
|
<p class="text-red-600 text-sm">Aktuelles Passwort nicht korrekt!</p>
|
|
case status >= 400:
|
|
<p class="text-red-600 text-sm">Passwortwechsel fehlgeschlagen, bitte erneut versuchen!</p>
|
|
case status == 200:
|
|
<p class="text-accent text-sm">Passwortänderung erfolgreich</p>
|
|
}
|
|
<button type="submit" class="cursor-pointer rounded-md text-neutral-800 p-2 md:px-4 border text-center text-sm hover:text-white transition-colors border-neutral-300 focus:bg-neutral-700 active:bg-neutral-700 hover:bg-neutral-700 disabled:pointer-events-none disabled:opacity-50">Ändern</button>
|
|
</form>
|
|
</div>
|
|
}
|