Merge pull request 'anotherBranch' (#1) from anotherBranch into master

Reviewed-on: #1

.idea/.idea.TP Blazor/.idea/indexLayout.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="UserContentModel">
+    <attachedFolders />
+    <explicitIncludes />
+    <explicitExcludes />
+  </component>
+</project>

.idea/.idea.TP Blazor/.idea/vcs.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="" vcs="Git" />
+  </component>
+</project>

.vscode/tasks.json

@@ -0,0 +1,41 @@
+{
+    "version": "2.0.0",
+    "tasks": [
+        {
+            "label": "build",
+            "command": "dotnet",
+            "type": "process",
+            "args": [
+                "build",
+                "${workspaceFolder}/TP Blazor/TP Blazor.csproj",
+                "/property:GenerateFullPaths=true",
+                "/consoleloggerparameters:NoSummary"
+            ],
+            "problemMatcher": "$msCompile"
+        },
+        {
+            "label": "publish",
+            "command": "dotnet",
+            "type": "process",
+            "args": [
+                "publish",
+                "${workspaceFolder}/TP Blazor/TP Blazor.csproj",
+                "/property:GenerateFullPaths=true",
+                "/consoleloggerparameters:NoSummary"
+            ],
+            "problemMatcher": "$msCompile"
+        },
+        {
+            "label": "watch",
+            "command": "dotnet",
+            "type": "process",
+            "args": [
+                "watch",
+                "run",
+                "--project",
+                "${workspaceFolder}/TP Blazor/TP Blazor.csproj"
+            ],
+            "problemMatcher": "$msCompile"
+        }
+    ]
+}

TP Blazor.sln

@@ -3,7 +3,7 @@ Microsoft Visual Studio Solution File, Format Version 12.00
 # Visual Studio Version 17
 VisualStudioVersion = 17.4.33205.214
 MinimumVisualStudioVersion = 10.0.40219.1
-Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "TP Blazor", "TP Blazor\TP Blazor.csproj", "{DC7DF5A3-75B4-4044-B267-88F4E7705712}"
+Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "TP Blazor", "TP Blazor\TP Blazor.csproj", "{DC7DF5A3-75B4-4044-B267-88F4E7705712}"
 EndProject
 Global
 	GlobalSection(SolutionConfigurationPlatforms) = preSolution

TP Blazor/App.razor

@@ -1,12 +1,14 @@
-<Router AppAssembly="@typeof(App).Assembly">
+<CascadingBlazoredModal>
-    <Found Context="routeData">
+    <Router AppAssembly="@typeof(App).Assembly">
-        <RouteView RouteData="@routeData" DefaultLayout="@typeof(MainLayout)" />
+        <Found Context="routeData">
-        <FocusOnNavigate RouteData="@routeData" Selector="h1" />
+            <RouteView RouteData="@routeData" DefaultLayout="@typeof(MainLayout)" />
-    </Found>
+            <FocusOnNavigate RouteData="@routeData" Selector="h1" />
-    <NotFound>
+        </Found>
-        <PageTitle>Not found</PageTitle>
+        <NotFound>
-        <LayoutView Layout="@typeof(MainLayout)">
+            <PageTitle>Not found</PageTitle>
-            <p role="alert">Sorry, there's nothing at this address.</p>
+            <LayoutView Layout="@typeof(MainLayout)">
-        </LayoutView>
+                <p role="alert">Sorry, there's nothing at this address.</p>
-    </NotFound>
+            </LayoutView>
-</Router>
+        </NotFound>
+    </Router>
+</CascadingBlazoredModal>

TP Blazor/Components/Card.razor

@@ -0,0 +1,10 @@
+@using TP_Blazor.Models
+
+<h3>Card</h3>
+
+@typeparam TItem
+<div class="card text-center">
+    @CardHeader(Item)
+    @CardBody(Item)
+    @CardFooter
+</div>

TP Blazor/Components/Card.razor.cs

@@ -0,0 +1,16 @@
+using Microsoft.AspNetCore.Components;
+
+namespace TP_Blazor.Components
+{
+    public partial class Card<TItem>
+    {
+        [Parameter]
+        public RenderFragment<TItem> CardBody { get; set; }
+
+        [Parameter]
+        public RenderFragment<TItem> CardHeader { get; set; }
+
+        [Parameter]
+        public RenderFragment CardFooter { get; set; }
+    }
+}

TP Blazor/Controllers/CultureController.cs

@@ -0,0 +1,19 @@
+using Microsoft.AspNetCore.Localization;
+using Microsoft.AspNetCore.Mvc;
+
+namespace TP_Blazor.Controllers;
+
+[Route("[controller]/[action]")]
+public class CultureController:Controller
+{
+    public IActionResult SetCulture(string culture, string returnUrl)
+    {
+        if(culture != null)
+        {
+            this.HttpContext.Response.Cookies.Append(
+                CookieRequestCultureProvider.DefaultCookieName,
+                CookieRequestCultureProvider.MakeCookieValue(new RequestCulture(culture)));
+        }
+        return this.LocalRedirect(returnUrl);
+    }
+}

TP Blazor/Factories/ItemFactory.cs

@@ -0,0 +1,48 @@
+using TP_Blazor.Models;
+
+namespace TP_Blazor.Factories;
+
+public static class ItemFactory
+{
+    public static ItemModel ToModel(Item item, byte[] imageContent)
+    {
+        return new ItemModel
+        {
+            Id = item.Id,
+            DisplayName = item.DisplayName,
+            Name = item.Name,
+            RepairWith = item.RepairWith,
+            EnchantCategories = item.EnchantCategories,
+            MaxDurability = item.MaxDurability,
+            StackSize = item.StackSize,
+            ImageContent = imageContent
+        };
+    }
+
+    public static Item Create(ItemModel model)
+    {
+        return new Item
+        {
+            Id = model.Id,
+            DisplayName = model.DisplayName,
+            Name = model.Name,
+            RepairWith = model.RepairWith,
+            EnchantCategories = model.EnchantCategories,
+            MaxDurability = model.MaxDurability,
+            StackSize = model.StackSize,
+            CreatedDate = DateTime.Now
+        };
+    }
+
+    public static void Update(Item item, ItemModel model)
+    {
+        item.DisplayName = model.DisplayName;
+        item.Name = model.Name;
+        item.RepairWith = model.RepairWith;
+        item.EnchantCategories = model.EnchantCategories;
+        item.MaxDurability = model.MaxDurability;
+        item.StackSize = model.StackSize;
+        item.UpdatedDate = DateTime.Now;
+    }
+    
+}

TP Blazor/Modals/DeleteConfirmation.razor

@@ -0,0 +1,10 @@
+<div class="simple-form">
+    
+    <p>
+        Are you sure you want to delete @item.DisplayName ?
+    </p>
+
+    <button @onclick="ConfirmDelete" class="btn btn-primary">Delete</button>
+
+    <button @onclick="Cancel" class="btn btn-secondary">Cancel</button>
+</div>

TP Blazor/Modals/DeleteConfirmation.razor.cs

@@ -0,0 +1,37 @@
+using Blazored.Modal;
+using Blazored.Modal.Services;
+using Microsoft.AspNetCore.Components;
+using TP_Blazor.Models;
+using TP_Blazor.Services;
+
+namespace TP_Blazor.Modals;
+
+public partial class DeleteConfirmation
+{
+    [CascadingParameter]
+    public BlazoredModalInstance ModalInstance { get; set; }
+
+    [Inject]
+    public IDataService DataService { get; set; }
+
+    [Parameter]
+    public int Id { get; set; }
+
+    private Item item = new Item();
+
+    protected override async Task OnInitializedAsync()
+    {
+        // Get the item
+        item = await DataService.GetById(Id);
+    }
+
+    void ConfirmDelete()
+    {
+        ModalInstance.CloseAsync(ModalResult.Ok(true));
+    }
+
+    void Cancel()
+    {
+        ModalInstance.CancelAsync();
+    }
+}

TP Blazor/Models/ItemModel.cs

@@ -0,0 +1,38 @@
+using System;
+using System.ComponentModel.DataAnnotations;
+
+namespace TP_Blazor.Models;
+
+public class ItemModel
+{
+    public int Id { get; set; }
+
+    [Required]
+    [StringLength(50, ErrorMessage = "Le nom affiché ne doit pas dépasser 50 caractères.")]
+    public string DisplayName { get; set; }
+
+    [Required]
+    [StringLength(50, ErrorMessage = "Le nom ne doit pas dépasser 50 caractères.")]
+    [RegularExpression(@"^[a-z''-'\s]{1,40}$", ErrorMessage = "Seulement les caractères en minuscule sont acceptées.")]
+    public string Name { get; set; }
+
+    [Required]
+    [Range(1, 64)]
+    public int StackSize { get; set; }
+
+    [Required]
+    [Range(1, 125)]
+    public int MaxDurability { get; set; }
+
+    public List<string> EnchantCategories { get; set; }
+
+    public List<string> RepairWith { get; set; }
+
+    [Required]
+    [Range(typeof(bool), "true", "true", ErrorMessage = "Vous devez accepter les conditions.")]
+    public bool AcceptCondition { get; set; }
+
+    [Required(ErrorMessage = "L'image de l'item est obligatoire !")]
+    public byte[] ImageContent { get; set; }
+}
+

TP Blazor/Pages/Add.razor

@@ -0,0 +1,72 @@
+@page "/add"
+
+<h3>Add</h3>
+
+<EditForm Model="@itemModel" OnValidSubmit="@OnHandleValidSubmit">
+    <DataAnnotationsValidator />
+    <p>
+        <label for="display-name">
+            Display name:
+            <InputText id="display-name" @bind-Value="itemModel.DisplayName" />
+
+        </label>
+    </p>
+    <p>
+        <label for="name">
+            Name:
+            <InputText id="name" @bind-Value="itemModel.Name" />
+        </label>
+    </p>
+    <p>
+        <label for="stack-size">
+            Stack size:
+            <InputNumber id="stack-size" @bind-Value="itemModel.StackSize" />
+        </label>
+    </p>
+    <p>
+        <label for="max-durability">
+            Max durability:
+            <InputNumber id="max-durability" @bind-Value="itemModel.MaxDurability" />
+        </label>
+    </p>
+    <p>
+        Enchant categories:
+        <div>
+            @foreach (var item in enchantCategories)
+            {
+                <label>
+                    <input type="checkbox" @onchange="@(e => OnEnchantCategoriesChange(item, e.Value))" />@item
+                </label>
+            }
+        </div>
+    </p>
+    <p>
+        Repair with:
+        <div>
+            @foreach (var item in repairWith)
+            {
+                <label>
+                    <input type="checkbox" @onchange="@(e => OnRepairWithChange(item, e.Value))" />@item
+                </label>
+            }
+        </div>
+    </p>
+    <p>
+        <label>
+            Item image:
+            <InputFile OnChange="@LoadImage" accept=".png" />
+        </label>
+    </p>
+    <p>
+        <label>
+            Accept Condition:
+            <InputCheckbox @bind-Value="itemModel.AcceptCondition" />
+        </label>
+    </p>
+
+    <button type="submit">Submit</button>
+    <ValidationSummary />
+</EditForm>
+
+
+

TP Blazor/Pages/Add.razor.cs

@@ -0,0 +1,116 @@
+using System;
+using System.Security.Cryptography;
+using Blazored.LocalStorage;
+using Microsoft.AspNetCore.Components;
+using Microsoft.AspNetCore.Components.Forms;
+using TP_Blazor.Models;
+using TP_Blazor.Services;
+
+namespace TP_Blazor.Pages;
+
+public partial class Add
+{
+    [Inject]
+    ILocalStorageService LocalStorage { get; set; }
+
+    [Inject]
+    IWebHostEnvironment WebHostEnvironment { get; set; }
+
+    [Inject]
+    public NavigationManager NavigationManager { get; set; }
+
+    private List<string> enchantCategories = new List<string>() { "armor", "armor_head", "armor_chest", "weapon", "digger", "breakable", "vanishable" };
+    private List<string> repairWith = new List<string>() { "oak_planks", "spruce_planks", "birch_planks", "jungle_planks", "acacia_planks", "dark_oak_planks", "crimson_planks", "warped_planks" };
+    
+    [Inject]
+    private IDataService DataService{ get; set; }
+    
+
+
+
+    private ItemModel itemModel = new()
+    {
+        EnchantCategories = new List<string>(),
+        RepairWith = new List<string>()
+    };
+
+    private async void OnHandleValidSubmit()
+    {
+        /*var currentData = await LocalStorage.GetItemAsync<List<Item>>("data");
+        itemModel.Id = currentData.Max(s => s.Id) + 1;
+        currentData.Add(new Item
+        {
+            Id = itemModel.Id,
+            DisplayName = itemModel.DisplayName,
+            Name = itemModel.Name,
+            RepairWith = itemModel.RepairWith,
+            EnchantCategories = itemModel.EnchantCategories,
+            MaxDurability = itemModel.MaxDurability,
+            StackSize = itemModel.StackSize,
+            CreatedDate = DateTime.Now
+        });
+
+        var imagePathInfo = new DirectoryInfo($"{WebHostEnvironment.WebRootPath}/images");
+
+        if (!imagePathInfo.Exists)
+        {
+            imagePathInfo.Create();
+        }
+
+        var fileName = new FileInfo($"{imagePathInfo}/{itemModel.Name}.png");
+        await File.WriteAllBytesAsync(fileName.FullName, itemModel.ImageContent);
+
+        await LocalStorage.SetItemAsync("data", currentData);
+        NavigationManager.NavigateTo("list");*/
+        await DataService.Add(itemModel);
+        NavigationManager.NavigateTo("list");
+    }
+
+    private async Task LoadImage(InputFileChangeEventArgs e)
+    {
+
+        using (var memoryStream = new MemoryStream())
+        {
+            await e.File.OpenReadStream().CopyToAsync(memoryStream);
+            itemModel.ImageContent = memoryStream.ToArray();
+        }
+    }
+
+    private void OnEnchantCategoriesChange(string item, object checkedValue)
+    {
+        if ((bool)checkedValue)
+        {
+            if (!itemModel.EnchantCategories.Contains(item))
+            {
+                itemModel.EnchantCategories.Add(item);
+            }
+
+            return;
+        }
+
+        if (itemModel.EnchantCategories.Contains(item))
+        {
+            itemModel.EnchantCategories.Remove(item);
+        }
+    }
+
+    private void OnRepairWithChange(string item, object checkedValue)
+    {
+        if ((bool)checkedValue)
+        {
+            if (!itemModel.RepairWith.Contains(item))
+            {
+                itemModel.RepairWith.Add(item);
+            }
+
+            return;
+        }
+
+        if (itemModel.RepairWith.Contains(item))
+        {
+            itemModel.RepairWith.Remove(item);
+        }
+    }
+
+}
+

TP Blazor/Pages/Edit.razor

@@ -0,0 +1,81 @@
+@page "/edit/{Id:int}"
+
+<h3>Edit</h3>
+<EditForm Model="@itemModel" OnValidSubmit="@HandleValidSubmit">
+    <DataAnnotationsValidator />
+    <ValidationSummary />
+
+    <p>
+        <label for="display-name">
+            Display name:
+            <InputText id="display-name" @bind-Value="itemModel.DisplayName" />
+        </label>
+    </p>
+    <p>
+        <label for="name">
+            Name:
+            <InputText id="name" @bind-Value="itemModel.Name" />
+        </label>
+    </p>
+    <p>
+        <label for="stack-size">
+            Stack size:
+            <InputNumber id="stack-size" @bind-Value="itemModel.StackSize" />
+        </label>
+    </p>
+    <p>
+        <label for="max-durability">
+            Max durability:
+            <InputNumber id="max-durability" @bind-Value="itemModel.MaxDurability" />
+        </label>
+    </p>
+    <p>
+        Enchant categories:
+        <div>
+            @foreach (var item in enchantCategories)
+            {
+                <label>
+                    <input type="checkbox" @onchange="@(e => OnEnchantCategoriesChange(item, e.Value))" checked="@(itemModel.EnchantCategories.Contains(item) ? "checked" : null)" />@item
+                </label>
+            }
+        </div>
+    </p>
+    <p>
+        Repair with:
+        <div>
+            @foreach (var item in repairWith)
+            {
+                <label>
+                    <input type="checkbox" @onchange="@(e => OnRepairWithChange(item, e.Value))" checked="@(itemModel.RepairWith.Contains(item) ? "checked" : null)" />@item
+                </label>
+            }
+        </div>
+    </p>
+    <p>
+        <label>
+            Current Item image:
+            @if (File.Exists($"{WebHostEnvironment.WebRootPath}/images/{itemModel.Name}.png"))
+            {
+                <img src="images/@(itemModel.Name).png" class="img-thumbnail" title="@itemModel.DisplayName" alt="@itemModel.DisplayName" style="max-width: 150px"/>
+            }
+            else
+            {
+                <img src="images/default.png" class="img-thumbnail" title="@itemModel.DisplayName" alt="@itemModel.DisplayName" style="max-width: 150px"/>
+            }
+        </label>
+    </p>
+    <p>
+        <label>
+            Item image:
+            <InputFile OnChange="@LoadImage" accept=".png" />
+        </label>
+    </p>
+    <p>
+        <label>
+            Accept Condition:
+            <InputCheckbox @bind-Value="itemModel.AcceptCondition" />
+        </label>
+    </p>
+
+    <button type="submit">Submit</button>
+</EditForm>

TP Blazor/Pages/Edit.razor.cs

@@ -0,0 +1,106 @@
+using Microsoft.AspNetCore.Components;
+using Microsoft.AspNetCore.Components.Forms;
+using TP_Blazor.Factories;
+using TP_Blazor.Models;
+using TP_Blazor.Services;
+
+namespace TP_Blazor.Pages;
+
+public partial class Edit
+{
+    [Parameter]
+    public int Id { get; set; }
+    
+    private List<string> enchantCategories = new List<string>() { "armor", "armor_head", "armor_chest", "weapon", "digger", "breakable", "vanishable" };
+
+    /// <summary>
+    /// The current item model
+    /// </summary>
+    private ItemModel itemModel = new()
+    {
+        EnchantCategories = new List<string>(),
+        RepairWith = new List<string>()
+    };
+
+    /// <summary>
+    /// The default repair with.
+    /// </summary>
+    private List<string> repairWith = new List<string>() { "oak_planks", "spruce_planks", "birch_planks", "jungle_planks", "acacia_planks", "dark_oak_planks", "crimson_planks", "warped_planks" };
+
+    [Inject]
+    public IDataService DataService { get; set; }
+
+    [Inject]
+    public NavigationManager NavigationManager { get; set; }
+
+    [Inject]
+    public IWebHostEnvironment WebHostEnvironment { get; set; }
+
+    protected override async Task OnInitializedAsync()
+    {
+        var item = await DataService.GetById(Id);
+
+        var fileContent = await File.ReadAllBytesAsync($"{WebHostEnvironment.WebRootPath}/images/default.png");
+
+        if (File.Exists($"{WebHostEnvironment.WebRootPath}/images/{itemModel.Name}.png"))
+        {
+            fileContent = await File.ReadAllBytesAsync($"{WebHostEnvironment.WebRootPath}/images/{item.Name}.png");
+        }
+
+        // Set the model with the item
+        itemModel =ItemFactory.ToModel(item, fileContent);
+    }
+
+    private async void HandleValidSubmit()
+    {
+        await DataService.Update(Id, itemModel);
+
+        NavigationManager.NavigateTo("list");
+    }
+
+    private async Task LoadImage(InputFileChangeEventArgs e)
+    {
+        // Set the content of the image to the model
+        using (var memoryStream = new MemoryStream())
+        {
+            await e.File.OpenReadStream().CopyToAsync(memoryStream);
+            itemModel.ImageContent = memoryStream.ToArray();
+        }
+    }
+
+    private void OnEnchantCategoriesChange(string item, object checkedValue)
+    {
+        if ((bool)checkedValue)
+        {
+            if (!itemModel.EnchantCategories.Contains(item))
+            {
+                itemModel.EnchantCategories.Add(item);
+            }
+
+            return;
+        }
+
+        if (itemModel.EnchantCategories.Contains(item))
+        {
+            itemModel.EnchantCategories.Remove(item);
+        }
+    }
+
+    private void OnRepairWithChange(string item, object checkedValue)
+    {
+        if ((bool)checkedValue)
+        {
+            if (!itemModel.RepairWith.Contains(item))
+            {
+                itemModel.RepairWith.Add(item);
+            }
+
+            return;
+        }
+
+        if (itemModel.RepairWith.Contains(item))
+        {
+            itemModel.RepairWith.Remove(item);
+        }
+    }
+}

TP Blazor/Pages/Index.razor

@@ -1,9 +1,28 @@
 @page "/"
+@using System.Globalization
+@using TP_Blazor.Components
 
 <PageTitle>Index</PageTitle>
 
 <h1>Hello, world!</h1>
+<p>
+    <b>CurrentCulture</b>: @CultureInfo.CurrentCulture
+</p>
 
-Welcome to your new app.
+<Card>
-
+    <CardHeader>
-<SurveyPrompt Title="How is Blazor working for you?" />
+        <div class="card-header">
+            My templated Component Header
+        </div>
+    </CardHeader>
+    <CardBody>
+        <div class="card-body">
+            <h4>Template Component Body</h4>
+        </div>
+    </CardBody>
+    <CardFooter>
+        <div class="card-footer">
+            template component Footer
+        </div>
+    </CardFooter>
+</Card>

TP Blazor/Pages/List.razor

@@ -1,8 +1,12 @@
 @page "/list"
 @using TP_Blazor.Models
-<h3>Liste</h3>
+<h3>@Localizer["Title"]</h3>
 
-@*@if (items!=null)
    {
        <table class="table">
            <thead>
                <tr>
+@*@if (items!=null)
+    {
+        <table class="table">
+            <thead>
+                <tr>
                     <th>Id</th>
                     <th>Display Name</th>
                     <th>Stack Size</th>
@@ -10,7 +14,9 @@
                     <th>Enchant Categories</th>
                     <th>Repair With</th>
                     <th>Created Date</th>
-                </tr>
            </thead>
            <tbody>
+                </tr>
+            </thead>
+            <tbody>
                 @foreach (var item in items)
                 {
                     <tr>
@@ -23,8 +29,24 @@
                         <td>@item.CreatedDate.ToShortDateString()</td>
                     </tr>
                 }
-            </tbody>
        </table>

    }*@

<DataGrid TItem="Item" Data="@items" ReadData="@OnReadData" TotalItems="@totalItem" ShowPager  PageSize="10" Responsive >
+            </tbody>
+        </table>
+
+    }*@
+
+<div>
+    <NavLink class="btn btn-primary" href="add" Match="NavLinkMatch.All">
+        <i class="fa fa-plus"></i> @Localizer["btnTitle"]
+    </NavLink>
+</div>
+
+<DataGrid TItem="Item" Data="@items" ReadData="@OnReadData" TotalItems="@totalItem" ShowPager PageSize="10" Responsive>
     <DataGridColumn TItem="Item" Field="@nameof(Item.Id)" Caption="#" />
+    <DataGridColumn TItem="Item" Field="@nameof(Item.Id)" Caption="Image">
+        <DisplayTemplate>
+            <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="Display name" />
     <DataGridColumn TItem="Item" Field="@nameof(Item.StackSize)" Caption="Stack size" />
     <DataGridColumn TItem="Item" Field="@nameof(Item.MaxDurability)" Caption="Maximum durability" />
@@ -39,4 +61,10 @@
         </DisplayTemplate>
     </DataGridColumn>
     <DataGridColumn TItem="Item" Field="@nameof(Item.CreatedDate)" Caption="Created date" DisplayFormat="{0:d}" DisplayFormatProvider="@System.Globalization.CultureInfo.GetCultureInfo("fr-FR")" />
+    <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>

TP Blazor/Pages/List.razor.cs

@@ -2,6 +2,13 @@
 using Blazorise.DataGrid;
 using Microsoft.AspNetCore.Components;
 using TP_Blazor.Models;
+using Blazored;
+using Blazored.LocalStorage;
+using Blazored.Modal;
+using Blazored.Modal.Services;
+using TP_Blazor.Modals;
+using TP_Blazor.Services;
+using Microsoft.Extensions.Localization;
 
 namespace TP_Blazor.Pages;
 
@@ -15,31 +22,77 @@ public partial class List
     private int totalItem;
 
     [Inject]
-    public HttpClient Http { get; set; }
+    public IStringLocalizer<List> Localizer { get; set; }
+    [Inject]
+    public HttpClient HttpClient { get; set; }
+    
+    [Inject]
+    public IDataService DataService { get; set; }
+    
+    [CascadingParameter]
+    public IModalService Modal { get; set; }
 
     [Inject]
     public NavigationManager NavigationManager { get; set; }
 
+    [Inject]
+    IWebHostEnvironment WebHostEnvironment { get; set; }
+
+    [Inject]
+    public ILocalStorageService LocalStorage { get; set; }
+
+    
+
     private async Task OnReadData(DataGridReadDataEventArgs<Item> e)
     {
         if (e.CancellationToken.IsCancellationRequested)
         {
             return;
         }
-        var response = (await Http.GetFromJsonAsync<Item[]>($"{NavigationManager.BaseUri}fake-data.json")).Skip((e.Page - 1) * e.PageSize).Take(e.PageSize).ToList();
+        //var response = (await HttpClient.GetFromJsonAsync<Item[]>($"{NavigationManager.BaseUri}fake-data.json")).Skip((e.Page - 1) * e.PageSize).Take(e.PageSize).ToList();
 
         if (!e.CancellationToken.IsCancellationRequested)
         {
-            totalItem = (await Http.GetFromJsonAsync<List<Item>>($"{NavigationManager.BaseUri}fake-data.json")).Count;
+            //totalItem = (await HttpClient.GetFromJsonAsync<List<Item>>($"{NavigationManager.BaseUri}fake-data.json")).Count;
-            items = new List<Item>(response); // an actual data for the current page
+            //items = new List<Item>(response); // an actual data for the current page
+            items = await DataService.List(e.Page, e.PageSize);
+            totalItem = await DataService.Count();
         }
     }
 
-    protected override void OnAfterRender(bool firstRender)
+    protected override async Task OnAfterRenderAsync(bool firstRender)
     {
-        base.OnAfterRender(firstRender);
+        if (!firstRender)
+        {
+            return;
+        }
+
+        var currentData = await LocalStorage.GetItemAsync<Item[]>("data");
+
+        if (currentData==null)
+        {
+            var originalData = HttpClient.GetFromJsonAsync<Item[]>($"{NavigationManager.BaseUri}fake-data.json").Result;
+            await LocalStorage.SetItemAsync("data", originalData);
+        }
     }
+    
+    private async void OnDelete(int id)
+    {
+        var parameters = new ModalParameters();
+        parameters.Add(nameof(Item.Id), id);
+
+        var modal = Modal.Show<DeleteConfirmation>("Delete Confirmation", parameters);
+        var result = await modal.Result;
 
+        if (result.Cancelled)
+        {
+            return;
+        }
 
+        await DataService.Delete(id);
+
+        // Reload the page
+        NavigationManager.NavigateTo("list", true);
+    }
 }
 

