51 lines
No EOL
1.9 KiB
Text
51 lines
No EOL
1.9 KiB
Text
<!-- 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> |