69 lines
2.1 KiB
Plaintext
69 lines
2.1 KiB
Plaintext
@using BlazorAnimation
|
|
@using TIAM.Core.Enums
|
|
@using TIAM.Entities.Transfers
|
|
@using TIAM.Services
|
|
@using TIAMSharedUI.Shared.Components.Cards
|
|
@using TIAMWebApp.Shared.Application.Interfaces
|
|
@using TIAMWebApp.Shared.Application.Models.ClientSide.UI
|
|
@using TIAMWebApp.Shared.Application.Services
|
|
@using TIAM.Entities.Drivers
|
|
@inject IServiceProviderDataService ServiceProviderDataService
|
|
@inject AdminSignalRClient AdminSignalRClient;
|
|
|
|
<div class="e-card cw-480">
|
|
<div class="e-main d-flex align-items-center">
|
|
<div class="flex-shrink-0">
|
|
<img class="e-photo" src="_content/TIAMSharedUI/images/defaultcar_60.png" alt="" />
|
|
</div>
|
|
<div class="e-info flex-grow-1 ms-3">
|
|
<div class="e-name">@($"{MyCar.Color}")</div>
|
|
<p class="e-title"> @MyCar.Manufacture</p>
|
|
<p class="e-title"> @MyCar.CarModel</p>
|
|
</div>
|
|
</div>
|
|
|
|
<hr class="hr" />
|
|
|
|
<div class="row">
|
|
<div class="col-12 col-md-6">
|
|
@RenderDetailsItem("fa-solid fa-engine", "Engine", Enum.GetName(MyCar.CarMotorType))
|
|
</div>
|
|
<div class="col-12 col-md-6">
|
|
@RenderDetailsItem("fa-solid fa-location-dot", "Year", MyCar.YearOfMake.ToString())
|
|
</div>
|
|
<hr class="hr" />
|
|
<div class="col-12 col-md-4">
|
|
@RenderDetailsItem("fa-solid fa-users", "Seats", MyCar.SeatNumber.ToString())
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
@code {
|
|
[Parameter] public Car MyCar { get; set; }
|
|
|
|
protected override async Task OnInitializedAsync()
|
|
{
|
|
await base.OnInitializedAsync();
|
|
}
|
|
|
|
protected override Task OnParametersSetAsync()
|
|
{
|
|
|
|
return base.OnParametersSetAsync();
|
|
}
|
|
|
|
RenderFragment RenderDetailsItem(string iconCssClass, string caption, string value)
|
|
{
|
|
return @<div class="d-flex m-1 align-items-center">
|
|
<div class="icon-container flex-shrink-0">
|
|
<span class="dxbl-image m-1 @iconCssClass"></span>
|
|
</div>
|
|
<div class="text-container m-1 flex-grow-1 ms-2">
|
|
<label>@caption:</label>
|
|
<div>@value</div>
|
|
</div>
|
|
</div>;
|
|
}
|
|
}
|