TP Blazor/Pages/_Host.cshtml

@@ -16,6 +16,7 @@
     <link rel="icon" type="image/png" href="favicon.png" />
     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css">
     <link rel="stylesheet" href="_content/Blazorise.Icons.Material/blazorise.icons.material.css" />
+    <link href="_content/Blazored.Modal/blazored-modal.css" rel="stylesheet" />
     <link href="_content/Blazorise/blazorise.css" rel="stylesheet" />
     <link href="_content/Blazorise.Bootstrap/blazorise.bootstrap.css" rel="stylesheet" />
     <component type="typeof(HeadOutlet)" render-mode="ServerPrerendered" />
@@ -34,6 +35,7 @@
         <a class="dismiss">🗙</a>
     </div>
 
-    <script src="_framework/blazor.server.js"></script>
+<script src="_framework/blazor.server.js"></script>
+<script src="_content/Blazored.Modal/blazored.modal.js"></script>
 </body>
 </html>

TP Blazor/Program.cs

@@ -1,3 +1,4 @@
+using System.Globalization;
 using Microsoft.AspNetCore.Components;
 using Microsoft.AspNetCore.Components.Web;
 using TP_Blazor.Data;
@@ -6,6 +7,10 @@ using Blazorise.Icons.FontAwesome;
 using Microsoft.Extensions.DependencyInjection;
 using Blazorise.Bootstrap;
 using Blazored.LocalStorage;
