TypeScript: Updated compile target, addressed issues

[bookstack] / resources / views / mfa / setup.blade.php

diff --git a/resources/views/mfa/setup.blade.php b/resources/views/mfa/setup.blade.php
index d8fe50947611c536d88d38b944c0db42f1934531..702f007b7186ce07ed204603a0aed2bbf78a74c3 100644 (file)
--- a/resources/views/mfa/setup.blade.php
+++ b/resources/views/mfa/setup.blade.php
@@ -1,49 +1,16 @@
-@extends('simple-layout')
+@extends('layouts.simple')
 
 @section('body')
     <div class="container small py-xl">
 
         <div class="card content-wrap auto-height">
-            <h1 class="list-heading">Setup Multi-Factor Authentication</h1>
-            <p class="mb-none">
-                Setup multi-factor authentication as an extra layer of security
-                for your user account.
-            </p>
+            <h1 class="list-heading">{{ trans('auth.mfa_setup') }}</h1>
+            <p class="mb-none"> {{ trans('auth.mfa_setup_desc') }}</p>
 
             <div class="setting-list">
-                <div class="grid half gap-xl">
-                    <div>
-                        <div class="setting-list-label">Mobile App</div>
-                        <p class="small">
-                            To use multi-factor authentication you'll need a mobile application
-                            that supports TOTP such as Google Authenticator, Authy or Microsoft Authenticator.
-                        </p>
-                    </div>
-                    <div class="pt-m">
-                        @if($userMethods->has('totp'))
-                            <div class="text-pos">
-                                @icon('check-circle')
-                                Already configured
-                            </div>
-                            <a href="{{ url('/mfa/totp-generate') }}" class="button outline small">Reconfigure</a>
-                        @else
-                            <a href="{{ url('/mfa/totp-generate') }}" class="button outline">Setup</a>
-                        @endif
-                    </div>
-                </div>
-
-                <div class="grid half gap-xl">
-                    <div>
-                        <div class="setting-list-label">Backup Codes</div>
-                        <p class="small">
-                            Print out or securely store a set of one-time backup codes
-                            which you can enter to verify your identity.
-                        </p>
-                    </div>
-                    <div class="pt-m">
-                        <a href="{{ url('/mfa/codes/generate') }}" class="button outline">Setup</a>
-                    </div>
-                </div>
+                @foreach(['totp', 'backup_codes'] as $method)
+                    @include('mfa.parts.setup-method-row', ['method' => $method])
+                @endforeach
             </div>
 
         </div>