From a71b3ffe35f070d58324401829771877542f96be Mon Sep 17 00:00:00 2001
From: aujault <Aurian.JAULT@etu.uca.fr>
Date: Tue, 15 Nov 2022 12:00:31 +0100
Subject: [PATCH] Fonctionnement du display de plusieurs types

---
 Component/Card.razor                          |  4 +-
 Component/Card.razor.cs                       | 23 ++++++-----
 Component/ShowItems.razor                     | 12 ++++++
 Component/ShowItems.razor.cs                  | 13 +++++++
 .../CultureController.cs                      |  0
 Pages/Index.razor                             | 39 ++++++++++---------
 Pages/Index.razor.cs                          | 31 ++++++++++++++-
 Pages/List.razor                              | 12 +++---
 8 files changed, 96 insertions(+), 38 deletions(-)
 create mode 100644 Component/ShowItems.razor
 create mode 100644 Component/ShowItems.razor.cs
 rename {Controller => Controllers}/CultureController.cs (100%)

diff --git a/Component/Card.razor b/Component/Card.razor
index 69ded92..422077c 100644
--- a/Component/Card.razor
+++ b/Component/Card.razor
@@ -1,6 +1,6 @@
-@*@typeparam TItem
+@typeparam TItem
 <div class="card text-center">
     @CardHeader(Item)
     @CardBody(Item)
     @CardFooter
-</div>*@
\ No newline at end of file
+</div>
\ No newline at end of file
diff --git a/Component/Card.razor.cs b/Component/Card.razor.cs
index 86dae2d..9d4636b 100644
--- a/Component/Card.razor.cs
+++ b/Component/Card.razor.cs
@@ -1,16 +1,19 @@
 using Microsoft.AspNetCore.Components;
 
-public partial class Card<TItem>
+namespace Blazor.Component
 {
-    [Parameter]
-    public RenderFragment<TItem> CardBody { get; set; }
+    public partial class Card<TItem>
+    {
+        [Parameter]
+        public RenderFragment<TItem> CardBody { get; set; }
 
-    [Parameter]
-    public RenderFragment CardFooter { get; set; }
+        [Parameter]
+        public RenderFragment CardFooter { get; set; }
 
-    [Parameter]
-    public RenderFragment<TItem> CardHeader { get; set; }
+        [Parameter]
+        public RenderFragment<TItem> CardHeader { get; set; }
 
-    [Parameter]
-    public TItem Item { get; set; }
-}
\ No newline at end of file
+        [Parameter]
+        public TItem Item { get; set; }
+    }
+}
diff --git a/Component/ShowItems.razor b/Component/ShowItems.razor
new file mode 100644
index 0000000..7739061
--- /dev/null
+++ b/Component/ShowItems.razor
@@ -0,0 +1,12 @@
+@typeparam TItem
+
+<div>
+    @if ((Items?.Count ?? 0) != 0)
+    {
+        @foreach (var item in Items)
+        {
+            @ShowTemplate(item)
+            ;
+        }
+    }
+</div>
\ No newline at end of file
diff --git a/Component/ShowItems.razor.cs b/Component/ShowItems.razor.cs
new file mode 100644
index 0000000..086f2c9
--- /dev/null
+++ b/Component/ShowItems.razor.cs
@@ -0,0 +1,13 @@
+using Microsoft.AspNetCore.Components;
+
+namespace Blazor.Component
+{
+    public partial class ShowItems<TItem>
+    {
+        [Parameter]
+        public List<TItem> Items { get; set; }
+
+        [Parameter]
+        public RenderFragment<TItem> ShowTemplate { get; set; }
+    }
+}
diff --git a/Controller/CultureController.cs b/Controllers/CultureController.cs
similarity index 100%
rename from Controller/CultureController.cs
rename to Controllers/CultureController.cs
diff --git a/Pages/Index.razor b/Pages/Index.razor
index b51382a..47f10bb 100644
--- a/Pages/Index.razor
+++ b/Pages/Index.razor
@@ -1,6 +1,10 @@
 @page "/"
 @using System.Globalization
