From b3f3133e1aa373a2c67d1b4d87fbe76f71914536 Mon Sep 17 00:00:00 2001
From: tomivt <nguyentommy0708@icloud.com>
Date: Wed, 15 Jan 2025 14:42:58 +0100
Subject: [PATCH] Add modify/update on click button

---
 .../WF-WebAdmin/Pages/DeleteUser.razor        | 34 ++++++++++++-------
 .../WF-WebAdmin/Pages/DeleteUser.razor.cs     | 26 +++++++++++---
 WF-WebAdmin/WF-WebAdmin/wwwroot/css/site.css  |  5 +--
 .../WF-WebAdmin/wwwroot/fake-dataUser.json    |  4 +--
 4 files changed, 47 insertions(+), 22 deletions(-)

diff --git a/WF-WebAdmin/WF-WebAdmin/Pages/DeleteUser.razor b/WF-WebAdmin/WF-WebAdmin/Pages/DeleteUser.razor
index 47af991..d586324 100644
--- a/WF-WebAdmin/WF-WebAdmin/Pages/DeleteUser.razor
+++ b/WF-WebAdmin/WF-WebAdmin/Pages/DeleteUser.razor
@@ -1,11 +1,10 @@
 @page "/deleteuser"
+@using WF_WebAdmin.Model
 
 <PageTitle>Gestion utilisateur</PageTitle>
 
 <h3>Gestion des utilisateurs</h3>
 
-
-
 @if (users != null)
 {
     <p>Utilisateurs présents:</p>
@@ -17,29 +16,38 @@
             <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 id="DeleteButton" @onclick="() => ShowConfirmation(user)">Supprimer l'utilisateur</button>
+            <button id="DeleteButton" @onclick="() => ShowDeleteConfirmation(user)">Supprimer l'utilisateur</button>
+            <button id="ModifyButton" @onclick="() => ShowModifyConfirmation(user)">Modifier l'utilisateur</button>
         </div>
     }
-    <!-- Fenêtre  de confirmation -->
-    @if (showPopup)
+    @if (showDeletePopup)
     {
         <div class="divPopup">
             <div class="contentPopup">
                 <p>Êtes-vous sûr de vouloir supprimer cet utilisateur ?</p>
-                <button @onclick="() => RemoveUser()">Confirmer</button>
+                <button @onclick="RemoveUser">Confirmer</button>
+                <button @onclick="ClosePopup">Annuler</button>
+            </div>
+        </div>
+    }
+    @if (showModifyPopup)
+    {
+        <div class="divPopup">
+            <div class="contentPopup">
+                <p>Modifier les informations de l'utilisateur :</p>
+                <label>Nom d'utilisateur:</label>
+                <input type="text" @bind="selectedUser.Name"/>
+                <label>Email:</label>
+                <input type="email" @bind="selectedUser.Email" />
+                <label>Image:</label>
+                <input type="text" @bind="selectedUser.Image" />
+                <button @onclick="ModifyUser">Sauvegarder</button>
                 <button @onclick="ClosePopup">Annuler</button>
             </div>
         </div>
     }
-
-
 }
 else
 {
     <p><strong>Aucun utilisateurs présents sur le site</strong></p>
 }
-
-
-@code {
-
-}
diff --git a/WF-WebAdmin/WF-WebAdmin/Pages/DeleteUser.razor.cs b/WF-WebAdmin/WF-WebAdmin/Pages/DeleteUser.razor.cs
index 21b37cc..bca070f 100644
--- a/WF-WebAdmin/WF-WebAdmin/Pages/DeleteUser.razor.cs
+++ b/WF-WebAdmin/WF-WebAdmin/Pages/DeleteUser.razor.cs
@@ -7,8 +7,10 @@ namespace WF_WebAdmin.Pages
 {
     public partial class DeleteUser
     {
-        private bool showPopup = false;
+        private bool showDeletePopup = false;
+        private bool showModifyPopup = false;
         private User userToDelete = null;
+        private User selectedUser;
         
         [Inject]
         public HttpClient Http { get; set; }
@@ -25,27 +27,41 @@ namespace WF_WebAdmin.Pages
             users = await userService.GetUsersJson();
         }
 
-        private void ShowConfirmation(User user)
+        private void ShowDeleteConfirmation(User user)
         {
             // Afficher la modale et mémoriser l'utilisateur à supprimer
             userToDelete = user;
-            showPopup = true;
+            showDeletePopup = true;
+        }
+
+        private void ShowModifyConfirmation(User user)
+        {
+            // Afficher la modale et mémoriser l'utilisateur à supprimer
+            selectedUser = user;
+            showModifyPopup = true;
         }
 
         private async Task RemoveUser()
         {
             if (userToDelete != null)
             {
-                users.RemoveAll(u => u.Id == userToDelete.Id);
                 userService = new UserServiceStub($"fake-dataUser.json");
                 await userService.DeleteUserJson(userToDelete.Id);
                 ClosePopup();
             }
         }
 
+        private async Task ModifyUser()
+        {
+            userService = new UserServiceStub($"fake-dataUser.json");
+            await userService.UpdateUserJson(selectedUser);
+            ClosePopup();
+        }
+
         private void ClosePopup()
         {
-            showPopup = false;
+            showDeletePopup = false;
+            showModifyPopup = false;
         }
     }
 
diff --git a/WF-WebAdmin/WF-WebAdmin/wwwroot/css/site.css b/WF-WebAdmin/WF-WebAdmin/wwwroot/css/site.css
index 9f8f5cf..17da76e 100644
--- a/WF-WebAdmin/WF-WebAdmin/wwwroot/css/site.css
+++ b/WF-WebAdmin/WF-WebAdmin/wwwroot/css/site.css
@@ -105,7 +105,7 @@ button {
     left: 0;
     width: 100%;
     height: 100%;
-    background-color: white border-radius:20px;
+    border-radius:20px;
     display: flex;
     justify-content: center;
     align-items: center;
@@ -113,10 +113,11 @@ button {
 }
 
 .contentPopup {
-    background-color: white;
     padding: 20px;
     border-radius: 20px;
+    border: 3px solid black;
     display: flex;
+    background-color: white;
     flex-direction: column;
     gap: 10px;
     width: 300px;
diff --git a/WF-WebAdmin/WF-WebAdmin/wwwroot/fake-dataUser.json b/WF-WebAdmin/WF-WebAdmin/wwwroot/fake-dataUser.json
index bc2560f..01ef57f 100644
--- a/WF-WebAdmin/WF-WebAdmin/wwwroot/fake-dataUser.json
+++ b/WF-WebAdmin/WF-WebAdmin/wwwroot/fake-dataUser.json
@@ -2,8 +2,8 @@
   {
     "Id": 4,
     "Image": "https://tse2.mm.bing.net/th/id/OIP.3vXkEUJ9J8s-GsnBC6I3KAHaF0?w=185\u0026h=180\u0026c=7\u0026r=0\u0026o=5\u0026pid=1.7",
-    "Name": "dev",
-    "Email": "dev@gmail.com",
+    "Name": "jesus",
+    "Email": "jesus@allah.coran",
     "DateCreation": "2024-10-10T00:00:00"
   }
 ]
\ No newline at end of file