303 lines
15 KiB
Plaintext
303 lines
15 KiB
Plaintext
@using AyCode.Core
|
|
@using AyCode.Core.Extensions
|
|
@using BlazorAnimation
|
|
@using TIAM.Entities.Transfers
|
|
@using TIAMSharedUI.Pages.User.SysAdmins
|
|
@using TIAMSharedUI.Shared
|
|
@using TIAMSharedUI.Shared.Components.Grids
|
|
@using TIAMWebApp.Shared.Application.Models;
|
|
@using TIAMWebApp.Shared.Application.Interfaces;
|
|
@using TIAMSharedUI.Pages.User;
|
|
@using TIAMWebApp.Shared.Application.Models.ClientSide.UI
|
|
@using TIAM.Services
|
|
|
|
<div class="row py-3">
|
|
|
|
<div class=" col-12 col-xl-3">
|
|
<Animation Effect="@Effect.FadeIn" Speed="@Speed.Fast" Delay="@TimeSpan.FromMilliseconds(250)">
|
|
<div class="card card-admin" 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">Hotel details</span>
|
|
|
|
</div>
|
|
<div>
|
|
<!--h6 class="mb-0"> <a href="#">All settings</a> </h6-->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card-body card-admin-body py-2 px-4">
|
|
<div class="d-flex flex-row mb-4 pb-2">
|
|
<div class="flex-fill">
|
|
<h4 class="bold">Your QR code</h4>
|
|
<p class="text-muted"> Use this in printed material, to gain referrals</p>
|
|
</div>
|
|
<div>
|
|
<a href="api/pictures/1" download="data:image/png;base64,@ImageSource" target="_top">
|
|
|
|
<img class="align-self-center img-fluid"
|
|
src="data:image/png;base64,@ImageSource" width="128" />
|
|
</a>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="d-flex flex-column mb-4 pb-2">
|
|
<h4> Hotel name: <span class="small text-muted"> @_hotelName </span></h4>
|
|
<h4> Address: <span class="small text-muted"> @_hotelAddress </span></h4>
|
|
<h4> Contact name: <span class="small text-muted"> @_hotelContactName</span></h4>
|
|
</div>
|
|
</div>
|
|
<div class="card-footer py-2 px-4">
|
|
<div class="d-flex justify-content-between">
|
|
|
|
<a href="#!">Modify</a>
|
|
<div class="border-start h-100"></div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</Animation>
|
|
</div>
|
|
<div class=" col-12 col-xl-9">
|
|
<Animation Effect="@Effect.FadeIn" Speed="@Speed.Fast" Delay="@TimeSpan.FromMilliseconds(250)">
|
|
<div class="card card-admin" 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">My orders</span>
|
|
|
|
</div>
|
|
<div>
|
|
<h6 class="mb-0"> <a href="/hotel/transfers/@ProductId">All transfers</a> </h6>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card-body card-admin-body py-2 px-4">
|
|
<div class="d-flex flex-row mb-4 pb-2">
|
|
|
|
<TransferGrid Logger="_logger"
|
|
SignalRClient="AdminSignalRClient"
|
|
ContextIds="@(Id.IsNullOrEmpty() ? null : [Id])"
|
|
GetAllMessageTag="@SignalRTags.GetTransfersByOrderingProductId"
|
|
CustomizeElement="Grid_CustomizeElement"
|
|
EditMode="GridEditMode.EditRow"
|
|
ColumnResizeMode="GridColumnResizeMode.NextColumn"
|
|
PageSize="13"
|
|
ShowFilterRow="true"
|
|
DetailRowDisplayMode="GridDetailRowDisplayMode.Never">
|
|
|
|
<Columns>
|
|
<DxGridCommandColumn NewButtonVisible="false" DeleteButtonVisible="AcDomain.IsDeveloperVersion" Width="80" MinWidth="80" FixedPosition="GridColumnFixedPosition.Left" />
|
|
<DxGridDataColumn FieldName="Id" ShowInColumnChooser="AcDomain.IsDeveloperVersion" Visible="AcDomain.IsDeveloperVersion" DisplayFormat="N" />
|
|
<DxGridDataColumn FieldName="OrderId" ReadOnly="true" Caption="Order" SortIndex="1" SortOrder="GridColumnSortOrder.Descending" Width="70">
|
|
<CellDisplayTemplate>
|
|
@{
|
|
var idKeyField = ((Transfer)context.DataItem).Id.ToString("N");
|
|
var editUri = $"hotel/mytransfers/{idKeyField}";
|
|
<NavLink href="@editUri">
|
|
<text>@context.Value</text>
|
|
</NavLink>
|
|
}
|
|
</CellDisplayTemplate>
|
|
</DxGridDataColumn>
|
|
<DxGridDataColumn FieldName="FullName" />
|
|
<DxGridDataColumn FieldName="ContactPhone" Width="120" />
|
|
<DxGridDataColumn FieldName="ContactEmail" Width="120" />
|
|
<DxGridDataColumn FieldName="Comment" Caption="Comment" />
|
|
<DxGridDataColumn FieldName="Created" DisplayFormat="g" Width="125" Visible="false" CaptionAlignment="GridTextAlignment.Center" TextAlignment="GridTextAlignment.Center" />
|
|
</Columns>
|
|
<DetailRowTemplate>
|
|
<DxTabs>
|
|
<DxTabPage Text="Messages">
|
|
<MessageDetailGridComponent ContextId="((Transfer)context.DataItem).Id" />
|
|
</DxTabPage>
|
|
<DxTabPage Text="Driver">
|
|
<TransferToDriverGridComponent ContextId="((Transfer)context.DataItem).Id" ParentData="(Transfer)context.DataItem" />
|
|
</DxTabPage>
|
|
</DxTabs>
|
|
</DetailRowTemplate>
|
|
|
|
|
|
</TransferGrid>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
<div class="card-footer py-2 px-4">
|
|
<div class="d-flex justify-content-between">
|
|
|
|
<a href="#!">Modify</a>
|
|
<div class="border-start h-100"></div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</Animation>
|
|
</div>
|
|
<div class=" col-12 col-xl-9">
|
|
<Animation Effect="@Effect.FadeIn" Speed="@Speed.Fast" Delay="@TimeSpan.FromMilliseconds(250)">
|
|
<div class="card card-admin" 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">Messages</span>
|
|
|
|
</div>
|
|
<div>
|
|
<h6 class="mb-0"> <a href="#">All messages</a> </h6>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card-body card-admin-body py-2 px-4">
|
|
@if (!Id.IsNullOrEmpty())
|
|
{
|
|
<MessageDetailGridComponent ContextId="@Id"></MessageDetailGridComponent>
|
|
}
|
|
</div>
|
|
<div class="card-footer py-2 px-4">
|
|
<div class="d-flex justify-content-between">
|
|
|
|
<a href="#!">Modify</a>
|
|
<div class="border-start h-100"></div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</Animation>
|
|
</div>
|
|
|
|
<div class="col-12 col-lg-3" hidden="@_accessDenied">
|
|
<Animation Effect="@Effect.FadeIn" Speed="@Speed.Fast" Delay="@TimeSpan.FromMilliseconds(250)">
|
|
<div class="card card-admin" 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">Income</span>
|
|
<p class="text-muted mb-0">Subtitle</p>
|
|
</div>
|
|
<div>
|
|
<h6 class="mb-0"> <a href="/user/income/@Id">All details</a> </h6>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card-body card-admin-body py-2 px-4">
|
|
<div class="d-flex flex-row mb-4 pb-2">
|
|
<TransferGrid Logger="_logger"
|
|
SignalRClient="AdminSignalRClient"
|
|
ContextIds="@(Id.IsNullOrEmpty() ? null : [Id])"
|
|
GetAllMessageTag="@SignalRTags.GetTransfersByOrderingProductId"
|
|
ColumnResizeMode="GridColumnResizeMode.NextColumn"
|
|
PageSize="13"
|
|
ShowFilterRow="true"
|
|
DetailRowDisplayMode="GridDetailRowDisplayMode.Never">
|
|
|
|
<Columns>
|
|
|
|
<DxGridDataColumn FieldName="Id" ShowInColumnChooser="AcDomain.IsDeveloperVersion" Visible="AcDomain.IsDeveloperVersion" DisplayFormat="N" />
|
|
<DxGridDataColumn FieldName="OrderId" Caption="Order" SortIndex="1" SortOrder="GridColumnSortOrder.Descending">
|
|
<CellDisplayTemplate>
|
|
@{
|
|
var idKeyField = ((Transfer)context.DataItem).Id.ToString("N");
|
|
var editUri = $"mytransfers/{idKeyField}";
|
|
<NavLink href="@editUri">
|
|
<text>@context.Value</text>
|
|
</NavLink>
|
|
}
|
|
</CellDisplayTemplate>
|
|
</DxGridDataColumn>
|
|
<DxGridDataColumn Caption="Paid" FieldName="Paid" TextAlignment="GridTextAlignment.Center" CaptionAlignment="GridTextAlignment.Center" />
|
|
<DxGridDataColumn FieldName="Revenue" Caption="Revenue" CaptionAlignment="GridTextAlignment.Center">
|
|
<CellDisplayTemplate>
|
|
@{
|
|
var idKeyField = ((Transfer)context.DataItem).Id.ToString("N");
|
|
|
|
|
|
<text>Eur @context.Value</text>
|
|
|
|
}
|
|
</CellDisplayTemplate>
|
|
</DxGridDataColumn>
|
|
</Columns>
|
|
</TransferGrid>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="card-footer py-2 px-4">
|
|
<div class="d-flex justify-content-between">
|
|
|
|
<a href="#!">Modify</a>
|
|
<div class="border-start h-100"></div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</Animation>
|
|
</div>
|
|
<div class=" col-12">
|
|
<Animation Effect="@Effect.FadeIn" Speed="@Speed.Fast" Delay="@TimeSpan.FromMilliseconds(250)">
|
|
<div class="card card-admin" 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">Affiliates</span>
|
|
<p class="text-muted mb-0">Details</p>
|
|
</div>
|
|
<div>
|
|
<h6 class="mb-0"> <a href="#">All details</a> </h6>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card-body card-admin-body py-2 px-4">
|
|
|
|
<style>
|
|
.dxbl-grid {
|
|
--dxbl-grid-font-family: inherit;
|
|
--dxbl-grid-font-size: 0.75rem;
|
|
--dxbl-grid-line-height: 1.4285;
|
|
--dxbl-grid-min-width: 240px;
|
|
--dxbl-grid-bg: #e7e6f7;
|
|
--dxbl-grid-color: #58457b;
|
|
}
|
|
</style>
|
|
|
|
<DxGrid Data="@_data">
|
|
<Columns>
|
|
<DxGridDataColumn FieldName="CompanyName" AllowSort="true" />
|
|
<DxGridDataColumn FieldName="ContactName" />
|
|
<DxGridDataColumn FieldName="ContactTitle" Width="3%" />
|
|
<DxGridDataColumn FieldName="Country" Width="10%" />
|
|
<DxGridDataColumn FieldName="City" Width="10%" />
|
|
<DxGridDataColumn FieldName="Address" />
|
|
<DxGridDataColumn FieldName="Phone" Width="10%" />
|
|
</Columns>
|
|
</DxGrid>
|
|
|
|
</div>
|
|
<div class="card-footer py-2 px-4">
|
|
<div class="d-flex justify-content-between">
|
|
|
|
<a href="#!">Modify</a>
|
|
<div class="border-start h-100"></div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</Animation>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
@code {
|
|
|
|
}
|