continuation

Modals/DeleteConfirmation.razor

@@ -0,0 +1,11 @@
+<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>
+

Modals/DeleteConfirmation.razor.cs

@@ -0,0 +1,38 @@
+using Blazored.Modal;
+using Blazored.Modal.Services;
+using Microsoft.AspNetCore.Components;
+using ProjetBlaser.Models;
+using ProjetBlaser.Services;
+
+namespace ProjetBlaser.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();
+        }
+    }
+}

Pages/List.razor.cs

@@ -1,6 +1,9 @@
 using Blazored.LocalStorage;
+using Blazored.Modal;
+using Blazored.Modal.Services;
 using Blazorise.DataGrid;
 using Microsoft.AspNetCore.Components;
+using ProjetBlaser.Modals;
 using ProjetBlaser.Models;
 using ProjetBlaser.Services;
 
@@ -31,9 +34,30 @@ namespace ProjetBlaser.Pages
                 totalItem = await DataService.Count();
             }
         }
-        private void OnDelete(int id)
+        [Inject]
+        public NavigationManager NavigationManager { get; set; }
+
+        [CascadingParameter]
+        public IModalService Modal { get; set; }
+
+        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);
         }
+
     }
 }

ProjetBlaser.csproj

@@ -14,8 +14,4 @@
     <PackageReference Include="Blazorise.Icons.FontAwesome" Version="1.1.2" />
   </ItemGroup>
 
-  <ItemGroup>
-    <Folder Include="Modals\" />
-  </ItemGroup>
-
 </Project>