26 changed files with 37 additions and 767 deletions
--- a/App.razor
+++ b/App.razor
@ -1,10 +1,12 @@
-<CascadingBlazoredModal>
+<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>
-        <p>Sorry, there's nothing at this address.</p>
+        <PageTitle>Not found</PageTitle>
        <LayoutView Layout="@typeof(MainLayout)">
            <p role="alert">Sorry, there's nothing at this address.</p>
        </LayoutView>
    </NotFound>
 </Router>
 </CascadingBlazoredModal>
--- a/Factories/ItemFactory.cs.cs
+++ b/Factories/ItemFactory.cs.cs
@ -1,48 +0,0 @@
 using ProjetBlaser.Models;
 namespace ProjetBlaser.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;
        }
    }
 }
--- a/Models/ItemModel.cs
+++ b/Models/ItemModel.cs
@ -1,37 +0,0 @@
 using System.ComponentModel.DataAnnotations;
 namespace ProjetBlaser.Models
 {
    public class ItemModel
    {
        public int Id { get; set; }
        [Required]
        [StringLength(50, ErrorMessage = "The display name must not exceed 50 characters.")]
        public string DisplayName { get; set; }
        [Required]
        [StringLength(50, ErrorMessage = "The name must not exceed 50 characters.")]
        [RegularExpression(@"^[a-z''-'\s]{1,40}$", ErrorMessage = "Only lowercase characters are accepted.")]
        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 = "You must agree to the terms.")]
        public bool AcceptCondition { get; set; }
        [Required(ErrorMessage = "The image of the item is mandatory!")]
        public byte[] ImageContent { get; set; }
    }
 }
--- a/Models/PanelBody.cs
+++ b/Models/PanelBody.cs
@ -1,8 +0,0 @@
 namespace ProjetBlaser.Models
 {
    public class PanelBody
    {
        public string? Text { get; set; }
        public string? Style { get; set; }
    }
 }
--- a/Pages/Add.razor
+++ b/Pages/Add.razor
@ -1,69 +0,0 @@
@page "/add"
 <h3>Add</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))" />@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>
 </EditForm>
--- a/Pages/Add.razor.cs
+++ b/Pages/Add.razor.cs
@ -1,89 +0,0 @@
 using Blazored.LocalStorage;
 using Microsoft.AspNetCore.Components;
 using Microsoft.AspNetCore.Components.Forms;
 using ProjetBlaser.Models;
 using ProjetBlaser.Services;
 namespace ProjetBlaser.Pages
 {
    public partial class Add
    {
        /// <summary>
        /// The default enchant categories.
        /// </summary>
        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; }
        private async void HandleValidSubmit()
        {
            await DataService.Add(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);
            }
        }
    }
 }
--- a/Pages/Admin/index.razor
+++ b/Pages/Admin/index.razor
--- a/Pages/BlazorRoute.razor
+++ b/Pages/BlazorRoute.razor
@ -1,3 +0,0 @@
@page "/BlazorRoute"
@page "/DifferentBlazorRoute"
 <h3>BlazorRoute</h3>
--- a/Pages/Edit.razor
+++ b/Pages/Edit.razor
@ -1,82 +0,0 @@
@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>
--- a/Pages/Edit.razor.cs
+++ b/Pages/Edit.razor.cs
@ -1,123 +0,0 @@
 using Microsoft.AspNetCore.Components;
 using Microsoft.AspNetCore.Components.Forms;
 using ProjetBlaser.Factories;
 using ProjetBlaser.Models;
 using ProjetBlaser.Services;
 namespace ProjetBlaser.Pages
 {
    public partial class Edit
    {
        [Parameter]
        public int Id { get; set; }
        /// <summary>
        /// The default enchant categories.
        /// </summary>
        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 = new ItemModel
            {
                Id = item.Id,
                DisplayName = item.DisplayName,
                Name = item.Name,
                RepairWith = item.RepairWith,
                EnchantCategories = item.EnchantCategories,
                MaxDurability = item.MaxDurability,
                StackSize = item.StackSize,
                ImageContent = fileContent
            };
            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);
            }
        }
    }
 }