+using TP_Blazor.Services;
+using Blazored.Modal;
+using Microsoft.AspNetCore.Localization;
+using Microsoft.Extensions.Options;
 
 var builder = WebApplication.CreateBuilder(args);
 
@@ -16,8 +21,18 @@ builder.Services.AddSingleton<WeatherForecastService>();
 builder.Services.AddHttpClient();
 builder.Services.AddBlazorise()
     .AddBootstrapProviders()
-    .AddBlazoredLocalStorage()
     .AddFontAwesomeIcons();
+builder.Services.AddBlazoredLocalStorage();
+builder.Services.AddBlazoredModal();
+builder.Services.AddControllers();
+builder.Services.AddLocalization(opt=>{opt.ResourcesPath= "Resources"; });
+builder.Services.Configure<RequestLocalizationOptions>(option =>
+{
+    option.DefaultRequestCulture = new RequestCulture(new CultureInfo("en-US"));
+    option.SupportedCultures = new List<CultureInfo> { new CultureInfo("en-US"), new CultureInfo("fr-FR") };
+    option.SupportedUICultures = new List<CultureInfo> { new CultureInfo("en-US"), new CultureInfo("fr-FR") };
+});
+builder.Services.AddScoped<IDataService, DataLocalService>();
 
 var app = builder.Build();
 