+@using Blazor.Component
 @using Blazor.Models;
+@using Component;
+@using Models;
+@using Blazor.Pages;
 
 <PageTitle>Index</PageTitle>
 
@@ -10,24 +14,21 @@ Welcome to your new app.
 
 <p>
     <b>CurrentCulture</b>: @CultureInfo.CurrentCulture
-</p>@*
-<Card Item="CakeItem">
-    <CardHeader>
-        <div class="card-header">
-            Cake Token Number - @context.Id
+</p>
+<ShowItems Items="Cakes" >
+    <ShowTemplate Context="CakeContext">
+        <div class="card text-center">
+            <div class="card-header">
+                Cake Token Id - @CakeContext.Id
+            </div>
+            <div class="card-body">
+                <h5 class="card-title">@CakeContext.Name</h5>
+                <p class="card-text">Price $@CakeContext.Cost</p>
+            </div>
+            <div class="card-footer text-muted">
+                Click Here
+            </div>
         </div>
-    </CardHeader>
-    <CardBody>
-        <div class="card-body">
-            <div>@context.Name</div>
-            <div>$ @context.Cost</div>
-        </div>
-    </CardBody>
-    <CardFooter>
-        <div class="card-footer text-muted">
-            Click Here
-        </div>
-    </CardFooter>
-</Card>*@
-
+    </ShowTemplate>
+</ShowItems>
 <SurveyPrompt Title="How is Blazor working for you?" />
diff --git a/Pages/Index.razor.cs b/Pages/Index.razor.cs
index db6aa01..2f8c5a6 100644
--- a/Pages/Index.razor.cs
+++ b/Pages/Index.razor.cs
@@ -1,7 +1,7 @@
 using Blazor.Models;
 
 namespace Blazor.Pages
-{ 
+{
     public partial class Index
     {
         private Cake CakeItem = new Cake
@@ -10,5 +10,34 @@ namespace Blazor.Pages
             Name = "Black Forest",
             Cost = 50
         };
+        public List<Cake> Cakes { get; set; }
+
+        protected override Task OnAfterRenderAsync(bool firstRender)
+        {
+            LoadCakes();
+            StateHasChanged();
+            return base.OnAfterRenderAsync(firstRender);
+        }
+
+        public void LoadCakes()
+        {
+            Cakes = new List<Cake>
+        {
+            // items hidden for display purpose
+            new Cake
+            {
+                Id = 1,
+                Name = "Red Velvet",
+                Cost = 60
+            },
+            new Cake
+            {
+                Id = 2,
+                Name = "Tiramisu",
+                Cost= 1000000,
+            }
+        };
+        }
     }
+
 }
diff --git a/Pages/List.razor b/Pages/List.razor
index 440fcb3..e44b71f 100644
--- a/Pages/List.razor
+++ b/Pages/List.razor
@@ -29,12 +29,6 @@
             }
         </DisplayTemplate>
     </DataGridColumn>
-    <DataGridColumn TItem="Item" Field="@nameof(Item.Id)" Caption="Action">
-        <DisplayTemplate>
-            <a href="Edit/@(context.Id)" class="btn btn-primary"><i class="fa fa-edit"></i> Editer</a>
-            <button type="button" class="btn btn-primary" @onclick="() => OnDelete(context.Id)"><i class="fa fa-trash"></i> Supprimer</button>
-        </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" />
@@ -48,4 +42,10 @@
             @(string.Join(", ", ((Item)context).RepairWith))
         </DisplayTemplate>
     </DataGridColumn>
+    <DataGridColumn TItem="Item" Field="@nameof(Item.Id)" Caption="Action">
+        <DisplayTemplate>
+            <a href="Edit/@(context.Id)" class="btn btn-primary"><i class="fa fa-edit"></i> Editer</a>
+            <button type="button" class="btn btn-primary" @onclick="() => OnDelete(context.Id)"><i class="fa fa-trash"></i> Supprimer</button>
+        </DisplayTemplate>
+    </DataGridColumn>
 </DataGrid>
\ No newline at end of file