--- a/Pages/List.razor
+++ b/Pages/List.razor
@ -2,11 +2,7 @@
@using ProjetBlaser.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"
          ReadData="@OnReadData"
@ -15,18 +11,6 @@
          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: 150px"/>
            }
            else
            {
                <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" />
@ -41,10 +25,4 @@
        </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>
--- a/Pages/List.razor.cs
+++ b/Pages/List.razor.cs
@ -2,7 +2,6 @@
 using Blazorise.DataGrid;
 using Microsoft.AspNetCore.Components;
 using ProjetBlaser.Models;
 using ProjetBlaser.Services;
 namespace ProjetBlaser.Pages
 {
@ -13,27 +12,49 @@ namespace ProjetBlaser.Pages
        private int totalItem;
        [Inject]
-        public IDataService DataService { get; set; }
+        public HttpClient Http { get; set; }
        [Inject]
-        public IWebHostEnvironment WebHostEnvironment { get; set; }
+        public ILocalStorageService LocalStorage { get; set; }
-        private async Task OnReadData(DataGridReadDataEventArgs<Item> e)
+        [Inject]
        public NavigationManager NavigationManager { get; set; }
        protected override async Task OnAfterRenderAsync(bool firstRender)
        {
-            if (e.CancellationToken.IsCancellationRequested)
+            // Do not treat this action if is not the first render
            if (!firstRender)
            {
                return;
            }
-            if (!e.CancellationToken.IsCancellationRequested)
+            var currentData = await LocalStorage.GetItemAsync<Item[]>("data");
            // Check if data exist in the local storage
            if (currentData == null)
            {
-                items = await DataService.List(e.Page, e.PageSize);
+                // this code add in the local storage the fake data (we load the data sync for initialize the data before load the OnReadData method)
-                totalItem = await DataService.Count();
+                var originalData = Http.GetFromJsonAsync<Item[]>($"{NavigationManager.BaseUri}fake-data.json").Result;
                await LocalStorage.SetItemAsync("data", originalData);
            }
        }
-        private void OnDelete(int id)
+
        private async Task OnReadData(DataGridReadDataEventArgs<Item> e)
        {
            if (e.CancellationToken.IsCancellationRequested)
            {
                return;
            }
            // When you use a real API, we use this follow code
            //var response = await Http.GetJsonAsync<Data[]>( $"http://my-api/api/data?page={e.Page}&pageSize={e.PageSize}" );
            var response = (await LocalStorage.GetItemAsync<Item[]>("data")).Skip((e.Page - 1) * e.PageSize).Take(e.PageSize).ToList();
            if (!e.CancellationToken.IsCancellationRequested)
            {
                totalItem = (await LocalStorage.GetItemAsync<List<Item>>("data")).Count;
                items = new List<Item>(response); // an actual data for the current page
            }
        }
    }
 }
--- a/Pages/ParameterParen.razor
+++ b/Pages/ParameterParen.razor
@ -1,10 +0,0 @@
@page "/parameter-parent"
@using ProjetBlaser.Models
 <h1>Child component (without attribute values)</h1>
 <ParameterChild />
 <h1>Child component (with attribute values)</h1>
 <ParameterChild Title="Set by Parent" Body="@(new PanelBody() { Text = "Set by parent.", Style = "italic" })" />
--- a/Pages/RouteParameter.razor
+++ b/Pages/RouteParameter.razor
@ -1,13 +0,0 @@
@page "/RouteParameter/{text?}"
 <h1>Blazor is @Text!</h1>
@code {
    [Parameter]
    public string? Text { get; set; }
    protected override void OnInitialized()
    {
        Text = Text ?? "fantastic";
    }
 }
--- a/Pages/User.razor
+++ b/Pages/User.razor
@ -1,17 +0,0 @@
@page "/user/{Id:int}"
 <p>
    Id: @Id
 </p>
 <p>
    Option: @Option
 </p>
