Suppression utilisateur (visuel)

WF-WebAdmin/WF-WebAdmin/Pages/DeleteUser.cs

@@ -1,12 +1,15 @@
 using Microsoft.AspNetCore.Components;
+using Microsoft.Extensions.Configuration.UserSecrets;
 using WF_WebAdmin.Model;
 
 namespace WF_WebAdmin.Pages
 {
     public partial class DeleteUser
     {
-        private User[] users;
+        private List<User> users;
 
+        private bool showPopup = false;
+        private User userToDelete = null;
         [Inject]
         public HttpClient Http { get; set; }
 
@@ -15,7 +18,34 @@ namespace WF_WebAdmin.Pages
 
         protected override async Task OnInitializedAsync()
         {
-            users = await Http.GetFromJsonAsync<User[]>($"{NavigationManager.BaseUri}fake-dataUser.json");
+            users = await Http.GetFromJsonAsync<List<User>>($"{NavigationManager.BaseUri}fake-dataUser.json");
+        }
+
+
+
+
+        private void ShowConfirmation(User user)
+        {
+            // Afficher la modale et mémoriser l'utilisateur à supprimer
+            userToDelete = user;
+            showPopup = true;
+        }
+
+
+
+        private async Task RemoveUser()
+        {
+            if(userToDelete != null)
+            {
+                users.RemoveAll(u => u.Id == userToDelete.Id);
+                ClosePopup();
+            }
+        }
+
+        private void ClosePopup()
+        {
+            showPopup = false;
         }
     }
+    
 }

WF-WebAdmin/WF-WebAdmin/Pages/DeleteUser.razor

@@ -2,12 +2,13 @@
 
 <PageTitle>Gestion utilisateur</PageTitle>
 
+<h3>Gestion des utilisateurs</h3>
+
+
+
 @if(users != null)
 {
-    <h3>Gestion des utilisateurs</h3>
-
     <p>Utilisateurs présents:</p>
-
     @foreach (var user in users)
     {
         <div class="userDiv">
@@ -16,11 +17,56 @@
             <p class="pseudo"><strong>Nom d'utilisateur :</strong> @user.Name</p>
             <p class="mail"><strong>Email de l'utilisateur :</strong> @user.Email</p>
             <p class="dateCrea"><strong>Date de création de l'utilisateur :</strong> @user.DateCreation.ToShortDateString()</p>
-            <button>Supprimer l'utilisateur</button>
+            <button id="DeleteButton" @onclick="() => ShowConfirmation(user)">Supprimer l'utilisateur</button>
         </div>
     }
+    <!-- Fenêtre  de confirmation -->
+    @if (showPopup)
+    {
+        <div class="divPopup">
+            <div class="contentPopup">
+                <p>Êtes-vous sûr de vouloir supprimer cet utilisateur ?</p>
+                <button @onclick="() => RemoveUser()">Confirmer</button>
+                <button @onclick="ClosePopup">Annuler</button>
+            </div>
+        </div>
+    }
+
+
+}
+else
+{
+    <p>Aucun utilisateurs présents sur le site</p>
 }
 
+<style>
+    .divPopup {
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        background-color:white
+        border-radius:20%;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        z-index: 999;
+    }
+
+    .contentPopup {
+        background-color: white;
+        padding: 20px;
+        border-radius: 20px;
+        display: flex;
+        flex-direction: column;
+        gap: 10px;
+        width: 300px;
+        text-align: center;
+    }
+
+        
+</style>
 @code {
     
 }

WF-WebAdmin/WF-WebAdmin/Pages/ValidQuote.razor

@@ -2,7 +2,7 @@
 
 @if(quotes != null){
     <h3>Citations non validées</h3>
-    <p>Citations en attente de validation:</p>
+    <p>Citations en attente de validation par un administrateur:</p>
 
     @foreach(var quote in quotes)
     {