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 2ec8d0f775254f3a4ad4fff45bbe272eb8e9ff08..702f007b7186ce07ed204603a0aed2bbf78a74c3 100644 (file)
--- a/resources/views/mfa/setup.blade.php
+++ b/resources/views/mfa/setup.blade.php
@@ -1,79 +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>
-                            <div component="dropdown" class="inline relative">
-                                <button type="button" refs="dropdown@toggle" class="button outline small">Remove</button>
-                                <div refs="dropdown@menu" class="dropdown-menu">
-                                    <p class="text-neg small px-m mb-xs">Are you sure you want to remove this multi-factor authentication method?</p>
-                                    <form action="{{ url('/mfa/remove/totp') }}" method="post">
-                                        {{ csrf_field() }}
-                                        {{ method_field('delete') }}
-                                        <button class="text-primary small delete">{{ trans('common.confirm') }}</button>
-                                    </form>
-                                </div>
-                            </div>
-                        @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">
-                            Securely store a set of one-time-use backup codes
-                            which you can enter to verify your identity.
-                        </p>
-                    </div>
-                    <div class="pt-m">
-                        @if($userMethods->has('backup_codes'))
-                            <div class="text-pos">
-                                @icon('check-circle')
-                                Already configured
-                            </div>
-                            <a href="{{ url('/mfa/backup-codes-generate') }}" class="button outline small">Reconfigure</a>
-                            <div component="dropdown" class="inline relative">
-                                <button type="button" refs="dropdown@toggle" class="button outline small">Remove</button>
-                                <div refs="dropdown@menu" class="dropdown-menu">
-                                    <p class="text-neg small px-m mb-xs">Are you sure you want to remove this multi-factor authentication method?</p>
-                                    <form action="{{ url('/mfa/remove/backup_codes') }}" method="post">
-                                        {{ csrf_field() }}
-                                        {{ method_field('delete') }}
-                                        <button class="text-primary small delete">{{ trans('common.confirm') }}</button>
-                                    </form>
-                                </div>
-                            </div>
-                        @else
-                            <a href="{{ url('/mfa/backup-codes-generate') }}" class="button outline">Setup</a>
-                        @endif
-                    </div>
-                </div>
+                @foreach(['totp', 'backup_codes'] as $method)
+                    @include('mfa.parts.setup-method-row', ['method' => $method])
+                @endforeach
             </div>
 
         </div>