diff --git a/blazor_lab/App.razor b/blazor_lab/App.razor
index 623580d..6346f35 100644
--- a/blazor_lab/App.razor
+++ b/blazor_lab/App.razor
@@ -1,12 +1,14 @@
-
-
-
-
-
-
- Not found
-
-
Sorry, there's nothing at this address.
-
-
-
+
+
+
+
+
+
+
+ Not found
+
+
Sorry, there's nothing at this address.
+
+
+
+
\ No newline at end of file
diff --git a/blazor_lab/Modals/DeleteConfirmation.razor b/blazor_lab/Modals/DeleteConfirmation.razor
new file mode 100644
index 0000000..93f7a46
--- /dev/null
+++ b/blazor_lab/Modals/DeleteConfirmation.razor
@@ -0,0 +1,10 @@
+
+
+
+ Are you sure you want to delete @item.DisplayName ?
+
+
+
+
+
+
\ No newline at end of file
diff --git a/blazor_lab/Modals/DeleteConfirmation.razor.cs b/blazor_lab/Modals/DeleteConfirmation.razor.cs
new file mode 100644
index 0000000..26d6c66
--- /dev/null
+++ b/blazor_lab/Modals/DeleteConfirmation.razor.cs
@@ -0,0 +1,38 @@
+using blazor_lab.Models;
+using blazor_lab.Services;
+using Blazored.Modal.Services;
+using Blazored.Modal;
+using Microsoft.AspNetCore.Components;
+
+namespace blazor_lab.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();
+
+ protected override async Task OnInitializedAsync()
+ {
+ // Get the item
+ item = await DataService.GetById(Id);
+ }
+
+ void ConfirmDelete()
+ {
+ ModalInstance.CloseAsync(ModalResult.Ok(true));
+ }
+
+ void Cancel()
+ {
+ ModalInstance.CancelAsync();
+ }
+ }
+}
diff --git a/blazor_lab/Pages/List.razor b/blazor_lab/Pages/List.razor
index 4869c01..90d945b 100644
--- a/blazor_lab/Pages/List.razor
+++ b/blazor_lab/Pages/List.razor
@@ -55,6 +55,9 @@
Editer
+
diff --git a/blazor_lab/Pages/List.razor.cs b/blazor_lab/Pages/List.razor.cs
index f5f5870..ab6c643 100644
--- a/blazor_lab/Pages/List.razor.cs
+++ b/blazor_lab/Pages/List.razor.cs
@@ -1,6 +1,8 @@
-using blazor_lab.Models;
+using blazor_lab.Modals;
+using blazor_lab.Models;
using blazor_lab.Services;
-using Blazored.LocalStorage;
+using Blazored.Modal;
+using Blazored.Modal.Services;
using Blazorise.DataGrid;
using Microsoft.AspNetCore.Components;
@@ -18,6 +20,12 @@ namespace blazor_lab.Pages
[Inject]
public IWebHostEnvironment WebHostEnvironment { get; set; }
+ [Inject]
+ public NavigationManager NavigationManager { get; set; }
+
+ [CascadingParameter]
+ public IModalService Modal { get; set; }
+
protected override async Task OnAfterRenderAsync(bool firstRender)
{
// Do not treat this action if is not the first render
@@ -47,5 +55,26 @@ namespace blazor_lab.Pages
{
items = await DataService.List(1, 10);
}
+
+ private async Task OnDeleteAsync(int id)
+ {
+ var parameters = new ModalParameters
+ {
+ { nameof(Item.Id), id }
+ };
+
+ var modal = Modal.Show("Delete Confirmation", parameters);
+ var result = await modal.Result;
+
+ if (result.Cancelled)
+ {
+ return;
+ }
+
+ await DataService.Delete(id);
+
+ // Reload the page
+ NavigationManager.NavigateTo("list", true);
+ }
}
}
diff --git a/blazor_lab/Pages/_Layout.cshtml b/blazor_lab/Pages/_Layout.cshtml
index e4979ec..44f8e88 100644
--- a/blazor_lab/Pages/_Layout.cshtml
+++ b/blazor_lab/Pages/_Layout.cshtml
@@ -28,6 +28,8 @@
+
+