You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
76 lines
3.2 KiB
76 lines
3.2 KiB
@using BlazorAppClean.Models;
|
|
|
|
<CascadingValue Value="@this">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-6">
|
|
|
|
<div>
|
|
<div class="content">
|
|
<div class="css-inv">
|
|
<div class="slotSpace">
|
|
<h1>Inventory</h1>
|
|
<InventoryItem Index="0" />
|
|
<InventoryItem Index="1" />
|
|
<InventoryItem Index="2" />
|
|
<InventoryItem Index="3" />
|
|
<InventoryItem Index="4" />
|
|
<InventoryItem Index="5" />
|
|
<InventoryItem Index="6" />
|
|
<InventoryItem Index="7" />
|
|
<InventoryItem Index="8" />
|
|
<InventoryItem Index="9" />
|
|
<InventoryItem Index="10" />
|
|
<InventoryItem Index="11" />
|
|
<InventoryItem Index="12" />
|
|
<InventoryItem Index="13" />
|
|
<InventoryItem Index="14" />
|
|
<InventoryItem Index="15" />
|
|
<InventoryItem Index="16" />
|
|
<InventoryItem Index="17" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-6">
|
|
|
|
<div>Available items:</div>
|
|
<div>
|
|
|
|
<div class="css-grid d-sm-block">
|
|
<DataGrid TItem="Item"
|
|
Data="@Items"
|
|
TotalItems="@totalItem"
|
|
PageSize="6"
|
|
ShowPager
|
|
Responsive>
|
|
<DataGridColumn TItem="Item" Field="@nameof(Item.Id)" Caption="#" />
|
|
<DataGridColumn TItem="Item" Field="@nameof(Item.Id)" Caption="Image">
|
|
<DisplayTemplate>
|
|
@if (!string.IsNullOrWhiteSpace(context.ImageBase64))
|
|
{
|
|
<img src="data:image/png;base64, @(context.ImageBase64)" class="img-thumbnail" title="@context.DisplayName" alt="@context.DisplayName" style="min-width: 60px; max-width: 60px" />
|
|
}
|
|
else
|
|
{
|
|
<img src="images/default.png" class="img-thumbnail" title="@context.DisplayName" alt="@context.DisplayName" style="max-width: 60px" />
|
|
}
|
|
</DisplayTemplate>
|
|
</DataGridColumn>
|
|
<DataGridColumn TItem="Item" Field="@nameof(Item.DisplayName)" Caption="Display name" />
|
|
|
|
|
|
</DataGrid>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div>Actions</div>
|
|
<div class="actions" id="actions">
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</CascadingValue> |