@code {
    [Parameter]
    public int Id { get; set; }
    [Parameter]
    public bool Option { get; set; }
 }
--- a/Pages/_Layout.cshtml
+++ b/Pages/_Layout.cshtml
@ -29,9 +29,7 @@
    <script src="_framework/blazor.server.js"></script>
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.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" />
    <script src="_content/Blazored.Modal/blazored.modal.js"></script>
 </body>
 </html>
--- a/Pages/index.razor
+++ b/Pages/index.razor
--- a/Program.cs
+++ b/Program.cs
@ -5,8 +5,6 @@ using Blazorise.Icons.FontAwesome;
 using Microsoft.AspNetCore.Components;
 using Microsoft.AspNetCore.Components.Web;
 using ProjetBlaser.Data;
 using ProjetBlaser.Services;
 using Blazored.Modal;
 var builder = WebApplication.CreateBuilder(args);
@ -15,8 +13,6 @@ builder.Services.AddRazorPages();
 builder.Services.AddServerSideBlazor();
 builder.Services.AddSingleton<WeatherForecastService>();
 builder.Services.AddHttpClient();
 builder.Services.AddScoped<IDataService, DataLocalService>();
 builder.Services.AddBlazoredModal();
 builder.Services
   .AddBlazorise()
   .AddBootstrapProviders()
--- a/ProjetBlaser.csproj
+++ b/ProjetBlaser.csproj
@ -8,14 +8,9 @@
  <ItemGroup>
    <PackageReference Include="Blazored.LocalStorage" Version="4.2.0" />
    <PackageReference Include="Blazored.Modal" Version="7.1.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" />
  </ItemGroup>
  <ItemGroup>
    <Folder Include="Modals\" />
  </ItemGroup>
 </Project>
