From 06fc14dc6834fa77a4d9c92c6197013cd2be0356 Mon Sep 17 00:00:00 2001
From: Lilian BRETON <libreton>
Date: Fri, 28 Oct 2022 12:00:35 +0200
Subject: [PATCH] Add next steps (CI...)

---
 BlazorApp/BlazorApp.sln                 |  2 +-
 BlazorApp/BlazorApp/App.razor           | 10 +++-------
 BlazorApp/BlazorApp/BlazorApp.csproj    |  2 ++
 BlazorApp/BlazorApp/Pages/List.razor    | 26 +++++++++++++++++++++++--
 BlazorApp/BlazorApp/Pages/List.razor.cs | 23 +++++++++++++++++-----
 BlazorApp/BlazorApp/Program.cs          |  3 +++
 BlazorApp/BlazorApp/_Imports.razor      |  3 +--
 7 files changed, 52 insertions(+), 17 deletions(-)

diff --git a/BlazorApp/BlazorApp.sln b/BlazorApp/BlazorApp.sln
index c9328cf..319df45 100644
--- a/BlazorApp/BlazorApp.sln
+++ b/BlazorApp/BlazorApp.sln
@@ -3,7 +3,7 @@ Microsoft Visual Studio Solution File, Format Version 12.00
 # Visual Studio Version 17
 VisualStudioVersion = 17.2.32616.157
 MinimumVisualStudioVersion = 10.0.40219.1
-Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "BlazorApp", "BlazorApp\BlazorApp.csproj", "{6C1A4035-8787-48D7-8042-3B17F3BD6BF7}"
+Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "BlazorApp", "BlazorApp\BlazorApp.csproj", "{6C1A4035-8787-48D7-8042-3B17F3BD6BF7}"
 EndProject
 Global
 	GlobalSection(SolutionConfigurationPlatforms) = preSolution
diff --git a/BlazorApp/BlazorApp/App.razor b/BlazorApp/BlazorApp/App.razor
index 623580d..3aaea28 100644
--- a/BlazorApp/BlazorApp/App.razor
+++ b/BlazorApp/BlazorApp/App.razor
@@ -1,12 +1,8 @@
-<Router AppAssembly="@typeof(App).Assembly">
+<Router AppAssembly="@typeof(Program).Assembly">
     <Found Context="routeData">
         <RouteView RouteData="@routeData" DefaultLayout="@typeof(MainLayout)" />
-        <FocusOnNavigate RouteData="@routeData" Selector="h1" />
     </Found>
     <NotFound>
-        <PageTitle>Not found</PageTitle>
-        <LayoutView Layout="@typeof(MainLayout)">
-            <p role="alert">Sorry, there's nothing at this address.</p>
-        </LayoutView>
+        <p>Sorry, there's nothing at this address.</p>
     </NotFound>
-</Router>
+</Router>
\ No newline at end of file
diff --git a/BlazorApp/BlazorApp/BlazorApp.csproj b/BlazorApp/BlazorApp/BlazorApp.csproj
index 6033f3c..9ccc8d5 100644
--- a/BlazorApp/BlazorApp/BlazorApp.csproj
+++ b/BlazorApp/BlazorApp/BlazorApp.csproj
@@ -7,6 +7,8 @@
   </PropertyGroup>
 
   <ItemGroup>
+    <PackageReference Include="Blazored.LocalStorage" Version="4.2.0" />
+    <PackageReference Include="Blazored.LocalStorage.TestExtensions" Version="4.2.0" />
     <PackageReference Include="Blazorise.Bootstrap" Version="1.1.2" />
     <PackageReference Include="Blazorise.DataGrid" Version="1.1.2" />
     <PackageReference Include="Blazorise.Icons.FontAwesome" Version="1.1.2" />
diff --git a/BlazorApp/BlazorApp/Pages/List.razor b/BlazorApp/BlazorApp/Pages/List.razor
index 02e0c15..ff2e5a5 100644
--- a/BlazorApp/BlazorApp/Pages/List.razor
+++ b/BlazorApp/BlazorApp/Pages/List.razor
@@ -1,13 +1,35 @@
 @page "/list"
-@using BlazorApp.Models;
+@using BlazorApp.Models
+
 
 <h3>List</h3>
 
