upload identification step
This commit is contained in:
parent
7d037d7308
commit
7aab4bce2d
@ -9,7 +9,9 @@ namespace EnotaryoPH.Web.Common.Models
|
||||
var entity = new IdentificationDocument
|
||||
{
|
||||
UploadedOn = DateTime.UtcNow,
|
||||
UserID = userID
|
||||
UserID = userID,
|
||||
IdentificationDocument_UID = Guid.NewGuid(),
|
||||
CreatedOn = DateTime.UtcNow
|
||||
};
|
||||
|
||||
return model.ToEntity(entity);
|
||||
|
||||
@ -0,0 +1,100 @@
|
||||
@page
|
||||
@using EnotaryoPH.Web.Pages.Shared.Components.NotaryoSteps
|
||||
|
||||
@model UploadIdentificationModel
|
||||
@{
|
||||
}
|
||||
|
||||
@section Head {
|
||||
<link href="\lib\fontawesome-free-6.7.1-web\css\all.min.css" rel="stylesheet" />
|
||||
}
|
||||
|
||||
<section class="my-5">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<h1>Notaryo Steps</h1>
|
||||
<div class="mt-3">
|
||||
@await Component.InvokeAsync("NotaryoSteps", new { NotaryoSteps = new List<NotaryoStep>() {
|
||||
new NotaryoStep { Name = "Choose Identification", Step = 1, IsActive = true },
|
||||
new NotaryoStep { Name = "Take Selfie", Step = 2 },
|
||||
new NotaryoStep { Name = "Upload Document", Step = 3 },
|
||||
new NotaryoStep { Name = "Choose Notary", Step = 4 },
|
||||
}})
|
||||
<div class="tab-content mt-3"></div>
|
||||
</div>
|
||||
<form class="mt-4" id="UploadIdentificationForm" method="post" enctype="multipart/form-data">
|
||||
|
||||
@if (Model.ExistingIdentificationDocuments.Count > 0)
|
||||
{
|
||||
<div class="row mt-4 mb-3">
|
||||
<div class="col">
|
||||
<div class="d-flex">
|
||||
<div class="form-check me-2"><input asp-for="UploadNewIdentification" id="UploadNewIdentificationYes" class="form-check-input" type="radio" value="true" /> <label class="form-check-label me-3" for="UploadNewIdentificationYes">Upload a new Identification Document</label></div>
|
||||
<div class="form-check me-2"><input asp-for="UploadNewIdentification" id="UploadNewIdentificationNah" class="form-check-input" type="radio" value="false" /><label class="form-check-label me-3" for="UploadNewIdentificationNah">Use any of the existing Identification Documents</label></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
else {
|
||||
<input type="hidden" asp-for="UploadNewIdentification" />
|
||||
}
|
||||
|
||||
<div id="NewIdentificationDocumentContainer">
|
||||
@Html.EditorFor(m => m.NewIdentificationDocument)
|
||||
</div>
|
||||
@if (Model.ExistingIdentificationDocuments.Count > 0)
|
||||
{
|
||||
<div id="ExistingDocumentsContainer">
|
||||
<div class="row mt-4">
|
||||
<div class="col">
|
||||
<h4>Existing Identification Documents</h4>
|
||||
<div class="table-responsive">
|
||||
<table class="table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Identification Document Type</th>
|
||||
<th>Expiration</th>
|
||||
<th></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@foreach(var id in Model.ExistingIdentificationDocuments)
|
||||
{
|
||||
<tr class="existingdocument__row">
|
||||
<td>@id.IdentificationType</td>
|
||||
<td>@id.ExpirationDate.Value.ToShortDateString()</td>
|
||||
<td>
|
||||
<button class="btn btn-danger btn-sm identificationdocument__delete__button" type="button" data-uid="@id.IdentificationDocument_UID">
|
||||
<i class="fas fa-times me-1"></i>
|
||||
<span class="d-none d-md-inline-block">Delete</span>
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
<div class="d-flex mt-3">
|
||||
<div class="flex-grow-1"></div>
|
||||
<button class="btn btn-primary btn-lg wizard__nextbutton" type="submit">NEXT<i class="fas fa-chevron-right ms-2"></i></button>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<input type="hidden" asp-for="ExistingIdentificationDocumentCount" />
|
||||
|
||||
@section Scripts {
|
||||
<script src="~/lib/jquery/dist/jquery.min.js"></script>
|
||||
<partial name="_ValidationScriptsPartial" />
|
||||
<script src="\dist\js\jfa.min.js"></script>
|
||||
<script src="\js\identification-document.js"></script>
|
||||
<script src="~/Pages/Principal/NotaryoSteps/UploadIdentification.cshtml.js" asp-append-version="true"></script>
|
||||
}
|
||||
@ -0,0 +1,92 @@
|
||||
using EnotaryoPH.Data;
|
||||
using EnotaryoPH.Web.Common.Models;
|
||||
using Microsoft.AspNetCore.Mvc;
|
||||
using Microsoft.AspNetCore.Mvc.RazorPages;
|
||||
using Microsoft.AspNetCore.Mvc.Rendering;
|
||||
using Microsoft.EntityFrameworkCore;
|
||||
|
||||
namespace EnotaryoPH.Web.Pages.Principal.NotaryoSteps
|
||||
{
|
||||
public class UploadIdentificationModel : PageModel
|
||||
{
|
||||
private readonly ICurrentUserService _currentUserService;
|
||||
private readonly NotaryoDBContext _notaryoDBContext;
|
||||
|
||||
public UploadIdentificationModel(NotaryoDBContext notaryoDBContext, ICurrentUserService currentUserService)
|
||||
{
|
||||
_notaryoDBContext = notaryoDBContext;
|
||||
_currentUserService = currentUserService;
|
||||
}
|
||||
|
||||
public async Task<IActionResult> OnGetAsync()
|
||||
{
|
||||
var user = _notaryoDBContext.Users.AsNoTracking().FirstOrDefault(u => u.User_UID == _currentUserService.GetUser_UID());
|
||||
if (user == null)
|
||||
{
|
||||
return BadRequest();
|
||||
}
|
||||
ExistingIdentificationDocuments = GetIdentityDocumentsByUserID(user.UserID);
|
||||
|
||||
NewIdentificationDocument = new IdentificationDocumentModel
|
||||
{
|
||||
IdentificationTypes = GetIdentificationDocumentTypes()
|
||||
};
|
||||
|
||||
UploadNewIdentification = true;
|
||||
|
||||
return Page();
|
||||
}
|
||||
|
||||
[IgnoreAntiforgeryToken]
|
||||
public async Task<IActionResult> OnPostAsync()
|
||||
{
|
||||
if (UploadNewIdentification)
|
||||
{
|
||||
if (!ModelState.IsValid)
|
||||
{
|
||||
NewIdentificationDocument = new IdentificationDocumentModel
|
||||
{
|
||||
IdentificationTypes = GetIdentificationDocumentTypes()
|
||||
};
|
||||
return Page();
|
||||
}
|
||||
|
||||
var user = _notaryoDBContext.Users.AsNoTracking().FirstOrDefault(u => u.User_UID == _currentUserService.GetUser_UID());
|
||||
var entity = NewIdentificationDocument.ToEntity(user.UserID);
|
||||
_notaryoDBContext.Add(entity);
|
||||
_notaryoDBContext.SaveChanges();
|
||||
}
|
||||
|
||||
return RedirectToPage("/Principal/NotaryoSteps/TakeSelfie");
|
||||
}
|
||||
|
||||
private List<SelectListItem> GetIdentificationDocumentTypes()
|
||||
{
|
||||
var lookupIdentificationTypes = _notaryoDBContext.LookupData.AsNoTracking().Include(e => e.LookupDataValues).FirstOrDefault(e => e.Name == "Identification Types");
|
||||
return lookupIdentificationTypes.LookupDataValues
|
||||
.ConvertAll(m => new SelectListItem
|
||||
{
|
||||
Text = m.Title.DefaultIfEmpty(m.Value),
|
||||
Value = m.Value
|
||||
});
|
||||
}
|
||||
|
||||
private List<IdentificationDocumentModel> GetIdentityDocumentsByUserID(int userID) =>
|
||||
_notaryoDBContext.IdentificationDocuments.AsNoTracking()
|
||||
.Where(d => d.UserID == userID)
|
||||
.Select(d => new IdentificationDocumentModel(d)).ToList();
|
||||
|
||||
public int ExistingIdentificationDocumentCount => ExistingIdentificationDocuments.Count;
|
||||
|
||||
public List<IdentificationDocumentModel> ExistingIdentificationDocuments { get; set; } = [];
|
||||
|
||||
[BindProperty(SupportsGet = true)]
|
||||
public Guid IdentificationDocument_UID { get; set; }
|
||||
|
||||
[BindProperty]
|
||||
public IdentificationDocumentModel NewIdentificationDocument { get; set; }
|
||||
|
||||
[BindProperty]
|
||||
public bool UploadNewIdentification { get; set; }
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,37 @@
|
||||
"use strict";
|
||||
(function () {
|
||||
const
|
||||
control_existingDocumentsContainer = document.getElementById("ExistingDocumentsContainer"),
|
||||
control_existingIdentificationDocumentCount = document.getElementById("ExistingIdentificationDocumentCount"),
|
||||
control_newIdentificationDocumentContainer = document.getElementById("NewIdentificationDocumentContainer"),
|
||||
control_nextButton = document.querySelector(".wizard__nextbutton"),
|
||||
control_uploadIdentificationForm = document.getElementById("UploadIdentificationForm"),
|
||||
control_uploadNewIdentificationRadios = document.getElementsByName("UploadNewIdentification");
|
||||
|
||||
function _bindEvents() {
|
||||
|
||||
control_uploadNewIdentificationRadios.forEach(radio => {
|
||||
radio.addEventListener("change", _radioOptionChanged)
|
||||
});
|
||||
}
|
||||
|
||||
function _init() {
|
||||
_bindEvents();
|
||||
|
||||
_radioOptionChanged(null);
|
||||
}
|
||||
|
||||
function _radioOptionChanged(sender) {
|
||||
let uploadNewIdentificationDocument = sender?.target?.value ?? "true";
|
||||
if (uploadNewIdentificationDocument === "true") {
|
||||
jfa.utilities.element.hide(control_existingDocumentsContainer);
|
||||
jfa.utilities.element.show(control_newIdentificationDocumentContainer)
|
||||
}
|
||||
else {
|
||||
jfa.utilities.element.show(control_existingDocumentsContainer);
|
||||
jfa.utilities.element.hide(control_newIdentificationDocumentContainer)
|
||||
}
|
||||
}
|
||||
|
||||
_init();
|
||||
})();
|
||||
@ -0,0 +1,14 @@
|
||||
@model List<NotaryoStep>
|
||||
<div class="mt-3">
|
||||
<ul id="transactionwizardnav" class="nav nav-pills nav-justified d-block d-sm-flex" role="tablist">
|
||||
@foreach(var step in Model)
|
||||
{
|
||||
<li class="nav-item" role="presentation">
|
||||
<a class="nav-link disabled @(step.IsActive ? "active" : "")" role="tab" data-bs-toggle="pill" href="#tab-1">
|
||||
<div><span class="badge rounded-pill fs-6 me-1">STEP @step.Step</span></div><span class="text-dark step-text">@step.Name</span>
|
||||
</a>
|
||||
</li>
|
||||
}
|
||||
</ul>
|
||||
<div class="tab-content mt-3"></div>
|
||||
</div>
|
||||
@ -0,0 +1,9 @@
|
||||
using Microsoft.AspNetCore.Mvc;
|
||||
|
||||
namespace EnotaryoPH.Web.Pages.Shared.Components.NotaryoSteps
|
||||
{
|
||||
public class NotaryoStepsViewComponent : ViewComponent
|
||||
{
|
||||
public async Task<IViewComponentResult> InvokeAsync(List<NotaryoStep> notaryoSteps) => View(notaryoSteps);
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,9 @@
|
||||
namespace EnotaryoPH.Web.Pages.Shared.Components.NotaryoSteps
|
||||
{
|
||||
public class NotaryoStep
|
||||
{
|
||||
public bool IsActive { get; set; }
|
||||
public string Name { get; set; }
|
||||
public int Step { get; set; }
|
||||
}
|
||||
}
|
||||
@ -1,3 +1,4 @@
|
||||
@using EnotaryoPH.Web
|
||||
@namespace EnotaryoPH.Web.Pages
|
||||
@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
|
||||
@addTagHelper *, EnotaryoPH
|
||||
Loading…
x
Reference in New Issue
Block a user