Improve secondary login view

This commit is contained in:
Dennis Reimann 2020-07-08 19:18:40 +02:00
parent f8e3b62edf
commit 8fc593a73e
No known key found for this signature in database
GPG Key ID: 5009E1797F03F8D0
3 changed files with 21 additions and 24 deletions

View File

@ -1,20 +1,20 @@
@model LoginWith2faViewModel
<section>
<div class="container-fluid">
<section class="pt-5">
<div>
<div class="row">
<div class="col-lg-12 section-heading">
<h2>Two-factor authentication</h2>
<hr class="primary">
</div>
</div>
<div class="row">
<div class="row mb-3">
<form class="col-12" method="post" asp-route-returnUrl="@ViewData["ReturnUrl"]" asp-action="LoginWith2fa">
<div asp-validation-summary="ModelOnly" class="text-danger"></div>
<input asp-for="RememberMe" type="hidden"/>
<div class="form-group">
<label asp-for="TwoFactorCode"></label>
<input asp-for="TwoFactorCode" class="form-control" autocomplete="off" autofocus/>
<input asp-for="TwoFactorCode" class="form-control" autocomplete="off" autofocus style="width:13em" />
<span asp-validation-for="TwoFactorCode" class="text-danger"></span>
</div>
<div class="form-group">
@ -28,14 +28,14 @@
<div class="form-group">
<button type="submit" class="btn btn-primary">Log in</button>
</div>
</form>
</div>
<div class="row">
<div class="col-12">
<p>
Don't have access to your authenticator device? You can
<a asp-action="LoginWithRecoveryCode" asp-route-returnUrl="@ViewData["ReturnUrl"]">log in with a recovery code</a>.
<p class="text-secondary">
Don't have access to your authenticator device?
<br>
You can <a asp-action="LoginWithRecoveryCode" asp-route-returnUrl="@ViewData["ReturnUrl"]">log in with a recovery code</a>.
</p>
</div>
</div>

View File

@ -13,19 +13,22 @@
<input type="hidden" asp-for="RememberMe" />
</form>
<section>
<div class="container-fluid">
<section class="pt-5">
<div>
<div class="row">
<div class="col-lg-12 section-heading">
<h2><span class="fa fa-spinner fa-spin"></span>U2F Authentication</h2>
<h2>
U2F Authentication
</h2>
<hr class="primary">
<div>
<span class="fa fa-spinner fa-spin float-right ml-3 mr-5 mt-1" style="font-size:2.5em"></span>
<p>Insert your U2F device or hardware wallet into your computer's USB port. If it has a button, tap on it.</p>
</div>
<p>Insert your U2F device or a hardware wallet into your computer's USB port. If it has a button, tap on it.</p>
<a id="error-response" class="text-danger" href="javascript:window.location.reload()"> </a>
</div>
</div>
<div class="row">
<a id="error-response" class="text-danger" href="javascript:window.location.reload()"> </a>
</div>
</div>
</section>

View File

@ -7,15 +7,9 @@
<div class="container">
@if (Model.LoginWith2FaViewModel != null && Model.LoginWithU2FViewModel != null)
{
<div class="row">
<div class="col-lg-12 section-heading">
<h2>@ViewData["Title"]</h2>
<hr class="primary">
<div asp-validation-summary="ModelOnly" class="text-danger"></div>
</div>
</div>
}else if (Model.LoginWith2FaViewModel == null && Model.LoginWithU2FViewModel == null)
<div asp-validation-summary="ModelOnly" class="text-danger"></div>
}
else if (Model.LoginWith2FaViewModel == null && Model.LoginWithU2FViewModel == null)
{
<div class="row">
<div class="col-lg-12 section-heading">