waggeling.net/glauth-ui
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

continued

Browse source 
implemented HTMX
implemented ORM (sequelize)
This commit is contained in:
Kai Waggeling 2025-11-29 21:56:21 +01:00
parent 2a9bd4e81b
commit d756a192e4
71 changed files with 3822 additions and 694 deletions
Download patch file Download diff file Expand all files Collapse all files

51
views/htmx/profile/showMFA.njk Normal file
View file

@ -0,0 +1,51 @@
<!-- Form: 2FA -->
<div class="flex flex-col gap-6">
<div class="w-full flex flex-row justify-between items-center">
<span class="text-2xl font-bold">
Multi-Factor Authentication
</span>
<div class="flex flex-row gap-4 items-center">
{% if otpsecret and otpsecret.length > 0 %}
<a href="#" class="button-sm primary-fill">
<i class="ti ti-cross"></i>
disable TOTP
</a>
{% else %}
<a href="#" class="button-sm primary-fill">
<i class="ti ti-check"></i>
enable TOTP
</a>
{% endif %}
</div>
</div>
{% if otp.active != true %}
<div class="flex w-full">
<div class="flex items-center w-full px-4 py-2 text-sm bg-yellow-100 dark:bg-yellow-600 dark:text-white rounded-lg gap-4" role="alert">
<i class="ti ti-alert-hexagon-filled text-lg"></i>
<div class="ms-3 text-sm font-medium">
You have not yet configured 2-factor authentication.
</div>
</div>
</div>
{% endif %}
<div class="flex gap-8">
{% if otp.active == true %}
<div class="flex flex-col w-48">
<img class="rounded-lg w-full" src="{{ otp.qrcode }}">
</div>
<div class="flex flex-col flex-auto gap-4">
<div class="flex flex-col lg:flex-row gap-4">
<div class="flex flex-col flex-auto gap-3">
<label class="w-full text-sm font-medium text-gray-900 dark:text-white">
your OTP-Secret:
</label>
<input type="text" name="otpsecret" class="" value="{{ otp.otpsecret }}" readonly>
</div>
<button type="button" class="button primary-fill">
Delete
</button>
</div>
</div>
{% endif %}
</div>
</div>