Final Front Design
continuous-integration/drone/push Build is passing
Details
continuous-integration/drone/push Build is passing
Details
parent
2361cf2938
commit
3e1a00572c
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -1,61 +1,39 @@
|
||||
@using Models
|
||||
|
||||
<CascadingValue Value="@this">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
|
||||
<div>All items:</div>
|
||||
<div>
|
||||
<div class="css-grid">
|
||||
|
||||
<DataGrid TItem="Item"
|
||||
Data="@items"
|
||||
ReadData="@OnReadData"
|
||||
TotalItems="@totalItem"
|
||||
PageSize="10"
|
||||
ShowPager
|
||||
Responsive>
|
||||
<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: 50px; max-width: 150px" />
|
||||
}
|
||||
else
|
||||
{
|
||||
<img src="images/default.png" class="img-thumbnail" title="@context.DisplayName" alt="@context.DisplayName" style="max-width: 150px" />
|
||||
}
|
||||
</DisplayTemplate>
|
||||
</DataGridColumn>
|
||||
<DataGridColumn TItem="Item" Field="@nameof(Item.DisplayName)" Caption="Nom" />
|
||||
<DataGridColumn TItem="Item" Field="@nameof(Item.StackSize)" Caption="Taille Stack" />
|
||||
</DataGrid>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col-6">
|
||||
<div>Inventaire</div>
|
||||
|
||||
<div>
|
||||
|
||||
<div class="css-recipe">
|
||||
@for (int i = 0; i < 36; i++)
|
||||
<div class="css-grid">
|
||||
<div><h1>List of items :</h1></div>
|
||||
<DataGrid TItem="Item"
|
||||
Data="@items"
|
||||
ReadData="@OnReadData"
|
||||
TotalItems="@totalItem"
|
||||
PageSize="8"
|
||||
ShowPager
|
||||
Responsive>
|
||||
<DataGridColumn TItem="Item" Field="@nameof(Item.Id)" Caption="Image">
|
||||
<DisplayTemplate>
|
||||
@if (!string.IsNullOrWhiteSpace(context.ImageBase64))
|
||||
{
|
||||
<CraftingItem Index="@i" />
|
||||
|
||||
<img src="data:image/png;base64, @(context.ImageBase64)" class="img-thumbnail" title="@context.DisplayName" alt="@context.DisplayName" style ="min-width: 50px; max-width: 150px" />
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-18">
|
||||
<div>Actions</div>
|
||||
<div class="actions" id="actions">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
else
|
||||
{
|
||||
<img src="images/default.png" class="img-thumbnail" title="@context.DisplayName" alt="@context.DisplayName" style="max-width: 150px" />
|
||||
}
|
||||
</DisplayTemplate>
|
||||
</DataGridColumn>
|
||||
<DataGridColumn TItem="Item" Field="@nameof(Item.DisplayName)" Caption="Nom" />
|
||||
<DataGridColumn TItem="Item" Field="@nameof(Item.StackSize)" Caption="Taille Stack" />
|
||||
</DataGrid>
|
||||
</div>
|
||||
|
||||
<div><h1>My Inventory :</h1></div>
|
||||
<div class="css-recipe">
|
||||
@for (int i = 0; i < 27; i++)
|
||||
{
|
||||
<GetItemInInventory Index="@i" />
|
||||
|
||||
}
|
||||
</div>
|
||||
|
||||
</CascadingValue>
|
||||
|
Binary file not shown.
Binary file not shown.
File diff suppressed because one or more lines are too long
@ -1 +1 @@
|
||||
f933fda716cfd53fcaf7cf10a863274c5b653351
|
||||
229bd16bb9b4923f80464bcfeab9862ed937a469
|
||||
|
Binary file not shown.
Binary file not shown.
File diff suppressed because one or more lines are too long
Binary file not shown.
Binary file not shown.
@ -0,0 +1,7 @@
|
||||
.item[b-qx2dj81qjg] {
|
||||
margin: 10% 10% 10% 10%;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
border: 1px solid;
|
||||
overflow: hidden;
|
||||
}
|
@ -0,0 +1,17 @@
|
||||
.css-grid[b-7ik5rr5b8g] {
|
||||
float: right;
|
||||
width: 48%;
|
||||
}
|
||||
|
||||
.css-recipe[b-7ik5rr5b8g] {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(9,minmax(0,1fr));
|
||||
width: 48%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.actions[b-7ik5rr5b8g] {
|
||||
border: 1px solid black;
|
||||
height: 250px;
|
||||
clear: both;
|
||||
}
|
File diff suppressed because one or more lines are too long
After Width: | Height: | Size: 152 KiB |
Before Width: | Height: | Size: 343 B |
Before Width: | Height: | Size: 268 B |
Loading…
Reference in new issue