SHA256
GuestLog - GuestDocument pages initial implementation
This commit is contained in:
@@ -0,0 +1,92 @@
|
||||
@using Somnia.GuestLog.Models.DTOs;
|
||||
@using Somnia.GuestLog.Validators;
|
||||
|
||||
<MudPaper Class="pa-4">
|
||||
<MudForm @ref="@_form" Model="@Model" Validation="@(guestDocValidator.ValidateValue)" ValidationDelay="0">
|
||||
<MudSelect @bind-Value="Model.DocumentType" For="@(() => Model.DocumentType)" Label="DocumentType" Required>
|
||||
@foreach (string docType in GuestConsts.DocumentTypeList)
|
||||
{
|
||||
<MudSelectItem Value="docType">@docType</MudSelectItem>
|
||||
}
|
||||
</MudSelect>
|
||||
<MudTextField @bind-Value="Model.DocumentNum" For="@(() => Model.DocumentNum)" Label="Document Num"
|
||||
Immediate="true" Required />
|
||||
|
||||
<MudDatePicker @bind-Date="Model.IssueDate" For="@(() => Model.IssueDate)" Label="Issue Date" Clearable
|
||||
OpenTo="OpenTo.Year" Editable />
|
||||
|
||||
<MudTextField @bind-Value="Model.SupportNum" For="@(() => Model.SupportNum)" Label="Support Num"
|
||||
Immediate="true" Required="@isSuportNumberRequired" />
|
||||
|
||||
<MudSelect @bind-Value="Model.Nationality" For="@(() => Model.Nationality)" Label="Nationality">
|
||||
@foreach (var countryPair in GuestConsts.CountryList)
|
||||
{
|
||||
<MudSelectItem Value="countryPair.Key">@countryPair.Value</MudSelectItem>
|
||||
}
|
||||
</MudSelect>
|
||||
|
||||
<MudDivider DividerType="DividerType.Middle" Class="mt-6" />
|
||||
<MudText Typo="Typo.subtitle1" Align="Align.Center">Customer Details</MudText>
|
||||
<MudDivider DividerType="DividerType.Middle" Class="mb-4" />
|
||||
|
||||
<MudTextField @bind-Value="Model.Name" For="@(() => Model.Name)" Immediate="true" Label="Name" />
|
||||
<MudTextField @bind-Value="Model.Surname" For="@(() => Model.Surname)" Immediate="true" Label="Surname" />
|
||||
<MudTextField @bind-Value="Model.Surname2" For="@(() => Model.Surname2)" Immediate="true" Label="Surname2" />
|
||||
|
||||
<MudDatePicker @bind-Date="Model.BirthDate" For="@(() => Model.BirthDate)" Label="BirthDate" Clearable
|
||||
OpenTo="OpenTo.Year" Editable />
|
||||
|
||||
<MudSelect @bind-Value="Model.Gender" For="@(() => Model.Gender)" Label="Gender">
|
||||
@foreach (var genderPair in GuestConsts.GenderList)
|
||||
{
|
||||
<MudSelectItem Value="genderPair.Key">@genderPair.Value</MudSelectItem>
|
||||
}
|
||||
</MudSelect>
|
||||
|
||||
<MudDivider DividerType="DividerType.Middle" Class="mt-6" />
|
||||
<MudText Typo="Typo.subtitle1" Align="Align.Center">Contact Details</MudText>
|
||||
<MudDivider DividerType="DividerType.Middle" Class="mb-4" />
|
||||
|
||||
<MudTextField @bind-Value="Model.PhoneNumber" For="@(() => Model.PhoneNumber)" Immediate="true"
|
||||
Label="Phone Number" />
|
||||
<MudTextField @bind-Value="Model.EmailAddress" For="@(() => Model.EmailAddress)" Immediate="true"
|
||||
Label="Email" />
|
||||
|
||||
<MudDivider DividerType="DividerType.Middle" Class="mt-6" />
|
||||
<MudText Typo="Typo.subtitle1" Align="Align.Center">Address Details</MudText>
|
||||
<MudDivider DividerType="DividerType.Middle" Class="mb-4" />
|
||||
|
||||
<MudTextField @bind-Value="Model.Address" For="@(() => Model.Address)" Immediate="true" Label="Address" />
|
||||
<MudTextField @bind-Value="Model.AddressCity" For="@(() => Model.AddressCity)" Immediate="true" Label="City" />
|
||||
<MudTextField @bind-Value="Model.AddressProvince" For="@(() => Model.AddressProvince)" Immediate="true"
|
||||
Label="Province" />
|
||||
<MudTextField @bind-Value="Model.AddressState" For="@(() => Model.AddressState)" Immediate="true"
|
||||
Label="State" />
|
||||
<MudSelect @bind-Value="Model.AddressCountry" For="@(() => Model.AddressCountry)" Label="Country">
|
||||
@foreach (var countryPair in GuestConsts.CountryList)
|
||||
{
|
||||
<MudSelectItem Value="countryPair.Key">@countryPair.Value</MudSelectItem>
|
||||
}
|
||||
</MudSelect>
|
||||
<MudTextField @bind-Value="Model.ZipCode" For="@(() => Model.ZipCode)" Immediate="true" Label="ZipCode" />
|
||||
</MudForm>
|
||||
</MudPaper>
|
||||
|
||||
@code {
|
||||
|
||||
[Parameter]
|
||||
public GuestDocumentDTO Model { get; set; } = new();
|
||||
|
||||
|
||||
private MudForm _form = null!;
|
||||
private readonly GuestDocumentDTOValidator guestDocValidator = new();
|
||||
|
||||
private bool isSuportNumberRequired { get => Model?.Nationality == "ESP"; }
|
||||
|
||||
public async Task<bool> ValidateForm()
|
||||
{
|
||||
await _form.ValidateAsync();
|
||||
return _form.IsValid;
|
||||
}
|
||||
|
||||
}
|
||||
Reference in New Issue
Block a user