+<div>
+    <NavLink class="btn btn-primary" href="Add" Match="NavLinkMatch.All">
+        <i class="fa fa-plus"></i> Ajouter
+    </NavLink>
+</div>
+
 <DataGrid TItem="Item"
           Data="@items"
-          PageSize="int.MaxValue"
+          ReadData="@OnReadData"
+          TotalItems="@totalItem"
+          PageSize="20"
+          ShowPager
           Responsive>
     <DataGridColumn TItem="Item" Field="@nameof(Item.Id)" Caption="#" />
+    <DataGridColumn TItem="Item" Field="@nameof(Item.Id)" Caption="Image">
+        <DisplayTemplate>
+            @if (File.Exists($"{WebHostEnvironment.WebRootPath}/images/{context.Name}.png"))
+            {
+                <img src="images/@(context.Name).png" class="img-thumbnail" title="@context.DisplayName" alt="@context.DisplayName" style="max-width: 100px"/>
+            }
+            else
+            {
+                <img src="images/default.png" class="img-thumbnail" title="@context.DisplayName" alt="@context.DisplayName" style="max-width: 100px"/>
+            }
+        </DisplayTemplate>
+    </DataGridColumn>
     <DataGridColumn TItem="Item" Field="@nameof(Item.DisplayName)" Caption="Display name" />
     <DataGridColumn TItem="Item" Field="@nameof(Item.StackSize)" Caption="Stack size" />
     <DataGridColumn TItem="Item" Field="@nameof(Item.MaxDurability)" Caption="Maximum durability" />
diff --git a/BlazorApp/BlazorApp/Pages/List.razor.cs b/BlazorApp/BlazorApp/Pages/List.razor.cs
index 601a050..2a550d7 100644
--- a/BlazorApp/BlazorApp/Pages/List.razor.cs
+++ b/BlazorApp/BlazorApp/Pages/List.razor.cs
@@ -1,21 +1,34 @@
 using BlazorApp.Models;
+using Blazorise.DataGrid;
 using Microsoft.AspNetCore.Components;
+using Blazored.LocalStorage;
 
 namespace BlazorApp.Pages
 {
     public partial class List
     {
-        private Item[] items;
+        private List<Item> items;
+
+        private int totalItem;
 
         [Inject]
-        public HttpClient Http { get; set; }
+        public IDataService DataService { get; set; }
 
         [Inject]
-        public NavigationManager NavigationManager { get; set; }
+        public IWebHostEnvironment WebHostEnvironment { get; set; }
 
-        protected override async Task OnInitializedAsync()
+        private async Task OnReadData(DataGridReadDataEventArgs<Item> e)
         {
-            items = await Http.GetFromJsonAsync<Item[]>($"{NavigationManager.BaseUri}fake-data.json");
+            if (e.CancellationToken.IsCancellationRequested)
+            {
+                return;
+            }
+
+            if (!e.CancellationToken.IsCancellationRequested)
+            {
+                items = await DataService.List(e.Page, e.PageSize);
+                totalItem = await DataService.Count();
+            }
         }
     }
 }
diff --git a/BlazorApp/BlazorApp/Program.cs b/BlazorApp/BlazorApp/Program.cs
index 07580cc..25e5eea 100644
--- a/BlazorApp/BlazorApp/Program.cs
+++ b/BlazorApp/BlazorApp/Program.cs
@@ -4,6 +4,7 @@ using Blazorise.Bootstrap;
 using Blazorise.Icons.FontAwesome;
 using Microsoft.AspNetCore.Components;
 using Microsoft.AspNetCore.Components.Web;
+using Blazored.LocalStorage;
 
 var builder = WebApplication.CreateBuilder(args);
 
@@ -19,6 +20,8 @@ builder.Services
    .AddBootstrapProviders()
    .AddFontAwesomeIcons();
 
+builder.Services.AddBlazoredLocalStorage();
+
 var app = builder.Build();
 
 // Configure the HTTP request pipeline.
diff --git a/BlazorApp/BlazorApp/_Imports.razor b/BlazorApp/BlazorApp/_Imports.razor
index 99af3ea..e7e8697 100644
--- a/BlazorApp/BlazorApp/_Imports.razor
+++ b/BlazorApp/BlazorApp/_Imports.razor
@@ -8,5 +8,4 @@
 @using Microsoft.JSInterop
 @using BlazorApp
 @using BlazorApp.Shared
-@using Blazorise.DataGrid
-
+@using Blazorise.DataGrid
\ No newline at end of file