TypeScript: Updated compile target, addressed issues

[bookstack] / resources / views / mfa / totp-generate.blade.php

diff --git a/resources/views/mfa/totp-generate.blade.php b/resources/views/mfa/totp-generate.blade.php
index 17d38adaaa3eb6573cc189c9fadef35d4ebb15cb..e99861a8de30c597a38ad454fc8561e12616d430 100644 (file)
--- a/resources/views/mfa/totp-generate.blade.php
+++ b/resources/views/mfa/totp-generate.blade.php
@@ -1,41 +1,37 @@
-@extends('simple-layout')
+@extends('layouts.simple')

 
 @section('body')
 
     <div class="container very-small py-xl">
         <div class="card content-wrap auto-height">
 
 @section('body')
 
     <div class="container very-small py-xl">
         <div class="card content-wrap auto-height">

-            <h1 class="list-heading">Mobile App Setup</h1>
-            <p>
-                To use multi-factor authentication you'll need a mobile application
-                that supports TOTP such as Google Authenticator, Authy or Microsoft Authenticator.
-            </p>
-            <p>
-                Scan the QR code below using your preferred authentication app to get started.
-            </p>
+            <h1 class="list-heading">{{ trans('auth.mfa_gen_totp_title') }}</h1>
+            <p>{{ trans('auth.mfa_gen_totp_desc') }}</p>
+            <p>{{ trans('auth.mfa_gen_totp_scan') }}</p>

 
             <div class="text-center">
                 <div class="block inline">
                     {!! $svg !!}
                 </div>
 
             <div class="text-center">
                 <div class="block inline">
                     {!! $svg !!}
                 </div>

+                <div class="code-base small text-muted px-s py-xs my-xs" style="overflow-x: scroll; white-space: nowrap;">
+                    {{ $url }}
+                </div>

             </div>
 
             </div>
 

-            <h2 class="list-heading">Verify Setup</h2>
-            <p id="totp-verify-input-details" class="mb-s">
-                Verify that all is working by entering a code, generated within your
-                authentication app, in the input box below:
-            </p>
-            <form action="{{ url('/mfa/totp-confirm') }}" method="POST">
+            <h2 class="list-heading">{{ trans('auth.mfa_gen_totp_verify_setup') }}</h2>
+            <p id="totp-verify-input-details" class="mb-s">{{ trans('auth.mfa_gen_totp_verify_setup_desc') }}</p>
+            <form action="{{ url('/mfa/totp/confirm') }}" method="POST">

                 {{ csrf_field() }}
                 <input type="text"
                        name="code"
                        aria-labelledby="totp-verify-input-details"
                 {{ csrf_field() }}
                 <input type="text"
                        name="code"
                        aria-labelledby="totp-verify-input-details"

-                       placeholder="Provide your app generated code here"
+                       placeholder="{{ trans('auth.mfa_gen_totp_provide_code_here') }}"

                        class="input-fill-width {{ $errors->has('code') ? 'neg' : '' }}">
                 @if($errors->has('code'))
                     <div class="text-neg text-small px-xs">{{ $errors->first('code') }}</div>
                 @endif
                 <div class="mt-s text-right">
                        class="input-fill-width {{ $errors->has('code') ? 'neg' : '' }}">
                 @if($errors->has('code'))
                     <div class="text-neg text-small px-xs">{{ $errors->first('code') }}</div>
                 @endif
                 <div class="mt-s text-right">

-                    <button class="button">Confirm and Enable</button>
+                    <a href="{{ url('/mfa/setup') }}" class="button outline">{{ trans('common.cancel') }}</a>
+                    <button class="button">{{ trans('auth.mfa_gen_confirm_and_enable') }}</button>

                 </div>
             </form>
         </div>
                 </div>
             </form>
         </div>