Added TOTP generation view and started verification stage

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

diff --git a/resources/views/mfa/setup.blade.php b/resources/views/mfa/setup.blade.php
index 25eb5d925deaf95dbd972219a72de6707b836e72..577841af5d2e7210f2981e50f123017f51dd9844 100644 (file)
--- a/resources/views/mfa/setup.blade.php
+++ b/resources/views/mfa/setup.blade.php
@@ -5,12 +5,39 @@
 
         <div class="card content-wrap auto-height">
             <h1 class="list-heading">Setup Multi-Factor Authentication</h1>
-            <p>
+            <p class="mb-none">
                 Setup multi-factor authentication as an extra layer of security
                 for your user account.
-                To use multi-factor authentication you'll need a mobile application
-                that supports TOTP such as Google Authenticator, Authy or Microsoft Authenticator.
             </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>
+            </div>
+
         </div>
     </div>
 @stop