Confirm

StandManager/Components/App.razor

@@ -17,7 +17,7 @@
     <link href="/libs/Fontawesome/css/all.min.css" rel="stylesheet" />
     <link href="/libs/Fontawesome/css/regular.min.css" rel="stylesheet" />
     <link rel="icon" type="image/png" href="favicon.png" />
-    <RadzenTheme Theme="material" />
+    <RadzenTheme Theme="material" @rendermode="InteractiveServer" />
     <HeadOutlet />
 </head>
 
@@ -25,7 +25,9 @@
     <div class="page">
         <Routes />
     </div>
-
+    <RadzenDialog />
+    <RadzenNotification />
+    <RadzenContextMenu />
     <script src="_framework/blazor.web.js"></script>
 
     <script src="/lib/jquery/dist/jquery.js" asp-append-version="true"></script>

StandManager/Components/Pages/Management/Utenti.razor

@@ -1,25 +1,29 @@
 @attribute [Authorize]
 @page "/management/Utenti"
+
 @rendermode InteractiveServer
 
+@inject DialogService DialogService
+
 <PageTitle>Utenti</PageTitle>
 
 <div class="page-wrapper">
-    <!-- BEGIN PAGE HEADER -->
-    <div class="page-header d-print-none" aria-label="Page header">
-        <div class="container-xl">
-            <div class="row g-2 align-items-center">
-                <div class="col">
-                    <h2 class="page-title">Utenti</h2>
-                </div>
-            </div>
-        </div>
-    </div>
-    <!-- END PAGE HEADER -->
     <!-- BEGIN PAGE BODY -->
     <div class="page-body">
         <div class="container-xl">
             <div class="row row-cards">
+                <div class="col">
+                    <!-- Page pre-title -->
+                    <div class="page-pretitle">Overview</div>
+                    <h2 class="page-title">Utenti</h2>
+                </div>
+                <div class="col-auto ms-auto">
+                    <div class="btn-list">
+                        <a href="/management/Utenti/Modifica" class="btn btn-primary btn-5 d-none d-sm-inline-block">
+                            Nuovo utente
+                        </a>
+                    </div>
+                </div>
                 <div class="col-lg-12">
                     <div class="card">
                         <div class="table-responsive">
@@ -36,12 +40,9 @@
                                         <Template Context="user">
                                             <RadzenButton Icon="edit" ButtonStyle="ButtonStyle.Light" Variant="Variant.Flat" Size="ButtonSize.Medium" class="rz-my-1 rz-ms-1" Click="@(args => EditRow(user))" @onclick:stopPropagation="true" />
                                             <RadzenButton Icon="delete" ButtonStyle="ButtonStyle.Danger" Variant="Variant.Flat" Size="ButtonSize.Medium" Shade="Shade.Lighter" class="rz-my-1 rz-ms-1" Click="@(args => DeleteRow(user))" @onclick:stopPropagation="true" />
+                                            <RadzenButton Text="Confirm dialog with markup" ButtonStyle="ButtonStyle.Secondary"
+                                                          Click=@(args => DialogService.Confirm(GetMessage(), "MyTitle", new ConfirmOptions() { OkButtonText = "Yes", CancelButtonText = "No" })) />
                                         </Template>
-                                        <EditTemplate Context="user">
-                                            <RadzenButton Icon="check" ButtonStyle="ButtonStyle.Success" Variant="Variant.Flat" Size="ButtonSize.Medium" Click="@((args) => SaveRow(user))" aria-label="Save" />
-                                            <RadzenButton Icon="close" ButtonStyle="ButtonStyle.Light" Variant="Variant.Flat" Size="ButtonSize.Medium" class="rz-my-1 rz-ms-1" Click="@((args) => CancelEdit(user))" aria-label="Cancel" />
-                                            <RadzenButton Icon="delete" ButtonStyle="ButtonStyle.Danger" Variant="Variant.Flat" Size="ButtonSize.Medium" Shade="Shade.Lighter" class="rz-my-1 rz-ms-1" Click="@(args => DeleteRow(user))" aria-label="Delete" />
-                                        </EditTemplate>
                                     </RadzenDataGridColumn>
                                 </Columns>
                             </RadzenDataGrid>
@@ -71,16 +72,29 @@
 
     private async Task DeleteRow(Utente user)
     {
-        
+        var confirmationResult = await this.DialogService.Confirm("Are you sure?", "Dialog Title", new ConfirmOptions { OkButtonText = "Yes", CancelButtonText = "No" });
+        if (confirmationResult == true)
+        {
+            //Delete logic for id
+        }
+        // var ok = await dialog.Confirm($"Vuoi davvero eliminare l'utente {user.ToString()}?", "Conferma eliminazione", new ConfirmOptions { OkButtonText = "Sì", CancelButtonText = "No", Width = "400px" });
+
+        // if (ok == true)
+        // {
+        //     // qui fai l’eliminazione vera
+        //     //ASP
+        //     // se serve:
+        //     await InvokeAsync(StateHasChanged);
+        // }
     }
 
-    private async Task SaveRow(Utente user)
+    RenderFragment GetMessage()
     {
-        
+        return __builder =>
-    }
+        {
-
+            <text>
-    private async Task CancelEdit(Utente user)
+                Are <b>you</b> sure?
-    {
+            </text>
-        
+        };
     }
 }

StandManager/Components/Pages/Management/Utenti_Edit.razor

@@ -59,7 +59,12 @@
                                         </div>
 
                                         <div class="row">
-                                            <div class="col-4 mb-3">
+                                            <div class="col-3 mb-3">
+                                                <button type="button" class="btn btn-default w-100" @onclick="backToHome">
+                                                    Annulla
+                                                </button>
+                                            </div>
+                                            <div class="col-3 mb-3">
                                                 <button type="submit" class="btn btn-primary w-100">
                                                     Salva
                                                 </button>
@@ -117,4 +122,9 @@
         await _managerService.UtenteService.Salva(model, Guid.Parse(idClaim));
         _navManager.NavigateTo("/management/Utenti");
     }
+
+    private void backToHome()
+    {
+        _navManager.NavigateTo("/management/Utenti");
+    }
 }

StandManager/Model/UtenteViewModel.cs

@@ -7,13 +7,13 @@ namespace StandManager.Model
     {
         public Guid Id { get; set; }
         public string Username { get; set; }
-        //[Required]
+        [Required]
-        //[EmailAddress(ErrorMessage = "Email non valida")]
+        [EmailAddress(ErrorMessage = "Email non valida")]
         public string Email { get; set; }
         public string Password { get; set; }
-        //[Required(ErrorMessage ="Il nome è obbligatorio")]
+        [Required(ErrorMessage = "Il nome è obbligatorio")]
         public string Nome { get; set; }
-        //[Required(ErrorMessage = "Il cognome è obbligatorio")]
+        [Required(ErrorMessage = "Il cognome è obbligatorio")]
         public string Cognome { get; set; }
 
         public static implicit operator UtenteViewModel(Utente? model)