@@ -32,6 +47,18 @@ app.UseStaticFiles();
 
 app.UseRouting();
 
+var options =((IApplicationBuilder)app).ApplicationServices.GetService<IOptions<RequestLocalizationOptions>>();
+
+if (options?.Value != null)
+{
+    app.UseRequestLocalization(options.Value);
+}
+
+app.UseEndpoints(endpoints =>
+{
+    endpoints.MapControllers();
+});
+
 app.MapBlazorHub();
 app.MapFallbackToPage("/_Host");
 

TP Blazor/Resources/Pages.List.Designer.cs

@@ -0,0 +1,72 @@
+//------------------------------------------------------------------------------
+// <auto-generated>
+//     Ce code a été généré par un outil.
+//     Version du runtime :4.0.30319.42000
+//
+//     Les modifications apportées à ce fichier peuvent provoquer un comportement incorrect et seront perdues si
+//     le code est régénéré.
+// </auto-generated>
+//------------------------------------------------------------------------------
+
+namespace TP_Blazor.Resources {
+    using System;
+    
+    
+    /// <summary>
+    ///   Une classe de ressource fortement typée destinée, entre autres, à la consultation des chaînes localisées.
+    /// </summary>
+    // Cette classe a été générée automatiquement par la classe StronglyTypedResourceBuilder
+    // à l'aide d'un outil, tel que ResGen ou Visual Studio.
+    // Pour ajouter ou supprimer un membre, modifiez votre fichier .ResX, puis réexécutez ResGen
+    // avec l'option /str ou régénérez votre projet VS.
+    [global::System.CodeDom.Compiler.GeneratedCodeAttribute("System.Resources.Tools.StronglyTypedResourceBuilder", "17.0.0.0")]
+    [global::System.Diagnostics.DebuggerNonUserCodeAttribute()]
+    [global::System.Runtime.CompilerServices.CompilerGeneratedAttribute()]
+    public class Pages_List {
+        
+        private static global::System.Resources.ResourceManager resourceMan;
+        
+        private static global::System.Globalization.CultureInfo resourceCulture;
+        
+        [global::System.Diagnostics.CodeAnalysis.SuppressMessageAttribute("Microsoft.Performance", "CA1811:AvoidUncalledPrivateCode")]
+        internal Pages_List() {
+        }
+        
+        /// <summary>
+        ///   Retourne l'instance ResourceManager mise en cache utilisée par cette classe.
+        /// </summary>
+        [global::System.ComponentModel.EditorBrowsableAttribute(global::System.ComponentModel.EditorBrowsableState.Advanced)]
+        public static global::System.Resources.ResourceManager ResourceManager {
+            get {
+                if (object.ReferenceEquals(resourceMan, null)) {
+                    global::System.Resources.ResourceManager temp = new global::System.Resources.ResourceManager("TP_Blazor.Resources.Pages.List", typeof(Pages_List).Assembly);
+                    resourceMan = temp;
+                }
+                return resourceMan;
+            }
+        }
+        
+        /// <summary>
+        ///   Remplace la propriété CurrentUICulture du thread actuel pour toutes
+        ///   les recherches de ressources à l'aide de cette classe de ressource fortement typée.
+        /// </summary>
+        [global::System.ComponentModel.EditorBrowsableAttribute(global::System.ComponentModel.EditorBrowsableState.Advanced)]
+        public static global::System.Globalization.CultureInfo Culture {
+            get {
+                return resourceCulture;
+            }
+            set {
+                resourceCulture = value;
+            }
+        }
+        
+        /// <summary>
+        ///   Recherche une chaîne localisée semblable à My Title.
+        /// </summary>
+        public static string btnTitle {
+            get {
+                return ResourceManager.GetString("btnTitle", resourceCulture);
+            }
+        }
+    }
+}

