Modal added

BlazorTp1/App.razor

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

BlazorTp1/BlazorTp1.csproj

@@ -13,6 +13,7 @@
 
   <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" />

BlazorTp1/Pages/List.razor

@@ -46,6 +46,7 @@
         <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>

BlazorTp1/Pages/List.razor.cs

@@ -30,5 +30,9 @@ namespace BlazorTp1.Pages
                 totalItem = await DataService.Count();
             }
         }
+        private void OnDelete(int id)
+        {
+
+        }
     }
 }

BlazorTp1/Pages/_Layout.cshtml

@@ -34,5 +34,8 @@
     <link href="_content/Blazorise/blazorise.css" rel="stylesheet" />
     <link href="_content/Blazorise.Bootstrap/blazorise.bootstrap.css" rel="stylesheet" />
 
+    <link href="_content/Blazored.Modal/blazored-modal.css" rel="stylesheet" />
+    <script src="_content/Blazored.Modal/blazored.modal.js"></script>
+
 </body>
 </html>

BlazorTp1/Program.cs

@@ -3,6 +3,7 @@ using Blazorise;
 using Blazorise.Bootstrap;
 using Blazorise.Icons.FontAwesome;
 using BlazorTp1.Data;
+using Blazored.Modal;
 using Microsoft.AspNetCore.Components;
 using Microsoft.AspNetCore.Components.Web;
 
@@ -24,6 +25,8 @@ builder.Services.AddBlazoredLocalStorage();
 
 builder.Services.AddScoped<IDataService, DataLocalService>();
 
+builder.Services.AddBlazoredModal();
+
 var app = builder.Build();
 
 // Configure the HTTP request pipeline.

BlazorTp1/Services/DataLocalService.cs

@@ -138,4 +138,28 @@ public class DataLocalService : IDataService
         // 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);
+    }
 }

BlazorTp1/Services/IDataService.cs

@@ -12,4 +12,6 @@ public interface IDataService
     Task<Item> GetById(int id);
 
     Task Update(int id, ItemModel item);
+
+    Task Delete(int id);
 }

BlazorTp1/_Imports.razor

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