mailwolt/resources/views/livewire/ui/system/two-fa-status.blade.php

56 lines
2.9 KiB
PHP

<div class="mbx-section">
<div class="mbx-domain-head">
<div class="mbx-domain-info">
<span class="mbx-badge-mute">Zwei-Faktor-Authentifizierung</span>
</div>
@if($enabled)
<span class="mbx-badge-ok">Aktiv</span>
@else
<span class="mbx-badge-warn">Nicht eingerichtet</span>
@endif
</div>
<div style="padding:14px 16px;display:flex;flex-direction:column;gap:12px">
{{-- Login-Flow Hinweis --}}
<div style="display:flex;gap:10px;align-items:flex-start;padding:10px 12px;background:var(--mw-bg4);border:1px solid var(--mw-b2);border-radius:7px">
<svg width="13" height="13" viewBox="0 0 13 13" fill="none" style="flex-shrink:0;margin-top:1px;color:var(--mw-t4)">
<circle cx="6.5" cy="6.5" r="5.5" stroke="currentColor" stroke-width="1.2"/>
<path d="M6.5 6v3.5" stroke="currentColor" stroke-width="1.3" stroke-linecap="round"/>
<circle cx="6.5" cy="4" r=".7" fill="currentColor"/>
</svg>
<div style="font-size:11.5px;color:var(--mw-t3);line-height:1.6">
Beim Login wird geprüft ob 2FA aktiv ist wenn ja, wird nach dem Passwort ein
<strong style="color:var(--mw-t2)">6-stelliger TOTP-Code</strong> verlangt.
Ohne eingerichtetes 2FA ist kein Code nötig.
</div>
</div>
@if($enabled)
<div style="font-size:12px;color:var(--mw-t3)">
Dein Account ist mit TOTP geschützt. Generiere deinen Code mit
<strong style="color:var(--mw-t2)">Google Authenticator, Authy</strong> oder einer kompatiblen App.
</div>
<div>
<button wire:click="disable"
wire:confirm="2FA wirklich deaktivieren? Dein Account wird dann nur mit Passwort geschützt."
class="mw-btn-del" style="font-size:12px;padding:5px 12px">
<svg width="11" height="11" viewBox="0 0 12 12" fill="none"><path d="M2 2l8 8M10 2l-8 8" stroke="currentColor" stroke-width="1.3" stroke-linecap="round"/></svg>
TOTP deaktivieren
</button>
</div>
@else
<div style="font-size:12px;color:var(--mw-t3)">
Ohne 2FA ist dein Account nur mit Passwort geschützt. Richte TOTP ein um die Sicherheit zu erhöhen.
</div>
<div>
<button wire:click="$dispatch('openModal',{component:'ui.system.modal.totp-setup-modal'})"
class="mbx-btn-primary" style="font-size:12px;padding:5px 12px">
<svg width="11" height="11" viewBox="0 0 11 11" fill="none"><path d="M5.5 1v9M1 5.5h9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
TOTP einrichten
</button>
</div>
@endif
</div>
</div>