feat : supprimer

Blazor/Blazor/App.razor

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

Blazor/Blazor/Blazor.csproj

@@ -1,4 +1,4 @@
-<Project Sdk="Microsoft.NET.Sdk.Web">
+<Project Sdk="Microsoft.NET.Sdk.Web">
 
   <PropertyGroup>
     <TargetFramework>net7.0</TargetFramework>
@@ -6,11 +6,30 @@
     <ImplicitUsings>enable</ImplicitUsings>
   </PropertyGroup>
 
+  <ItemGroup>
+    <Content Remove="Pages\_Layout.cshtml" />
+  </ItemGroup>
+
   <ItemGroup>
     <PackageReference Include="Blazored.LocalStorage" Version="4.4.0" />
+    <PackageReference Include="Blazored.Modal" Version="7.1.0" />
     <PackageReference Include="Blazorise.Bootstrap" Version="1.4.0" />
     <PackageReference Include="Blazorise.DataGrid" Version="1.4.0" />
     <PackageReference Include="Blazorise.Icons.FontAwesome" Version="1.4.0" />
+    <PackageReference Include="System.Net.Http" Version="4.3.4" />
+    <PackageReference Include="System.Text.RegularExpressions" Version="4.3.1" />
+  </ItemGroup>
+
+  <ItemGroup>
+    <UpToDateCheckInput Remove="Pages\_Layout.cshtml" />
+  </ItemGroup>
+
+  <ItemGroup>
+    <_ContentIncludedByDefault Remove="Pages\_Layout.cshtml" />
+  </ItemGroup>
+
+  <ItemGroup>
+    <None Include="Pages\_Layout.cshtml" />
   </ItemGroup>
 
 </Project>

Blazor/Blazor/Modals/DeleteConfirmation.razor

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

Blazor/Blazor/Modals/DeleteConfirmation.razor.cs

@@ -0,0 +1,38 @@
+using Blazor.Services;
+using Blazored.Modal.Services;
+using Blazored.Modal;
+using Microsoft.AspNetCore.Components;
+using Blazor.Models;
+
+namespace 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 Chapter chapter = new Chapter();
+
+        protected override async Task OnInitializedAsync()
+        {
+            // Get the chapter
+            chapter = await DataService.GetById(Id);
+        }
+
+        void ConfirmDelete()
+        {
+            ModalInstance.CloseAsync(ModalResult.Ok(true));
+        }
+
+        void Cancel()
+        {
+            ModalInstance.CancelAsync();
+        }
+    }
+}

Blazor/Blazor/Models/Answer.cs

@@ -1,16 +1,16 @@
-namespace Blazor.Models
-{
-    public class Answer
-    {
-        public int Id { get; private set; }
-        public string Content { get; set; }
-        public int IdQuestion { get; private set; }
-
+namespace Blazor.Models
+{
+    public class Answer
+    {
+        public int Id { get; private set; }
+        public string Content { get; set; }
+        public int IdQuestion { get; private set; }
+
         public Answer(int id, string content, int idQuestion)
         {
             Id = id;
             Content = content;
             IdQuestion = idQuestion;
-        }
-    }
-}
+        }
+    }
+}

Blazor/Blazor/Pages/Chapters.razor

@@ -1,6 +1,7 @@
 @page "/chapters"
 @using Blazor.Models;
 @using Blazorise.DataGrid
+@using Blazored.Modal;
 <h3>Chapters</h3>
 
 <div>
@@ -21,6 +22,7 @@
     <DataGridColumn TItem="Chapter" Field="@nameof(Chapter.Id)" Caption="Action">
         <DisplayTemplate>
             <a href="editChapter/@(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>

Blazor/Blazor/Pages/Chapters.razor.cs

@@ -2,8 +2,10 @@
 using Blazor.Models;
 using Blazorise.DataGrid;
 using Blazored.LocalStorage;
-using Blazorise;
 using Blazor.Services;
+using Blazor.Modals;
+using Blazored.Modal;
+using Blazored.Modal.Services;
 
 namespace Blazor.Pages
 {
@@ -13,6 +15,12 @@ namespace Blazor.Pages
 
         private int totalItem;
 
+        [Inject]
+        public NavigationManager NavigationManager { get; set; }
+
+        [CascadingParameter]
+        public IModalService Modal { get; set; }
+
         [Inject]
         public IDataService DataService { get; set; }
 
@@ -32,5 +40,26 @@ namespace Blazor.Pages
                 totalItem = await DataService.Count();
             }
         }
+
+
+        private async void OnDelete(int id)
+        {
+            var parameters = new ModalParameters();
+            parameters.Add(nameof(Chapter.Id), id);
+
+            var modal = Modal.Show<DeleteConfirmation>("Delete Confirmation", parameters);
+            var result = modal.Result;
+
+            if (result.IsCanceled)
+            {
+                return;
+            }
+
+            await DataService.Delete(id);
+
+            // Reload the page
+            NavigationManager.NavigateTo("chapters", true);
+        }
+
     }
 }

Blazor/Blazor/Pages/_Layout.cshtml

@@ -0,0 +1,16 @@
+<html>
+    <body>
+
+
+        <link href="_content/Blazored.Modal/blazored-modal.css" rel="stylesheet" />
+        <script src="_content/Blazored.Modal/blazored.modal.js"></script>
+
+        <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/Blazorise/blazorise.css" rel="stylesheet" />
+        <link href="_content/Blazorise.Bootstrap/blazorise.bootstrap.css" rel="stylesheet" />
+
+    </body>
+</html>

Blazor/Blazor/Program.cs

@@ -6,6 +6,7 @@ using Blazorise.Bootstrap;
 using Blazorise.Icons.FontAwesome;
 using Microsoft.AspNetCore.Components;
 using Microsoft.AspNetCore.Components.Web;
+using Blazored.Modal;
 
 var builder = WebApplication.CreateBuilder(args);
 
@@ -23,6 +24,9 @@ builder.Services
 
 builder.Services.AddBlazoredLocalStorage();
 
+builder.Services.AddBlazoredModal();
+
+
 builder.Services.AddScoped<IDataService, DataLocalService>();
 
 var app = builder.Build();

Blazor/Blazor/Services/DataLocalService.cs

@@ -82,6 +82,22 @@ namespace Blazor.Services
             await _localStorage.SetItemAsync("data", currentData);
         }
 
+        public async Task Delete(int id)
+        {
+            // Get the current data
+            var currentData = await _localStorage.GetItemAsync<List<Chapter>>("data");
+
+            // Get the chapter int the list
+            var chapter = currentData.FirstOrDefault(w => w.Id == id);
+
+            // Delete chapter in
+            currentData.Remove(chapter);
+
+            // Save the data
+            await _localStorage.SetItemAsync("data", currentData);
+        }
+
+
 
         public async Task<int> Count()
         {

Blazor/Blazor/Services/IDataService.cs

@@ -13,5 +13,7 @@ namespace Blazor.Services
         Task<Chapter> GetById(int id);
 
         Task Update(int id, ChapterModel model);
+
+        Task Delete(int id);
     }
 }

Blazor/Blazor/_Imports.razor

@@ -9,4 +9,6 @@
 @using Blazor
 @using Blazor.Shared
 @using Blazorise.DataGrid
+@using Blazored.Modal
+@using Blazored.Modal.Services