TP Blazor/Resources/Pages.List.resx

@@ -0,0 +1,123 @@
+<?xml version="1.0" encoding="utf-8"?>
+<root>
+  <!-- 
+    Microsoft ResX Schema 
+    
+    Version 2.0
+    
+    The primary goals of this format is to allow a simple XML format 
+    that is mostly human readable. The generation and parsing of the 
+    various data types are done through the TypeConverter classes 
+    associated with the data types.
+    
+    Example:
+    
+    ... ado.net/XML headers & schema ...
+    <resheader name="resmimetype">text/microsoft-resx</resheader>
+    <resheader name="version">2.0</resheader>
+    <resheader name="reader">System.Resources.ResXResourceReader, System.Windows.Forms, ...</resheader>
+    <resheader name="writer">System.Resources.ResXResourceWriter, System.Windows.Forms, ...</resheader>
+    <data name="Name1"><value>this is my long string</value><comment>this is a comment</comment></data>
+    <data name="Color1" type="System.Drawing.Color, System.Drawing">Blue</data>
+    <data name="Bitmap1" mimetype="application/x-microsoft.net.object.binary.base64">
+        <value>[base64 mime encoded serialized .NET Framework object]</value>
+    </data>
+    <data name="Icon1" type="System.Drawing.Icon, System.Drawing" mimetype="application/x-microsoft.net.object.bytearray.base64">
+        <value>[base64 mime encoded string representing a byte array form of the .NET Framework object]</value>
+        <comment>This is a comment</comment>
+    </data>
+                
+    There are any number of "resheader" rows that contain simple 
+    name/value pairs.
+    
+    Each data row contains a name, and value. The row also contains a 
+    type or mimetype. Type corresponds to a .NET class that support 
+    text/value conversion through the TypeConverter architecture. 
+    Classes that don't support this are serialized and stored with the 
+    mimetype set.
+    
+    The mimetype is used for serialized objects, and tells the 
+    ResXResourceReader how to depersist the object. This is currently not 
+    extensible. For a given mimetype the value must be set accordingly:
+    
+    Note - application/x-microsoft.net.object.binary.base64 is the format 
+    that the ResXResourceWriter will generate, however the reader can 
+    read any of the formats listed below.
+    
+    mimetype: application/x-microsoft.net.object.binary.base64
+    value   : The object must be serialized with 
+            : System.Runtime.Serialization.Formatters.Binary.BinaryFormatter
+            : and then encoded with base64 encoding.
+    
+    mimetype: application/x-microsoft.net.object.soap.base64
+    value   : The object must be serialized with 
+            : System.Runtime.Serialization.Formatters.Soap.SoapFormatter
+            : and then encoded with base64 encoding.
+
+    mimetype: application/x-microsoft.net.object.bytearray.base64
+    value   : The object must be serialized into a byte array 
+            : using a System.ComponentModel.TypeConverter
+            : and then encoded with base64 encoding.
+    -->
+  <xsd:schema id="root" xmlns="" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:msdata="urn:schemas-microsoft-com:xml-msdata">
+    <xsd:import namespace="http://www.w3.org/XML/1998/namespace" />
+    <xsd:element name="root" msdata:IsDataSet="true">
+      <xsd:complexType>
+        <xsd:choice maxOccurs="unbounded">
+          <xsd:element name="metadata">
+            <xsd:complexType>
+              <xsd:sequence>
+                <xsd:element name="value" type="xsd:string" minOccurs="0" />
+              </xsd:sequence>
+              <xsd:attribute name="name" use="required" type="xsd:string" />
+              <xsd:attribute name="type" type="xsd:string" />
+              <xsd:attribute name="mimetype" type="xsd:string" />
+              <xsd:attribute ref="xml:space" />
+            </xsd:complexType>
+          </xsd:element>
+          <xsd:element name="assembly">
+            <xsd:complexType>
+              <xsd:attribute name="alias" type="xsd:string" />
+              <xsd:attribute name="name" type="xsd:string" />
+            </xsd:complexType>
+          </xsd:element>
+          <xsd:element name="data">
+            <xsd:complexType>
+              <xsd:sequence>
+                <xsd:element name="value" type="xsd:string" minOccurs="0" msdata:Ordinal="1" />
+                <xsd:element name="comment" type="xsd:string" minOccurs="0" msdata:Ordinal="2" />
+              </xsd:sequence>
+              <xsd:attribute name="name" type="xsd:string" use="required" msdata:Ordinal="1" />
+              <xsd:attribute name="type" type="xsd:string" msdata:Ordinal="3" />
+              <xsd:attribute name="mimetype" type="xsd:string" msdata:Ordinal="4" />
+              <xsd:attribute ref="xml:space" />
+            </xsd:complexType>
+          </xsd:element>
+          <xsd:element name="resheader">
+            <xsd:complexType>
+              <xsd:sequence>
+                <xsd:element name="value" type="xsd:string" minOccurs="0" msdata:Ordinal="1" />
+              </xsd:sequence>
+              <xsd:attribute name="name" type="xsd:string" use="required" />
+            </xsd:complexType>
+          </xsd:element>
+        </xsd:choice>
+      </xsd:complexType>
+    </xsd:element>
+  </xsd:schema>
+  <resheader name="resmimetype">
+    <value>text/microsoft-resx</value>
+  </resheader>
+  <resheader name="version">
+    <value>2.0</value>
+  </resheader>
+  <resheader name="reader">
+    <value>System.Resources.ResXResourceReader, System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089</value>
+  </resheader>
+  <resheader name="writer">
+    <value>System.Resources.ResXResourceWriter, System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089</value>
+  </resheader>
+  <data name="btnTitle" xml:space="preserve">
+    <value>My Title</value>
+  </data>
+</root>

