437 lines
19 KiB
Plaintext
437 lines
19 KiB
Plaintext
@page "/mytransfers/{transferId:guid}"
|
|
@using TIAM.Entities.Transfers
|
|
@using TIAM.Resources
|
|
@using TIAMWebApp.Shared.Application.Interfaces
|
|
@using AyCode.Services.Loggers
|
|
@using TIAM.Core.Enums
|
|
@using TIAMWebApp.Shared.Application.Models.ClientSide.UI.WizardModels
|
|
@using TIAMWebApp.Shared.Application.Services
|
|
@using TIAMWebApp.Shared.Application.Utility
|
|
@using TIAMSharedUI.Pages.User.SysAdmins
|
|
@using TIAMSharedUI.Pages.Components
|
|
@inject HttpClient Http
|
|
@inject NavigationManager navManager
|
|
@inject IEnumerable<IAcLogWriterClientBase> LogWriters
|
|
@inject ITransferDataService transferDataService
|
|
@inject SumupService SumUpService
|
|
@inject NavigationManager navigationManager
|
|
@inject IStringLocalizer<TIAMResources> localizer
|
|
@inject IWizardProcessor wizardProcessor
|
|
|
|
<PageTitle>Transfer details</PageTitle>
|
|
<div class="text-center m-5">
|
|
<h1>Transfer details</h1>
|
|
<h2 style="font-size:small">Manage your transfer here</h2>
|
|
</div>
|
|
|
|
<DxPopup CssClass="popup-demo-events"
|
|
@bind-Visible="@_popupVisible"
|
|
ShowFooter="true"
|
|
CloseOnEscape="true"
|
|
CloseOnOutsideClick="false"
|
|
ShowCloseButton="false"
|
|
HeaderText="MessageBox"
|
|
Closing="EulaPopupClosing"
|
|
Closed="EulaPopupClosed">
|
|
<BodyContentTemplate>
|
|
<InputWizard Data=@_messageWizardModel
|
|
OnSubmit="SubmitForm"
|
|
IgnoreReflection=@IgnoreList
|
|
TitleResourceString="NewMessage"
|
|
SubtitleResourceString="NewMessageSubtitle"
|
|
SubmitButtonText="@localizer.GetString("ButtonSend")"></InputWizard>
|
|
</BodyContentTemplate>
|
|
<FooterContentTemplate Context="Context">
|
|
<div class="popup-demo-events-footer">
|
|
<!--DxCheckBox CssClass="popup-demo-events-checkbox" @bind-Checked="@EulaAccepted">I accept the terms of the EULA</!--DxCheckBox-->
|
|
<!--DxButton CssClass="popup-demo-events-button ms-2" RenderStyle="ButtonRenderStyle.Primary" Text="OK" Click="Context.CloseCallback" /-->
|
|
<DxButton CssClass="popup-demo-events-button ms-2" RenderStyle="ButtonRenderStyle.Secondary" Text="Cancel" Click="CancelCreateClick" />
|
|
</div>
|
|
</FooterContentTemplate>
|
|
</DxPopup>
|
|
|
|
@if (isLoading)
|
|
{
|
|
<div class="text-center m-5">
|
|
<DxWaitIndicator Visible="true"
|
|
CssClass="m-auto"
|
|
AnimationType="WaitIndicatorAnimationType.Spin" />
|
|
</div>
|
|
|
|
}
|
|
else if (!string.IsNullOrEmpty(errorMessage))
|
|
{
|
|
<div class="alert alert-danger">@errorMessage</div>
|
|
}
|
|
else
|
|
{
|
|
<div class="container mt-4">
|
|
<DxTabs>
|
|
<DxTabPage Text="Details">
|
|
|
|
|
|
@if (!editMode)
|
|
{
|
|
<section>
|
|
<div class="container py-4">
|
|
<div class="row d-flex justify-content-center align-items-center h-100">
|
|
<div class="col-md-10 col-lg-8 col-xl-6">
|
|
<div class="card" style="border-radius: 16px;">
|
|
<div class="card-header py-3 px-4">
|
|
<div class="d-flex justify-content-between align-items-center">
|
|
<div>
|
|
<span class="fw-bold text-body">Transfer identifier: @transfer.Id</span>
|
|
<p class="text-muted mb-0">@transfer.ContactPhone</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card-body p-4">
|
|
<div class="mb-4 pb-2">
|
|
<div class="mb-3">
|
|
<h4 class="fw-bold">Passenger: @transfer.FullName</h4>
|
|
<h4 class="fw-bold">E-mail address: @transfer.ContactEmail</h4>
|
|
<h5 class="text-muted">From: @transfer.FromAddress</h5>
|
|
<h5 class="text-muted">To: @transfer.ToAddress</h5>
|
|
<h5>@transfer.Appointment.ToString("MMMM dd, yyyy")</h5>
|
|
<h5 class="mb-3 text-muted">@transfer.Appointment.ToString("hh:mm tt")</h5>
|
|
<p>Passengers: @transfer.PassengerCount</p>
|
|
<p>Luggage: @transfer.LuggageCount</p>
|
|
<p>Flight number (optional): @transfer.FlightNumber</p>
|
|
<hr />
|
|
<h3>License plate: POX-382</h3>
|
|
<p class="text-muted">Car looks: Silver, Toyota, Prius</p>
|
|
<hr />
|
|
<p class="text-muted">Status on: <span class="text-body">@DateTime.Now.ToString("hh:mm tt"), @DateTime.Today.ToString("MMMM dd, yyyy")</span></p>
|
|
</div>
|
|
</div>
|
|
<div class="d-flex justify-content-between align-items-center">
|
|
<h4>EUR @transfer.Price <span class="small text-muted"> </span></h4>
|
|
</div>
|
|
</div>
|
|
<div class="card-footer p-4">
|
|
<div class="d-flex justify-content-between align-items-center">
|
|
<h5 class="fw-normal mb-0"><a href="#!" class="text-decoration-none">Contact driver</a></h5>
|
|
<div class="vr"></div>
|
|
<h5 class="fw-normal mb-0"><a href="#!" class="text-decoration-none">Cancel</a></h5>
|
|
<div class="vr"></div>
|
|
<DxButton RenderStyle="ButtonRenderStyle.Primary" Click="Pay">Pay</DxButton>
|
|
<div class="vr"></div>
|
|
<h5 class="fw-normal mb-0"><a class="btn btn-secondary" @onclick="SetEditMode">Modify</a></h5>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
}
|
|
|
|
else
|
|
{
|
|
|
|
|
|
<section>
|
|
<div class="container py-1">
|
|
<div class="row d-flex justify-content-center align-items-center h-100">
|
|
<div class="col-md-10 col-lg-8 col-xl-6">
|
|
<DxFormLayout>
|
|
<div class="card card-admin card-stepper" style="border-radius: 16px;">
|
|
<div class="card-header py-2 px-4">
|
|
<div class="d-flex justify-content-between align-items-center">
|
|
<div>
|
|
<span class="fw-bold text-body">Transfer identifier: @transfer.Id</span>
|
|
<p class="text-muted">
|
|
<DxFormLayoutItem ColSpanLg="12" CssClass="form-field dxbl-col-12" Caption="Contact Phone">
|
|
<DxTextBox @bind-Text="transfer.ContactPhone" />
|
|
</DxFormLayoutItem>
|
|
</p>
|
|
</div>
|
|
<div>
|
|
<h6 class="mb-0"> </h6>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card-body p-4">
|
|
<div class="d-flex flex-row mb-4 pb-2">
|
|
<div class="flex-fill">
|
|
|
|
<DxFormLayoutItem ColSpanLg="6" CssClass="form-field" Caption="First Name">
|
|
<DxTextBox @bind-Text="transfer.FirstName" />
|
|
</DxFormLayoutItem>
|
|
<DxFormLayoutItem ColSpanLg="6" CssClass="form-field" Caption="Last Name">
|
|
<DxTextBox @bind-Text="transfer.LastName" />
|
|
</DxFormLayoutItem>
|
|
|
|
<DxFormLayoutItem ColSpanLg="12" CssClass="form-field" Caption="Contact Email">
|
|
<DxTextBox @bind-Text="transfer.ContactEmail" />
|
|
</DxFormLayoutItem>
|
|
|
|
|
|
<DxFormLayoutItem ColSpanLg="12" CssClass="form-field" Caption="From Address">
|
|
<DxTextBox @bind-Text="transfer.FromAddress" />
|
|
</DxFormLayoutItem>
|
|
|
|
<DxFormLayoutItem ColSpanLg="12" CssClass="form-field" Caption="To Address">
|
|
<DxTextBox @bind-Text="transfer.ToAddress" />
|
|
</DxFormLayoutItem>
|
|
|
|
|
|
|
|
<DxFormLayoutItem ColSpanLg="12" CssClass="form-field" Caption="Appointment">
|
|
<DxDateEdit TimeSectionVisible="true" @bind-Date="transfer.Appointment" />
|
|
</DxFormLayoutItem>
|
|
|
|
<DxFormLayoutItem ColSpanLg="12" CssClass="form-field" Caption="Passenger Count">
|
|
<DxSpinEdit @bind-Value="transfer.PassengerCount" />
|
|
</DxFormLayoutItem>
|
|
|
|
<DxFormLayoutItem ColSpanLg="12" CssClass="form-field" Caption="Luggage Count">
|
|
<DxSpinEdit @bind-Value="transfer.LuggageCount" />
|
|
</DxFormLayoutItem>
|
|
|
|
<DxFormLayoutItem ColSpanLg="12" CssClass="form-field" Caption="Flight Number">
|
|
<DxTextBox @bind-Text="transfer.FlightNumber" />
|
|
</DxFormLayoutItem>
|
|
|
|
<hr />
|
|
<h4>License plate: POX-382</h4>
|
|
<p class="text-muted">Car looks: Silver, Toyota, Prius</p>
|
|
<hr />
|
|
<p class="text-muted">Status on: <span class="text-body">@DateTime.Now.TimeOfDay, @DateTime.Today.Date</span></p>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
<!--ul id="progressbar-1" class="mx-0 mt-0 mb-5 px-0 pt-0 pb-4">
|
|
<li class="step0 active" id="step1">
|
|
<span style="margin-left: 22px; margin-top: 12px;">PLACED</span>
|
|
</li>
|
|
<li class="step0 active text-center" id="step2"><span>WAITING FOR PICK UP</span></li>
|
|
<li class="step0 text-muted text-end" id="step3">
|
|
<span style="margin-right: 22px;">ARRIVED</span>
|
|
</li>
|
|
</ul-->
|
|
|
|
<div class="d-flex flex-row mb-4 pb-2">
|
|
<h4> EUR @transfer.Price <span class="small text-muted"> via (COD) </span></h4>
|
|
</div>
|
|
<div class="d-flex flex-row mb-4 pb-2">
|
|
<DxFormLayoutItem ColSpanLg="12" CssClass="form-field" Caption="Comment">
|
|
<DxMemo @bind-Text="transfer.Comment" />
|
|
</DxFormLayoutItem>
|
|
</div>
|
|
</div>
|
|
<div class="card-footer p-4">
|
|
<div class="d-flex justify-content-between">
|
|
<DxButton Click="@((e) => UpdateTransferEventHandler(e, true))">Save Changes</DxButton>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</DxFormLayout>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
}
|
|
|
|
</DxTabPage>
|
|
<DxTabPage Text="Messages">
|
|
<MessageDetailGridComponent ContextId="transferId" IsSenderEmailVisible="false" IsSubjectVisible="false"></MessageDetailGridComponent>
|
|
<DxButton Click="() => SendMail(transfer)" Text="Send a message" RenderStyle="ButtonRenderStyle.Primary" />
|
|
</DxTabPage>
|
|
</DxTabs>
|
|
</div>
|
|
}
|
|
|
|
@code {
|
|
[Parameter]
|
|
public Guid transferId { get; set; } = Guid.Empty;
|
|
|
|
private Transfer transfer = new Transfer();
|
|
private bool isLoading = true;
|
|
private string errorMessage = string.Empty;
|
|
|
|
private LoggerClient<EditTransfers> _logger;
|
|
|
|
private MessageWizardModel _messageWizardModel = new();
|
|
|
|
private bool _popupVisible;
|
|
private bool _autoCollapseDetailRow;
|
|
|
|
|
|
public List<string> IgnoreList =
|
|
[
|
|
"ReceiverEmailAddress",
|
|
"ReceiverFullName",
|
|
"ReceiverId",
|
|
"SenderEmailAddress",
|
|
"SenderFullName",
|
|
"SenderId",
|
|
"ContextId",
|
|
];
|
|
|
|
List<string> StatusTypes = new List<string>();
|
|
private bool editMode = false;
|
|
|
|
void SendMail(Transfer item)
|
|
{
|
|
_logger.Info($"Sending mail to {item.ContactEmail}, {item.Id}");
|
|
|
|
_messageWizardModel.ReceiverId = item.UserId;
|
|
_messageWizardModel.ContextId = item.Id;
|
|
_messageWizardModel.SenderEmailAddress = "info@touriam.com";
|
|
_messageWizardModel.ReceiverEmailAddress = item.ContactEmail;
|
|
_messageWizardModel.ReceiverFullName = item.FullName;
|
|
_popupVisible = true;
|
|
}
|
|
|
|
void CancelCreateClick()
|
|
{
|
|
|
|
_popupVisible = false;
|
|
}
|
|
|
|
void EulaPopupClosed()
|
|
{
|
|
//cancel clicked
|
|
|
|
}
|
|
|
|
void EulaPopupClosing(PopupClosingEventArgs args)
|
|
{
|
|
//myModel = new TransferWizardModel();
|
|
_messageWizardModel = new MessageWizardModel();
|
|
}
|
|
|
|
public async Task SubmitForm(object result)
|
|
{
|
|
var messageModel = result as MessageWizardModel;
|
|
messageModel.ContextId = _messageWizardModel.ContextId;
|
|
//messageModel.SenderId = sessionService.User.UserId;
|
|
|
|
string FormatEmailContent()
|
|
{
|
|
return $@"
|
|
<html>
|
|
<body>
|
|
<p>Dear {messageModel.SenderFullName},</p>
|
|
<p>{messageModel.Content}:</p>
|
|
<p>Best regards,<br/>Tour I Am team</p>
|
|
</body>
|
|
</html>";
|
|
}
|
|
|
|
messageModel.Content = FormatEmailContent();
|
|
|
|
_logger.Info(messageModel.Content);
|
|
var email = await wizardProcessor.ProcessWizardAsync<MessageWizardModel>(result.GetType(), messageModel);
|
|
|
|
_logger.Info($"Submitted nested form: {result.GetType().FullName}");
|
|
}
|
|
|
|
private async Task Pay()
|
|
{
|
|
if (transfer != null)
|
|
{
|
|
string paymentId = "";
|
|
if(transfer.PaymentId!=null)
|
|
{
|
|
//if we have already
|
|
paymentId = transfer.PaymentId;
|
|
}
|
|
else
|
|
{
|
|
//if we have no paymentId yet
|
|
paymentId = await SumUpService.CreatePaymentAsync(transfer);
|
|
transfer.PaymentId = paymentId;
|
|
//and save it to Db
|
|
var resultTransfer = await UpdateTransfer(false);
|
|
if (resultTransfer.PaymentId != null)
|
|
{
|
|
_logger.Debug("Added paymentId to Db: "+ resultTransfer.PaymentId);
|
|
}
|
|
}
|
|
string checkoutUrl = "sumuppayment/" + paymentId;
|
|
Console.WriteLine($"Payment Link: {paymentId}");
|
|
navigationManager.NavigateTo(checkoutUrl);
|
|
}
|
|
}
|
|
|
|
protected override async Task OnInitializedAsync()
|
|
{
|
|
foreach (var t in Enum.GetValues(typeof(TransferStatusType)).OfType<TransferStatusType>().ToList())
|
|
StatusTypes.Add(t.ToString());
|
|
|
|
_logger = new LoggerClient<EditTransfers>(LogWriters.ToArray());
|
|
_logger.Info($"parameter: {transferId.ToString()}");
|
|
await LoadTransfer();
|
|
}
|
|
|
|
protected override async Task OnParametersSetAsync()
|
|
{
|
|
_logger.Info($"on parameter set: {transferId.ToString()}");
|
|
base.OnParametersSet();
|
|
}
|
|
|
|
private void SetEditMode()
|
|
{
|
|
editMode = true;
|
|
}
|
|
|
|
private async Task LoadTransfer()
|
|
{
|
|
try
|
|
{
|
|
var response = await transferDataService.GetTransferByIdAsync(transferId);
|
|
|
|
if (response != null)
|
|
{
|
|
transfer = response;
|
|
}
|
|
|
|
else
|
|
{
|
|
errorMessage = $"Error loading transfer: {transfer.Id}";
|
|
}
|
|
}
|
|
catch (Exception ex)
|
|
{
|
|
errorMessage = $"Exception: {ex.Message}";
|
|
}
|
|
isLoading = false;
|
|
}
|
|
|
|
private async Task UpdateTransferEventHandler(MouseEventArgs e, bool shouldRedirect = false)
|
|
{
|
|
var result = await UpdateTransfer(shouldRedirect);
|
|
if (result != null && shouldRedirect)
|
|
navManager.NavigateTo("/mytransfers"); // Redirect to a list or another page after successful update
|
|
}
|
|
|
|
private async Task<Transfer> UpdateTransfer(bool shouldRedirect = false)
|
|
{
|
|
try
|
|
{
|
|
var responseTransfer = await transferDataService.UpdateTransferAsync(transfer);
|
|
if (responseTransfer != null)
|
|
{
|
|
return responseTransfer;
|
|
}
|
|
else
|
|
{
|
|
errorMessage = $"Error updating transfer: {transfer.Id}";
|
|
return null;
|
|
}
|
|
}
|
|
catch (Exception ex)
|
|
{
|
|
errorMessage = $"Exception: {ex.Message}";
|
|
return null;
|
|
}
|
|
}
|
|
}
|