inventoryList beginning

2 years ago · 42306ddaaa
parent 13d78e82a7
commit 42306ddaaa
6 changed files with 94 additions and 3 deletions
--- a/Blazor/Blazor/Components/InventoryList.razor
+++ b/Blazor/Blazor/Components/InventoryList.razor
@ -0,0 +1,31 @@
@using Blazor.Models
 <h3>Inventory Item List</h3>
 <DataGrid TItem="Item"
          Data="@items"
          ReadData="@OnReadData"
          TotalItems="@totalItem"
          PageSize="10"
          ShowPager
          Responsive>
    @for(int i = 0; i<10; i++)
    {
        <div style="height: 50px; width: 50px; color: red"/>
    }
    <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="width: 100px" />
        }
        else
        {
            <img src="images/default.png" class="img-thumbnail" title="@context.DisplayName" alt="@context.DisplayName" style="width: 100px"/>
        }
    </DisplayTemplate>
 </DataGridColumn>
    <DataGridColumn TItem="Item" Field="@nameof(Item.DisplayName)" Caption="Display name" />
    <DataGridColumn TItem="Item" Field="@nameof(Item.CreatedDate)" Caption="Created date" DisplayFormat="{0:d}" DisplayFormatProvider="@System.Globalization.CultureInfo.GetCultureInfo("fr-FR")" />
 </DataGrid>
--- a/Blazor/Blazor/Components/InventoryList.razor.cs
+++ b/Blazor/Blazor/Components/InventoryList.razor.cs
@ -0,0 +1,46 @@
 using Blazor.Models;
 using Blazor.Services;
 using Blazored.Modal;
 using Blazored.Modal.Services;
 using Blazorise.DataGrid;
 using Microsoft.AspNetCore.Components;
 using Microsoft.Extensions.Localization;
 namespace Blazor.Components
 {
        public partial class InventoryList
        {
            private List<Item> items;
            private int totalItem;
            [Inject]
            public IDataService DataService { get; set; }
            [Inject]
            public IWebHostEnvironment WebHostEnvironment { get; set; }
            [Inject]
            public NavigationManager NavigationManager { get; set; }
            [CascadingParameter]
            public IModalService Modal { get; set; }
            [Inject]
            public IStringLocalizer<InventoryList> Localizer { get; set; }
            private async Task OnReadData(DataGridReadDataEventArgs<Item> e)
            {
                if (e.CancellationToken.IsCancellationRequested)
                {
                    return;
                }
                if (!e.CancellationToken.IsCancellationRequested)
                {
                    items = await DataService.List(e.Page, e.PageSize);
                    totalItem = await DataService.Count();
                }
            }
    }
 }
--- a/Blazor/Blazor/Pages/Inventory.razor
+++ b/Blazor/Blazor/Pages/Inventory.razor
@ -0,0 +1,11 @@
@page "/inventory"
@using Blazor.Components
@using Blazor.Models
 <PageTitle>Counter</PageTitle>
 <h1>Inventory</h1>
 <div>
    <InventoryList/>
 </div>
--- a/Blazor/Blazor/Pages/List.razor
+++ b/Blazor/Blazor/Pages/List.razor
@ -2,8 +2,6 @@
@using Models
 <h3>@Localizer["Title"]</h3>
 ...
 <h3>List</h3>
 <div>
--- a/Blazor/Blazor/Pages/_Layout.cshtml
+++ b/Blazor/Blazor/Pages/_Layout.cshtml
@ -7,7 +7,7 @@
 <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <base href="https://codefirst.iut.uca.fr/containers/blazor-web-remiarnal/" />
+    @*<base href="https://codefirst.iut.uca.fr/containers/blazor-web-remiarnal/" />*@
    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css" />
    <link href="css/site.css" rel="stylesheet" />
    <link href="Blazor.styles.css" rel="stylesheet" />
--- a/Blazor/Blazor/Shared/NavMenu.razor
+++ b/Blazor/Blazor/Shared/NavMenu.razor
@ -29,6 +29,11 @@
                <span class="oi oi-list-rich" aria-hidden="true"></span> List
            </NavLink>
        </div>
        <div class="nav-item px-3">
            <NavLink class="nav-link" href="inventory">
                <span class="oi oi-box" aria-hidden="true"></span> Inventory
            </NavLink>
        </div>
    </nav>
 </div>