TP Blazor/Ressources/Pages.List.fr-FR.Designer.cs

@@ -0,0 +1,48 @@
+//------------------------------------------------------------------------------
+// <auto-generated>
+//     This code was generated by a tool.
+//
+//     Changes to this file may cause incorrect behavior and will be lost if
+//     the code is regenerated.
+// </auto-generated>
+//------------------------------------------------------------------------------
+
+namespace TP_Blazor.Ressources {
+    using System;
+    
+    
+    [System.CodeDom.Compiler.GeneratedCodeAttribute("System.Resources.Tools.StronglyTypedResourceBuilder", "4.0.0.0")]
+    [System.Diagnostics.DebuggerNonUserCodeAttribute()]
+    [System.Runtime.CompilerServices.CompilerGeneratedAttribute()]
+    internal class Pages_List_fr_FR {
+        
+        private static System.Resources.ResourceManager resourceMan;
+        
+        private static System.Globalization.CultureInfo resourceCulture;
+        
+        [System.Diagnostics.CodeAnalysis.SuppressMessageAttribute("Microsoft.Performance", "CA1811:AvoidUncalledPrivateCode")]
+        internal Pages_List_fr_FR() {
+        }
+        
+        [System.ComponentModel.EditorBrowsableAttribute(System.ComponentModel.EditorBrowsableState.Advanced)]
+        internal static System.Resources.ResourceManager ResourceManager {
+            get {
+                if (object.Equals(null, resourceMan)) {
+                    System.Resources.ResourceManager temp = new System.Resources.ResourceManager("TP_Blazor.Ressources.Pages_List_fr_FR", typeof(Pages_List_fr_FR).Assembly);
+                    resourceMan = temp;
+                }
+                return resourceMan;
+            }
+        }
+        
+        [System.ComponentModel.EditorBrowsableAttribute(System.ComponentModel.EditorBrowsableState.Advanced)]
+        internal static System.Globalization.CultureInfo Culture {
+            get {
+                return resourceCulture;
+            }
+            set {
+                resourceCulture = value;
+            }
+        }
+    }
+}

TP Blazor/Ressources/Pages.List.fr-FR.resx

