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 577841af5d2e7210f2981e50f123017f51dd9844..702f007b7186ce07ed204603a0aed2bbf78a74c3 100644 (file)
--- a/resources/views/mfa/setup.blade.php
+++ b/resources/views/mfa/setup.blade.php
@@ -1,41 +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">
-                        <a href="{{ url('/mfa/totp-generate') }}" class="button outline">Setup</a>
-                    </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>