]> BookStack Code Mirror - bookstack/blob - resources/views/mfa/setup.blade.php
Added backup code setup flow
[bookstack] / resources / views / mfa / setup.blade.php
1 @extends('simple-layout')
2
3 @section('body')
4     <div class="container small py-xl">
5
6         <div class="card content-wrap auto-height">
7             <h1 class="list-heading">Setup Multi-Factor Authentication</h1>
8             <p class="mb-none">
9                 Setup multi-factor authentication as an extra layer of security
10                 for your user account.
11             </p>
12
13             <div class="setting-list">
14                 <div class="grid half gap-xl">
15                     <div>
16                         <div class="setting-list-label">Mobile App</div>
17                         <p class="small">
18                             To use multi-factor authentication you'll need a mobile application
19                             that supports TOTP such as Google Authenticator, Authy or Microsoft Authenticator.
20                         </p>
21                     </div>
22                     <div class="pt-m">
23                         @if($userMethods->has('totp'))
24                             <div class="text-pos">
25                                 @icon('check-circle')
26                                 Already configured
27                             </div>
28                             <a href="{{ url('/mfa/totp-generate') }}" class="button outline small">Reconfigure</a>
29                         @else
30                             <a href="{{ url('/mfa/totp-generate') }}" class="button outline">Setup</a>
31                         @endif
32                     </div>
33                 </div>
34
35                 <div class="grid half gap-xl">
36                     <div>
37                         <div class="setting-list-label">Backup Codes</div>
38                         <p class="small">
39                             Securely store a set of one-time-use backup codes
40                             which you can enter to verify your identity.
41                         </p>
42                     </div>
43                     <div class="pt-m">
44                         @if($userMethods->has('backup_codes'))
45                             <div class="text-pos">
46                                 @icon('check-circle')
47                                 Already configured
48                             </div>
49                             <a href="{{ url('/mfa/backup-codes-generate') }}" class="button outline small">Reconfigure</a>
50                         @else
51                             <a href="{{ url('/mfa/backup-codes-generate') }}" class="button outline">Setup</a>
52                         @endif
53                     </div>
54                 </div>
55             </div>
56
57         </div>
58     </div>
59 @stop