@@ -0,0 +1,147 @@
+<?xml version="1.0" encoding="utf-8"?>
+<root>
+  <!-- 
+    Microsoft ResX Schema 
+    
+    Version 2.0
+    
+    The primary goals of this format is to allow a simple XML format 
+    that is mostly human readable. The generation and parsing of the 
+    various data types are done through the TypeConverter classes 
+    associated with the data types.
+    
+    Example:
+    
+    ... ado.net/XML headers & schema ...
+    <resheader name="resmimetype">text/microsoft-resx</resheader>
+    <resheader name="version">2.0</resheader>
+    <resheader name="reader">System.Resources.ResXResourceReader, System.Windows.Forms, ...</resheader>
+    <resheader name="writer">System.Resources.ResXResourceWriter, System.Windows.Forms, ...</resheader>
+    <data name="Name1"><value>this is my long string</value><comment>this is a comment</comment></data>
+    <data name="Color1" type="System.Drawing.Color, System.Drawing">Blue</data>
+    <data name="Bitmap1" mimetype="application/x-microsoft.net.object.binary.base64">
+        <value>[base64 mime encoded serialized .NET Framework object]</value>
+    </data>
+    <data name="Icon1" type="System.Drawing.Icon, System.Drawing" mimetype="application/x-microsoft.net.object.bytearray.base64">
+        <value>[base64 mime encoded string representing a byte array form of the .NET Framework object]</value>
+        <comment>This is a comment</comment>
+    </data>
+                
+    There are any number of "resheader" rows that contain simple 
+    name/value pairs.
+    
+    Each data row contains a name, and value. The row also contains a 
+    type or mimetype. Type corresponds to a .NET class that support 
+    text/value conversion through the TypeConverter architecture. 
+    Classes that don't support this are serialized and stored with the 
+    mimetype set.
+    
+    The mimetype is used for serialized objects, and tells the 
+    ResXResourceReader how to depersist the object. This is currently not 
+    extensible. For a given mimetype the value must be set accordingly:
+    
+    Note - application/x-microsoft.net.object.binary.base64 is the format 
+    that the ResXResourceWriter will generate, however the reader can 
+    read any of the formats listed below.
+    
+    mimetype: application/x-microsoft.net.object.binary.base64
+    value   : The object must be serialized with 
+            : System.Runtime.Serialization.Formatters.Binary.BinaryFormatter
+            : and then encoded with base64 encoding.
+    
+    mimetype: application/x-microsoft.net.object.soap.base64
+    value   : The object must be serialized with 
+            : System.Runtime.Serialization.Formatters.Soap.SoapFormatter
+            : and then encoded with base64 encoding.
+
+    mimetype: application/x-microsoft.net.object.bytearray.base64
+    value   : The object must be serialized into a byte array 
+            : using a System.ComponentModel.TypeConverter
+            : and then encoded with base64 encoding.
+    -->
+  <xsd:schema id="root" xmlns="" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:msdata="urn:schemas-microsoft-com:xml-msdata">
+    <xsd:import namespace="http://www.w3.org/XML/1998/namespace" />
+    <xsd:element name="root" msdata:IsDataSet="true">
+      <xsd:complexType>
+        <xsd:choice maxOccurs="unbounded">
+          <xsd:element name="metadata">
+            <xsd:complexType>
+              <xsd:sequence>
+                <xsd:element name="value" type="xsd:string" minOccurs="0" />
+              </xsd:sequence>
+              <xsd:attribute name="name" use="required" type="xsd:string" />
+              <xsd:attribute name="type" type="xsd:string" />
+              <xsd:attribute name="mimetype" type="xsd:string" />
+              <xsd:attribute ref="xml:space" />
+            </xsd:complexType>
+          </xsd:element>
+          <xsd:element name="assembly">
+            <xsd:complexType>
+              <xsd:attribute name="alias" type="xsd:string" />
+              <xsd:attribute name="name" type="xsd:string" />
+            </xsd:complexType>
+          </xsd:element>
+          <xsd:element name="data">
+            <xsd:complexType>
+              <xsd:sequence>
+                <xsd:element name="value" type="xsd:string" minOccurs="0" msdata:Ordinal="1" />
+                <xsd:element name="comment" type="xsd:string" minOccurs="0" msdata:Ordinal="2" />
+              </xsd:sequence>
+              <xsd:attribute name="name" type="xsd:string" use="required" msdata:Ordinal="1" />
+              <xsd:attribute name="type" type="xsd:string" msdata:Ordinal="3" />
+              <xsd:attribute name="mimetype" type="xsd:string" msdata:Ordinal="4" />
+              <xsd:attribute ref="xml:space" />
+            </xsd:complexType>
+          </xsd:element>
+          <xsd:element name="resheader">
+            <xsd:complexType>
+              <xsd:sequence>
+                <xsd:element name="value" type="xsd:string" minOccurs="0" msdata:Ordinal="1" />
+              </xsd:sequence>
+              <xsd:attribute name="name" type="xsd:string" use="required" />
+            </xsd:complexType>
+          </xsd:element>
+        </xsd:choice>
+      </xsd:complexType>
+    </xsd:element>
+  </xsd:schema>
+  <resheader name="resmimetype">
+    <value>text/microsoft-resx</value>
+  </resheader>
+  <resheader name="version">
+    <value>2.0</value>
+  </resheader>
+  <resheader name="reader">
+    <value>System.Resources.ResXResourceReader, System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089</value>
+  </resheader>
+  <resheader name="writer">
+    <value>System.Resources.ResXResourceWriter, System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089</value>
+  </resheader>
+  <data name="About" xml:space="preserve">
+    <value>à propos</value>
+  </data>
+  <data name="btnTitle" xml:space="preserve">
+    <value>Ajouter</value>
+  </data>
+  <data name="Header1" xml:space="preserve">
+    <value>Image</value>
+  </data>
+  <data name="Header2" xml:space="preserve">
+    <value>Nom</value>
+  </data>
+  <data name="Header3" xml:space="preserve">
+    <value>Taille</value>
+  </data>
+  <data name="MenueItem1" xml:space="preserve">
+    <value>Acceuil</value>
+  </data>
+  <data name="MenueItem2" xml:space="preserve">
+    <value>List</value>
+  </data>
+  <data name="MenueItem3" xml:space="preserve">
+    <value>Compteur</value>
+  </data>
+  <data name="Title" xml:space="preserve">
+    <value>Liste d'utilisateur</value>
+  </data>
+</root>

TP Blazor/Services/DataLocalService.cs

@@ -0,0 +1,134 @@
+using Blazored.LocalStorage;
+using Microsoft.AspNetCore.Components;
+using TP_Blazor.Factories;
+using TP_Blazor.Models;
+
+namespace TP_Blazor.Services;
+
+public class DataLocalService:IDataService
+{
+    private readonly HttpClient _httpClient;
+    private readonly ILocalStorageService _localStorageService;
+    private readonly NavigationManager _navigationManager;
+    private readonly IWebHostEnvironment _webHostEnvironment;
+
+    public DataLocalService(HttpClient httpClient, ILocalStorageService localStorageService, NavigationManager navigationManager, IWebHostEnvironment webHostEnvironment)
+    {
+        _httpClient = httpClient;
+        _localStorageService = localStorageService;
+        _navigationManager = navigationManager;
+        _webHostEnvironment = webHostEnvironment;
+    }
+
+    public async Task Add(ItemModel item)
+    {
+        var currentItems = await _localStorageService.GetItemAsync<List<Item>>("data");
+        item.Id = currentItems.Max(s=>s.Id)+1;
+        // currentItems.Add(new Item
+        // {
+        //     Id = item.Id,
+        //     Name = item.Name,
+        //     DisplayName = item.DisplayName,
+        //     RepairWith = item.RepairWith,
+        //     EnchantCategories = item.EnchantCategories,
+        //     MaxDurability = item.MaxDurability,
+        //     StackSize = item.StackSize,
+        //     CreatedDate = DateTime.Now
+        // });
+        currentItems.Add(ItemFactory.Create(item));
+        
+        var imagePathsInfo = new DirectoryInfo(Path.Combine($"{_webHostEnvironment.ContentRootPath}/images"));
+        if (!imagePathsInfo.Exists)
+        {
+            imagePathsInfo.Create();
+        }
+        
+        var fileName = new FileInfo($"{imagePathsInfo}/{item.Name}.png");
+        await File.WriteAllBytesAsync(fileName.FullName, item.ImageContent);
+        await _localStorageService.SetItemAsync("data", currentItems);
+    }
+
+    public async Task<int> Count()
+    {
+        var currentItems = _localStorageService.GetItemAsync<Item[]>("data");
+        if (currentItems== null)
+        {
+            var originalItems = _httpClient.GetFromJsonAsync<Item[]>($"f{_navigationManager.BaseUri}ake-data.json");
+            await _localStorageService.SetItemAsync("data", originalItems);
+        }
+        return (await _localStorageService.GetItemAsync<Item[]>("data")).Length;
+    }
+
+    public async Task<List<Item>> List(int page, int pageSize)
+    {
+        var currentItems = _localStorageService.GetItemAsync<Item[]>("data");
+        if (currentItems == null)
+        {
+            var originalItems = _httpClient.GetFromJsonAsync<Item[]>($"f{_navigationManager.BaseUri}ake-data.json");
+            _localStorageService.SetItemAsync("data", originalItems);
+        }
+        return (await _localStorageService.GetItemAsync<Item[]>("data")).Skip((page-1)*pageSize).Take(pageSize).ToList();
+    }
+
+    public async Task<Item> GetById(int id)
+    {
+        var currentItems =await _localStorageService.GetItemAsync<List<Item>>("data");
+        var item = currentItems.FirstOrDefault(s => s.Id == id);
+        if (item == null)
+        {
+            throw new Exception($"Item with id {id} not found");
+        }
+        return item;
+    }
+
+    public async Task Update(int id, ItemModel item)
+    {
+        var currentItems = await _localStorageService.GetItemAsync<List<Item>>("data");
+        var itemToUpdate = currentItems.FirstOrDefault(s => s.Id == id);
+
+        if (itemToUpdate == null)
+        {
+            throw new Exception($"Item with id {id} not found");
+        }
+        var imagePathsInfo = new DirectoryInfo($"{_webHostEnvironment.ContentRootPath}/images");
+        if (!imagePathsInfo.Exists)
+        {
+            imagePathsInfo.Create();
+        }
+
+        if (itemToUpdate.Name != item.Name)
+        {
+            var oldFileName = new FileInfo($"{imagePathsInfo}/{itemToUpdate.Name}.png");
+            if (oldFileName.Exists)
+            {
+                oldFileName.Delete();
+            }
+        }
+        
+        var fileName = new FileInfo($"{imagePathsInfo}/{item.Name}.png");
+        await File.WriteAllBytesAsync(fileName.FullName, item.ImageContent);
+        // itemToUpdate.Name = item.Name;
+        // itemToUpdate.DisplayName = item.DisplayName;
+        // itemToUpdate.RepairWith = item.RepairWith;
+        // itemToUpdate.EnchantCategories = item.EnchantCategories;
+        // itemToUpdate.MaxDurability = item.MaxDurability;
+        // itemToUpdate.StackSize = item.StackSize;
+        // itemToUpdate.UpdatedDate = DateTime.Now;
+        ItemFactory.Update(itemToUpdate, item);
+        await _localStorageService.SetItemAsync("data", currentItems);
+    }
+
+    public async Task Delete(int id)
+    {
+        var currentItems =await _localStorageService.GetItemAsync<List<Item>>("data");
+        var itemToDelete = currentItems.FirstOrDefault(s => s.Id == id);
+        currentItems.Remove(itemToDelete);
+        var imagePathsInfo = new DirectoryInfo($"{_webHostEnvironment.ContentRootPath}/images");
+        var fileName = new FileInfo($"{imagePathsInfo}/{itemToDelete.Name}.png");
+        if (fileName.Exists)
+        {
+            File.Delete(fileName.FullName);
+        }
+        await _localStorageService.SetItemAsync("data", currentItems);
+    }
+}

