Customizes QR Code page

This commit is contained in:
Vazhin Tayeb 2021-01-19 12:26:47 +03:00
parent 292ee3913b
commit 4810e9d634
2 changed files with 9 additions and 14 deletions

View File

@ -1,29 +1,23 @@
@model OidcSamples.AuthorizationServer.Quickstart.Account.TotpViewModel @model OidcSamples.AuthorizationServer.Quickstart.Account.TotpViewModel
<div> <div>
<div class="page-header">
<h1>Register for MFA</h1>
</div>
<partial name="_ValidationSummary" /> <partial name="_ValidationSummary" />
<div class="row"> <div class="row justify-content-center align-items-center">
<div class="col-sm-6"> <div class="col-sm-6">
<div class="card p-5">
<h3 class="text-custom">Register Moble Device</h3>
<div class="panel panel-default"> <div class="panel panel-default">
<div class="panel-heading"> <div class="panel-heading">
<h3 class="panel-title">Scan the QR code with your authenticator application</h3> <h5 class="panel-title font-weight-normal mb-4 mt-3">Scan the QR code with your authenticator application</h5>
</div> </div>
<div class="panel-body"> <div class="panel-body">
<form asp-route="RegisterForMfa"> <form asp-route="RegisterForMfa">
<fieldset> <fieldset>
<input type="hidden" asp-for="Secret" /> <input type="hidden" asp-for="Secret" />
<div class="form-group"> <div class="form-group d-flex justify-content-center align-items-center my-2">
<div id="qrCode"></div> <div id="qrCode"></div>
</div> </div>
<div class="form-group">
<button class="btn btn-primary">Registration successful</button>
</div>
</fieldset> </fieldset>
</form> </form>
</div> </div>
@ -31,6 +25,7 @@
</div> </div>
</div> </div>
</div> </div>
</div>
@section Scripts { @section Scripts {
<script src="~/lib/qrcodejs/qrcode.min.js"></script> <script src="~/lib/qrcodejs/qrcode.min.js"></script>

View File

@ -24,8 +24,8 @@
data-toggle="dropdown">@name <b class="caret"></b></a> data-toggle="dropdown">@name <b class="caret"></b></a>
<div class="dropdown-menu"> <div class="dropdown-menu">
<a class="dropdown-item" asp-action="RegisterMobileDevice" <a class="dropdown-item" asp-action="RegisterMobileDevice" asp-controller="Account">Register
asp-controller="Account">RegisterMobileDevice</a> Mobile Device</a>
<a class="dropdown-item" asp-action="Logout" asp-controller="Account">Logout</a> <a class="dropdown-item" asp-action="Logout" asp-controller="Account">Logout</a>
</div> </div>
</li> </li>