30 lines
2.7 KiB
Plaintext
30 lines
2.7 KiB
Plaintext
@using Indotalent.Features.Sales.Invoice.Cqrs
|
|
@using MudBlazor
|
|
|
|
<MudPaper Elevation="0" Outlined="true" Style="border-radius: 8px; border: 1px solid #E5E7EB;">
|
|
<div style="padding: 16px; border-bottom: 1px solid #E5E7EB; background-color: #F8FAFC;">
|
|
<MudText Typo="Typo.button" Color="Color.Primary" Style="font-weight: 800;">Referenced Sales Order Items</MudText>
|
|
</div>
|
|
|
|
<MudTable Items="Items" Striped="true" Class="mud-table-styled" Hover="true" Elevation="0" Dense="true" T="InvoiceSalesOrderItemResponse">
|
|
<HeaderContent>
|
|
<MudTh Style="font-weight: 600; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; color: #6B7280;">Product</MudTh>
|
|
<MudTh Style="font-weight: 600; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; color: #6B7280;">Summary</MudTh>
|
|
<MudTh Style="font-weight: 600; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; color: #6B7280; text-align: right;">Unit Price</MudTh>
|
|
<MudTh Style="font-weight: 600; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; color: #6B7280; text-align: right;">Quantity</MudTh>
|
|
<MudTh Style="font-weight: 600; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; color: #6B7280; text-align: right;">Total</MudTh>
|
|
</HeaderContent>
|
|
<RowTemplate>
|
|
<MudTd Style="padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6B7280; font-size: 0.875rem;" DataLabel="Product">@context.ProductName</MudTd>
|
|
<MudTd Style="padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6B7280; font-size: 0.875rem;" DataLabel="Summary">@context.Summary</MudTd>
|
|
<MudTd Style="padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6B7280; font-size: 0.875rem; text-align: right;" DataLabel="UnitPrice">@context.UnitPrice?.ToString("N2")</MudTd>
|
|
<MudTd Style="padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6B7280; font-size: 0.875rem; text-align: right;" DataLabel="Quantity">@context.Quantity</MudTd>
|
|
<MudTd Style="padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6B7280; font-size: 0.875rem; text-align: right; font-weight: 700;" DataLabel="Total">@context.Total?.ToString("N2")</MudTd>
|
|
</RowTemplate>
|
|
</MudTable>
|
|
</MudPaper>
|
|
|
|
@code {
|
|
[Parameter] public List<InvoiceSalesOrderItemResponse> Items { get; set; } = new();
|
|
[Parameter] public bool ReadOnly { get; set; } = true;
|
|
} |