TP Blazor/Services/IDataService.cs

@@ -0,0 +1,13 @@
+using TP_Blazor.Models;
+
+namespace TP_Blazor.Services;
+
+public interface IDataService
+{
+    public Task Add(ItemModel item);
+    Task<int> Count();
+    Task<List<Item>> List(int page, int pageSize);
+    Task<Item> GetById(int id);
+    Task Update(int id,ItemModel item);
+    Task Delete(int id);
+}

TP Blazor/Shared/CultureSelector.razor

@@ -0,0 +1,14 @@
+@using  System.Globalization
+@inject NavigationManager NavigationManager
+
+<p>
+    <label>
+        Select your locale:
+        <select @bind="Culture">
+            @foreach (var culture in supportedCultures)
+            {
+                <option value="@culture">@culture.DisplayName</option>
+            }
+        </select>
+    </label>
+</p>

TP Blazor/Shared/CultureSelector.razor.cs

@@ -0,0 +1,32 @@
+using System.Globalization;
+
+namespace TP_Blazor.Shared;
+
+public partial class CultureSelector
+{
+    private CultureInfo[] supportedCultures = new[]
+    {
+        new CultureInfo("en-US"),
+        new CultureInfo("fr-FR")
+    };
+
+    private CultureInfo Culture
+    {
+        get => CultureInfo.CurrentCulture;
+        set
+        {
+            if (CultureInfo.CurrentUICulture == value)
+            {
+                return;
+            }
+
+            var culture = value.Name.ToLower(CultureInfo.InvariantCulture);
+
+            var uri = new Uri(this.NavigationManager.Uri).GetComponents(UriComponents.PathAndQuery, UriFormat.Unescaped);
+            var query = $"?culture={Uri.EscapeDataString(culture)}&" + $"redirectUri={Uri.EscapeDataString(uri)}";
+
+            // Redirect the user to the culture controller to set the cookie
+            this.NavigationManager.NavigateTo("/Culture/SetCulture" + query, forceLoad: true);
+        }
+    }
+}

TP Blazor/Shared/MainLayout.razor

@@ -10,6 +10,9 @@
     <main>
         <div class="top-row px-4">
             <a href="https://docs.microsoft.com/aspnet/" target="_blank">About</a>
+            <div class="px-4">
+                   <CultureSelector />
+            </div>
         </div>
 
         <article class="content px-4">

TP Blazor/TP Blazor.csproj

@@ -1,7 +1,7 @@
-<Project Sdk="Microsoft.NET.Sdk.Web">
+<Project Sdk="Microsoft.NET.Sdk.Web">
 
   <PropertyGroup>
-    <TargetFramework>net7.0</TargetFramework>
+    <TargetFramework>net6.0</TargetFramework>
     <Nullable>enable</Nullable>
     <ImplicitUsings>enable</ImplicitUsings>
     <RootNamespace>TP_Blazor</RootNamespace>
@@ -14,14 +14,31 @@
     <None Remove="Blazorise.DataGrid" />
     <None Remove="Blazorise.Bootstrap" />
     <None Remove="Blazored.LocalStorage" />
+    <None Remove="Ressources\" />
+    <None Remove="Resources\Pages.List" />
   </ItemGroup>
   <ItemGroup>
+    <PackageReference Include="Blazored.Modal" Version="7.1.0" />
     <PackageReference Include="Blazorise.Icons.FontAwesome" Version="1.1.5" />
     <PackageReference Include="Blazorise.DataGrid" Version="1.1.5" />
     <PackageReference Include="Blazorise.Bootstrap" Version="1.1.5" />
     <PackageReference Include="Blazored.LocalStorage" Version="4.3.0" />
+    <PackageReference Include="Microsoft.Extensions.Localization" Version="7.0.2" />
   </ItemGroup>
   <ItemGroup>
     <Folder Include="Models\" />
   </ItemGroup>
+  <ItemGroup>
+    <Compile Update="Resources\Pages.List.Designer.cs">
+      <DesignTime>True</DesignTime>
+      <AutoGen>True</AutoGen>
+      <DependentUpon>Pages.List.resx</DependentUpon>
+    </Compile>
+  </ItemGroup>
+  <ItemGroup>
+    <EmbeddedResource Update="Resources\Pages.List.resx">
+      <Generator>PublicResXFileCodeGenerator</Generator>
+      <LastGenOutput>Pages.List.Designer.cs</LastGenOutput>
+    </EmbeddedResource>
+  </ItemGroup>
 </Project>

TP Blazor/_Imports.razor

@@ -9,3 +9,5 @@
 @using TP_Blazor
 @using TP_Blazor.Shared
 @using Blazorise.DataGrid
+@using Blazored.Modal
+@using Blazored.Modal.Services