65 lines
3.5 KiB
Plaintext
65 lines
3.5 KiB
Plaintext
@using Microsoft.AspNetCore.Mvc.Localization
|
|
@model gehGassi.Web.Models.EnableTwoFactorVm
|
|
@inject IViewLocalizer Localizer
|
|
@{
|
|
ViewData["Title"] = Localizer["TwoFactorEnable_Title"];
|
|
}
|
|
@section pageTitle
|
|
{
|
|
<div>@ViewData["Title"]</div>
|
|
}
|
|
<section id="enableTwoFactorContainer">
|
|
<div>
|
|
<div class="pageDesc">@Localizer["TwoFactorEnable_Desc"]</div>
|
|
<form cb-preventsubmit id="frmEnableTwoFactor" class="form" asp-controller="Manage" asp-action="TwoFactorEnable" data-ajax="true" data-ajax-method="POST" data-ajax-mode="replace" data-ajax-update="#enableTwoFactorContainer">
|
|
<input type="hidden" asp-for="SharedKey" />
|
|
<input type="hidden" asp-for="AuthenticatorUri" />
|
|
<div asp-validation-summary="ModelOnly"></div>
|
|
|
|
<p>To use an authenticator app go through the following steps:</p>
|
|
<ol class="list">
|
|
<li>
|
|
<p>
|
|
Download a two-factor authenticator app like Microsoft Authenticator for
|
|
<a href="https://go.microsoft.com/fwlink/?Linkid=825072" target="_blank">Android</a> and
|
|
<a href="https://go.microsoft.com/fwlink/?Linkid=825073" target="_blank">iOS</a> or
|
|
Google Authenticator for
|
|
<a href="https://play.google.com/store/apps/details?id=com.google.android.apps.authenticator2&hl=en" target="_blank">Android</a> and
|
|
<a href="https://itunes.apple.com/us/app/google-authenticator/id388497605?mt=8" target="_blank">iOS</a>.
|
|
</p>
|
|
</li>
|
|
<li>
|
|
<p>Scan the QR Code or enter the following key into your two factor authenticator app. Spaces and casing do not matter.</p>
|
|
<div class="alert alert-info"><kbd>@Model.SharedKey</kbd></div>
|
|
<div id="qrCode"></div>
|
|
<div id="qrCodeData" data-url=""></div>
|
|
</li>
|
|
<li>
|
|
<p style="margin-top: 25px;">
|
|
Once you have scanned the QR code or input the key above, your two factor authentication app will provide you
|
|
with a unique code. Enter the code in the confirmation box below.
|
|
</p>
|
|
<div class="row mb-2">
|
|
<div class="col-md-6 offset-md-3">
|
|
<label class="form-label" asp-for="Code"></label>
|
|
<div class="input-group">
|
|
<span class="input-group-text"><i class="fa fa-fw fa-credit-card"></i></span>
|
|
<input asp-for="Code" class="form-control" />
|
|
<span asp-validation-for="Code" class="invalid-feedback"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ol>
|
|
<div class="row button-row">
|
|
<div class="col-md-6 offset-md-3">
|
|
<div class="">
|
|
<button type="button" id="btnActivate" class="btn btn-primary">@Localizer["Button_Activate"]</button>
|
|
<button type="button" id="btnCancel" class="btn btn-primary">@Localizer["Button_Cancel"]</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<system-js url="~/scripts/Views/Manage/twoFactorEnable.js" fresh-import="true"></system-js>
|
|
</section> |