glauth-ui/views/htmx/totpForm.njk
Kai Waggeling d756a192e4 continued
implemented HTMX
implemented ORM (sequelize)
2025-11-29 21:56:21 +01:00

34 lines
No EOL
1.5 KiB
Text

<div class="container relative mx-auto py-12 flex flex-col justify-center items-center gap-8">
{% for error in errors %}
<!-- TOTP Error -->
<div class="alert-danger w-full max-w-md" role="alert">
<i class="ti ti-alert-hexagon-filled text-lg"></i>
<div class="ms-3 text-sm font-medium">
{{ error.title }}: {{ error.detail }}
</div>
</div>
{% endfor %}
<!-- TOTP Dialoge -->
<div class="card w-full max-w-md">
<div class="p-6 space-y-4 md:space-y-6 sm:p-8">
<div class="px-4 flex flex-col items-center gap-4">
<span class="w-full block bg-center bg-no-repeat bg-contain" style="height: var(--login-logo-height); background-image: var(--login-logo-source);">
<!-- Logo Source from theme.css -->
</span>
<h1 class="text-3xl">
Identity Manager
</h1>
</div>
<form class="space-y-4 md:space-y-6" hx-post="/htmx/totpForm" hx-target="#app">
<div>
<label for="otpToken" class="block mb-2 text-sm font-medium">
OTP Token
</label>
<input type="text" name="otpToken" class="w-full" placeholder="123456" required="">
</div>
<button type="submit" class="w-full button primary-fill">Continue</button>
</form>
</div>
</div>
<!-- / -->
</div>