| | | 1 | | @page |
| | | 2 | | @model EnableAuthenticatorModel |
| | | 3 | | @{ |
| | 0 | 4 | | ViewData["Title"] = "Configure authenticator app"; |
| | 0 | 5 | | ViewData["ActivePage"] = ManageNavPages.TwoFactorAuthentication; |
| | | 6 | | } |
| | | 7 | | |
| | | 8 | | <partial name="_StatusMessage" for="StatusMessage" /> |
| | 0 | 9 | | <h3>@ViewData["Title"]</h3> |
| | | 10 | | <div> |
| | | 11 | | <p>To use an authenticator app go through the following steps:</p> |
| | | 12 | | <ol class="list"> |
| | | 13 | | <li> |
| | | 14 | | <p> |
| | | 15 | | Download a two-factor authenticator app like Microsoft Authenticator for |
| | | 16 | | <a href="https://go.microsoft.com/fwlink/?Linkid=825072">Android</a> and |
| | | 17 | | <a href="https://go.microsoft.com/fwlink/?Linkid=825073">iOS</a> or |
| | | 18 | | Google Authenticator for |
| | | 19 | | <a href="https://play.google.com/store/apps/details?id=com.google.android.apps.authenticator2&hl=en" |
| | | 20 | | <a href="https://itunes.apple.com/us/app/google-authenticator/id388497605?mt=8">iOS</a>. |
| | | 21 | | </p> |
| | | 22 | | </li> |
| | | 23 | | <li> |
| | 0 | 24 | | <p>Scan the QR Code or enter this key <kbd>@Model.SharedKey</kbd> into your two factor authenticator app. Sp |
| | | 25 | | <div class="alert alert-info">Learn how to <a href="https://go.microsoft.com/fwlink/?Linkid=852423">enable Q |
| | | 26 | | <div id="qrCode"></div> |
| | 0 | 27 | | <div id="qrCodeData" data-url="@Model.AuthenticatorUri"></div> |
| | | 28 | | </li> |
| | | 29 | | <li> |
| | | 30 | | <p> |
| | | 31 | | Once you have scanned the QR code or input the key above, your two factor authentication app will provid |
| | | 32 | | with a unique code. Enter the code in the confirmation box below. |
| | | 33 | | </p> |
| | | 34 | | <div class="row"> |
| | | 35 | | <div class="col-md-6"> |
| | | 36 | | <form id="send-code" method="post"> |
| | | 37 | | <div class="form-floating mb-3"> |
| | | 38 | | <input asp-for="Input.Code" class="form-control" autocomplete="off" placeholder="Please ente |
| | | 39 | | <label asp-for="Input.Code" class="control-label form-label">Verification Code</label> |
| | | 40 | | <span asp-validation-for="Input.Code" class="text-danger"></span> |
| | | 41 | | </div> |
| | | 42 | | <button type="submit" class="w-100 btn btn-lg btn-primary">Verify</button> |
| | | 43 | | <div asp-validation-summary="ModelOnly" class="text-danger" role="alert"></div> |
| | | 44 | | </form> |
| | | 45 | | </div> |
| | | 46 | | </div> |
| | | 47 | | </li> |
| | | 48 | | </ol> |
| | | 49 | | </div> |
| | | 50 | | |