--- a/Services/DataLocalService.cs
+++ b/Services/DataLocalService.cs
@ -1,183 +0,0 @@
 using Blazored.LocalStorage;
 using Microsoft.AspNetCore.Components;
 using ProjetBlaser.Factories;
 using ProjetBlaser.Models;
 namespace ProjetBlaser.Services
 {
    public class DataLocalService : IDataService
    {
        private readonly HttpClient _http;
        private readonly ILocalStorageService _localStorage;
        private readonly NavigationManager _navigationManager;
        private readonly IWebHostEnvironment _webHostEnvironment;
        public DataLocalService(
            ILocalStorageService localStorage,
            HttpClient http,
            IWebHostEnvironment webHostEnvironment,
            NavigationManager navigationManager)
        {
            _localStorage = localStorage;
            _http = http;
            _webHostEnvironment = webHostEnvironment;
            _navigationManager = navigationManager;
        }
        public async Task Add(ItemModel model)
        {
            // Get the current data
            var currentData = await _localStorage.GetItemAsync<List<Item>>("data");
            // Simulate the Id
            model.Id = currentData.Max(s => s.Id) + 1;
            currentData.Add(ItemFactory.Create(model));
            // Add the item to the current data
            currentData.Add(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
            });
            // Save the image
            var imagePathInfo = new DirectoryInfo($"{_webHostEnvironment.WebRootPath}/images");
            // Check if the folder "images" exist
            if (!imagePathInfo.Exists)
            {
                imagePathInfo.Create();
            }
            // Determine the image name
            var fileName = new FileInfo($"{imagePathInfo}/{model.Name}.png");
            // Write the file content
            await File.WriteAllBytesAsync(fileName.FullName, model.ImageContent);
            // Save the data
            await _localStorage.SetItemAsync("data", currentData);
        }
        public async Task<int> Count()
        {
            return (await _localStorage.GetItemAsync<Item[]>("data")).Length;
        }
        public async Task<List<Item>> List(int currentPage, int pageSize)
        {
            // Load data from the local storage
            var currentData = await _localStorage.GetItemAsync<Item[]>("data");
            // Check if data exist in the local storage
            if (currentData == null)
            {
                // this code add in the local storage the fake data
                var originalData = await _http.GetFromJsonAsync<Item[]>($"{_navigationManager.BaseUri}fake-data.json");
                await _localStorage.SetItemAsync("data", originalData);
            }
            return (await _localStorage.GetItemAsync<Item[]>("data")).Skip((currentPage - 1) * pageSize).Take(pageSize).ToList();
        }
        public async Task<Item> GetById(int id)
        {
            // Get the current data
            var currentData = await _localStorage.GetItemAsync<List<Item>>("data");
            // Get the item int the list
            var item = currentData.FirstOrDefault(w => w.Id == id);
            // Check if item exist
            if (item == null)
            {
                throw new Exception($"Unable to found the item with ID: {id}");
            }
            return item;
        }
        public async Task Update(int id, ItemModel model)
        {
            // Get the current data
            var currentData = await _localStorage.GetItemAsync<List<Item>>("data");
            // Get the item int the list
            var item = currentData.FirstOrDefault(w => w.Id == id);
            ItemFactory.Update(item, model);
            // Check if item exist
            if (item == null)
            {
                throw new Exception($"Unable to found the item with ID: {id}");
            }
            // Save the image
            var imagePathInfo = new DirectoryInfo($"{_webHostEnvironment.WebRootPath}/images");
            // Check if the folder "images" exist
            if (!imagePathInfo.Exists)
            {
                imagePathInfo.Create();
            }
            // Delete the previous image
            if (item.Name != model.Name)
            {
                var oldFileName = new FileInfo($"{imagePathInfo}/{item.Name}.png");
                if (oldFileName.Exists)
                {
                    File.Delete(oldFileName.FullName);
                }
            }
            // Determine the image name
            var fileName = new FileInfo($"{imagePathInfo}/{model.Name}.png");
            // Write the file content
            await File.WriteAllBytesAsync(fileName.FullName, model.ImageContent);
            // Modify the content of the item
            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;
            // Save the data
            await _localStorage.SetItemAsync("data", currentData);
        }
        public async Task Delete(int id)
        {
            // Get the current data
            var currentData = await _localStorage.GetItemAsync<List<Item>>("data");
            // Get the item int the list
            var item = currentData.FirstOrDefault(w => w.Id == id);
            // Delete item in
            currentData.Remove(item);
            // Delete the image
            var imagePathInfo = new DirectoryInfo($"{_webHostEnvironment.WebRootPath}/images");
            var fileName = new FileInfo($"{imagePathInfo}/{item.Name}.png");
            if (fileName.Exists)
            {
                File.Delete(fileName.FullName);
            }
            // Save the data
            await _localStorage.SetItemAsync("data", currentData);
        }
    }
 }
--- a/Services/IDataService.cs
+++ b/Services/IDataService.cs
@ -1,18 +0,0 @@
 using ProjetBlaser.Models;
 namespace ProjetBlaser.Services
 {
    public interface IDataService
    {
        Task Add(ItemModel model);
        Task<int> Count();
        Task<List<Item>> List(int currentPage, int pageSize);
        Task<Item> GetById(int id);
        Task Update(int id, ItemModel model);
        Task Delete(int id);
    }
 }
--- a/Shared/ParameterChild.razor
+++ b/Shared/ParameterChild.razor
@ -1,20 +0,0 @@
@using ProjetBlaser.Models
 <div class="card w-25" style="margin-bottom:15px">
    <div class="card-header font-weight-bold">@Title</div>
    <div class="card-body" style="font-style:@Body.Style">
        @Body.Text
    </div>
 </div>
@code {
    [Parameter]
    public string Title { get; set; } = "Set By Child";
    [Parameter]
    public PanelBody Body { get; set; } =
        new()
        {
            Text = "Set by child.",
            Style = "normal"
        };
 }
--- a/wwwroot/images/default.png
+++ b/wwwroot/images/default.png
--- a/wwwroot/images/furnafix.png
+++ b/wwwroot/images/furnafix.png
--- a/wwwroot/images/noe.png
+++ b/wwwroot/images/noe.png
--- a/wwwroot/images/tatatu.png
+++ b/wwwroot/images/tatatu.png