Kevin Adametz
00796a35d5
Konsolidierter, bereinigter Stand der Wissensbasis (docs/). Frischer Wurzel-Commit, um urheberrechtlich problematische Volltexte aus der Historie zu entfernen (die bisherige Historie bestand aus einem einzigen Initial-Commit). Enthaltene Änderungen (vgl. docs/_Steuerung/CHANGELOG.md, 2026-05-29): - Copyright-Hygiene: 25 Volltext-/Übersetzungsdateien (Sharp 14 Kap., Wala 11 Kap.) entfernt; je Quelle _Fundstellen-Index.md als Provenienzbeleg; Quellnachweise + Steuerungsdateien angepasst. - Konsistenz-Korrekturen: Reichweite 000-013 (Scorecard-Regeln), Rule-ID MW-WK-DIFF-101, Quellnachweis-Dateiverweis, Dok.000 v2.0.2. - Dateinamen-Normalisierung: Startdatei ohne Leerzeichen. Originale (Wala/Sharp E-Books) privat außerhalb des Repos archiviert. Co-authored-by: Cursor <cursoragent@cursor.com>
101 lines
3.9 KiB
PHP
101 lines
3.9 KiB
PHP
<x-layouts::auth :title="__('Two-factor authentication')">
|
|
<div class="flex flex-col gap-6">
|
|
<div
|
|
class="relative w-full h-auto"
|
|
x-cloak
|
|
x-data="{
|
|
showRecoveryInput: @js($errors->has('recovery_code')),
|
|
code: '',
|
|
recovery_code: '',
|
|
focusOtp() {
|
|
this.$nextTick(() => this.$refs.otp?.querySelector('input')?.focus());
|
|
},
|
|
init() {
|
|
if (! this.showRecoveryInput) {
|
|
this.focusOtp();
|
|
}
|
|
},
|
|
toggleInput() {
|
|
this.showRecoveryInput = !this.showRecoveryInput;
|
|
|
|
this.code = '';
|
|
this.recovery_code = '';
|
|
|
|
$nextTick(() => {
|
|
this.showRecoveryInput
|
|
? this.$refs.recovery_code?.focus()
|
|
: this.focusOtp();
|
|
});
|
|
},
|
|
}"
|
|
>
|
|
<div x-show="!showRecoveryInput">
|
|
<x-auth-header
|
|
:title="__('Authentication code')"
|
|
:description="__('Enter the authentication code provided by your authenticator application.')"
|
|
/>
|
|
</div>
|
|
|
|
<div x-show="showRecoveryInput">
|
|
<x-auth-header
|
|
:title="__('Recovery code')"
|
|
:description="__('Please confirm access to your account by entering one of your emergency recovery codes.')"
|
|
/>
|
|
</div>
|
|
|
|
<form method="POST" action="{{ route('two-factor.login.store') }}">
|
|
@csrf
|
|
|
|
<div class="space-y-5 text-center">
|
|
<div x-show="!showRecoveryInput">
|
|
<div class="flex items-center justify-center my-5" x-ref="otp">
|
|
<flux:otp
|
|
x-model="code"
|
|
length="6"
|
|
name="code"
|
|
label="OTP Code"
|
|
label:sr-only
|
|
class="mx-auto"
|
|
/>
|
|
</div>
|
|
</div>
|
|
|
|
<div x-show="showRecoveryInput">
|
|
<div class="my-5">
|
|
<flux:input
|
|
type="text"
|
|
name="recovery_code"
|
|
x-ref="recovery_code"
|
|
x-bind:required="showRecoveryInput"
|
|
autocomplete="one-time-code"
|
|
x-model="recovery_code"
|
|
/>
|
|
</div>
|
|
|
|
@error('recovery_code')
|
|
<flux:text color="red">
|
|
{{ $message }}
|
|
</flux:text>
|
|
@enderror
|
|
</div>
|
|
|
|
<flux:button
|
|
variant="primary"
|
|
type="submit"
|
|
class="w-full"
|
|
>
|
|
{{ __('Continue') }}
|
|
</flux:button>
|
|
</div>
|
|
|
|
<div class="mt-5 space-x-0.5 text-sm leading-5 text-center">
|
|
<span class="opacity-50">{{ __('or you can') }}</span>
|
|
<div class="inline font-medium underline cursor-pointer opacity-80">
|
|
<span x-show="!showRecoveryInput" @click="toggleInput()">{{ __('login using a recovery code') }}</span>
|
|
<span x-show="showRecoveryInput" @click="toggleInput()">{{ __('login using an authentication code') }}</span>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</x-layouts::auth>
|