Try to search/sort

Code/ProjetBlazor/Components/ItemsList.razor

@@ -3,27 +3,25 @@
 <CascadingValue Value="@this">
     <div class="css-grid">
         <div><h1>@Localizer["List"]</h1></div>
+
         <DataGrid TItem="Item"
                 Data="@items"
                 ReadData="@OnReadData"
                 TotalItems="@totalItem"
                 PageSize="8"
+                Filterable
                 ShowPager
                 Responsive>
-            <DataGridColumn TItem="Item" Field="@nameof(Item.Id)" Caption="@Localizer["Image"]">
+            <DataGridColumn TItem="Item" Field="@nameof(Item.Id)" Caption="@Localizer["Image"]" Filterable="false">
                 <DisplayTemplate>
                         @if (!string.IsNullOrWhiteSpace(context.ImageBase64))
                         {
-                                <img src="data:image/png;base64, @(context.ImageBase64)" class="img-thumbnail" title="@context.DisplayName" alt="@context.DisplayName" style ="min-width: 50px; max-width: 150px" />
-                        }
-                        else
-                        {
-                                <img src="images/default.png" class="img-thumbnail" title="@context.DisplayName" alt="@context.DisplayName" style="max-width: 150px"  />
+                            <img src="data:image/png;base64, @(context.ImageBase64)" class="img-thumbnail" title="@context.DisplayName" alt="@context.DisplayName" style="min-width: 50px; max-width: 150px"/>
                         }
                 </DisplayTemplate>
             </DataGridColumn>
-            <DataGridColumn TItem="Item" Field="@nameof(Item.DisplayName)" Caption="@Localizer["Nom"]" />
-            <DataGridColumn TItem="Item" Field="@nameof(Item.StackSize)" Caption="@Localizer["Stack"]" />
+            <DataGridColumn TItem="Item" Field="@nameof(Item.DisplayName)" Caption="@Localizer["Nom"]" Filterable="true"/>
+            <DataGridColumn TItem="Item" Field="@nameof(Item.StackSize)" Caption="@Localizer["Stack"]" Filterable="false" />
         </DataGrid>
     </div>
         

Code/ProjetBlazor/Components/ItemsList.razor.cs

@@ -44,7 +44,7 @@ namespace ProjetBlazor.Components
 
         private void OnActionsCollectionChanged(object? sender, NotifyCollectionChangedEventArgs e)
         {
-            JavaScriptRuntime.InvokeVoidAsync("Crafting.AddActions", e.NewItems);
+            _ = JavaScriptRuntime.InvokeVoidAsync("Crafting.AddActions", e.NewItems);
         }
 
         private List<Item>? items;
@@ -77,5 +77,12 @@ namespace ProjetBlazor.Components
                 totalItem = await DataService.Count();
             }
         }
+        protected override async Task OnInitializedAsync()
+        {
+            items = await DataService.getAll();
+            totalItem = await DataService.Count();
+            await base.OnInitializedAsync();
+        }
+
     }
 }

Code/ProjetBlazor/Program.cs

@@ -18,7 +18,6 @@ builder.Services.AddBlazorise();
 builder.Services.AddBootstrapProviders();
 builder.Services.AddFontAwesomeIcons();
 builder.Services.AddBlazoredLocalStorage();
-builder.Services.AddScoped<IDataService, DataLocalService>();
 builder.Services.AddBlazoredModal();
 builder.Services.AddScoped<IDataService, DataApiService>();
 

Code/ProjetBlazor/Services/DataApiService.cs

@@ -50,5 +50,11 @@ namespace ProjetBlazor.Services
         {
             await _http.DeleteAsync($"https://localhost:7234/api/Crafting/{id}");
         }
+
+        public async Task<List<Item>> getAll()
+        {
+            return await _http.GetFromJsonAsync<List<Item>>($"https://codefirst.iut.uca.fr/containers/container-blazor-web-api-marcchevaldonne/api/Crafting/all");
+        }
+
     }
 }

Code/ProjetBlazor/Services/DataLocalService.cs

@@ -1,177 +0,0 @@
-using Blazored.LocalStorage;
-using Microsoft.AspNetCore.Components;
-using ProjetBlazor.Components;
-using ProjetBlazor.Factories;
-using ProjetBlazor.Models;
-
-namespace ProjetBlazor.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;
-
-            // Add the item to the current data
-            currentData.Add(ItemFactory.Create(model));
-
-            // 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()
-        {
-            // 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")).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);
-
-            // 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
-            ItemFactory.Update(item, model);
-
-            // 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);
-        }
-    }
-}

Code/ProjetBlazor/Services/IDataService.cs

@@ -13,6 +13,8 @@ namespace ProjetBlazor.Services
 
         Task<Item> GetById(int id);
 
+        Task<List<Item>> getAll();
+
         Task Update(int id, ItemModel model);
 
         Task Delete(int id);

Code/ProjetBlazor/bin/Debug/net6.0/ProjetBlazor.deps.json

@@ -20,6 +20,14 @@
         },
         "runtime": {
           "ProjetBlazor.dll": {}
+        },
+        "resources": {
+          "en-US/ProjetBlazor.resources.dll": {
+            "locale": "en-US"
+          },
+          "fr-FR/ProjetBlazor.resources.dll": {
+            "locale": "fr-FR"
+          }
         }
       },
       "Blazored.LocalStorage/4.3.0": {

Code/ProjetBlazor/obj/Debug/net6.0/ProjetBlazor.csproj.CoreCompileInputs.cache

@@ -1 +1 @@
-47b84b5f92ec96be88b4551f09de2a86289c4cba
+1998abbd55f70adf1b2452b459c286ca2ba6bf0b