From 8980c314627e14d01830369d646e1bc8b85db409 Mon Sep 17 00:00:00 2001
From: unknown <damien.nortier@etu.uca.fr>
Date: Thu, 14 Dec 2023 17:05:35 +0100
Subject: [PATCH] feat : ajout de la page "liste de players"

---
 Blazor/Blazor/Pages/Players.razor    | 15 +++++++++++
 Blazor/Blazor/Pages/Players.razor.cs | 37 ++++++++++++++++++++++++++++
 2 files changed, 52 insertions(+)
 create mode 100644 Blazor/Blazor/Pages/Players.razor
 create mode 100644 Blazor/Blazor/Pages/Players.razor.cs

diff --git a/Blazor/Blazor/Pages/Players.razor b/Blazor/Blazor/Pages/Players.razor
new file mode 100644
index 0000000..e61883d
--- /dev/null
+++ b/Blazor/Blazor/Pages/Players.razor
@@ -0,0 +1,15 @@
+@page "/players"
+@using Blazor.Models;
+@using Blazorise.DataGrid
+<h3>Players</h3>
+
+<DataGrid TItem="Player"
+          Data="@players"
+          ReadData="@OnReadData"
+          TotalItems="@totalItem"
+          PageSize="10"
+          ShowPager
+          Responsive>
+    <DataGridColumn TItem="Player" Field="@nameof(Player.Id)" Caption="#" />
+    <DataGridColumn TItem="Player" Field="@nameof(Player.Nickname)" Caption="Display nickname" />
+</DataGrid>
\ No newline at end of file
diff --git a/Blazor/Blazor/Pages/Players.razor.cs b/Blazor/Blazor/Pages/Players.razor.cs
new file mode 100644
index 0000000..3bea558
--- /dev/null
+++ b/Blazor/Blazor/Pages/Players.razor.cs
@@ -0,0 +1,37 @@
+using Microsoft.AspNetCore.Components;
+using Blazor.Models;
+using Blazorise.DataGrid;
+
+namespace Blazor.Pages
+{
+    public partial class Players
+    {
+        public List<Player> players;
+
+        private int totalItem;
+
+        [Inject]
+        public HttpClient Http { get; set; }
+
+        [Inject]
+        public NavigationManager NavigationManager { get; set; }
+
+        private async Task OnReadData(DataGridReadDataEventArgs<Player> e)
+        {
+            if (e.CancellationToken.IsCancellationRequested)
+            {
+                return;
+            }
+
+            // When you use a real API, we use this follow code
+            //var response = await Http.GetJsonAsync<Item[]>( $"http://my-api/api/data?page={e.Page}&pageSize={e.PageSize}" );
+            var response = (await Http.GetFromJsonAsync<Player[]>($"{NavigationManager.BaseUri}fake-player.json")).Skip((e.Page - 1) * e.PageSize).Take(e.PageSize).ToList();
+
+            if (!e.CancellationToken.IsCancellationRequested)
+            {
+                totalItem = (await Http.GetFromJsonAsync<List<Player>>($"{NavigationManager.BaseUri}fake-player.json")).Count;
+                players = new List<Player>(response); // an actual data for the current page
+            }
+        }
+    }
+}
\ No newline at end of file