From 5620b98373d558f6b8eb2eb40d4056c8cef1b825 Mon Sep 17 00:00:00 2001
From: Fu Zi Xiang <speed2exe@live.com.sg>
Date: Wed, 11 Oct 2023 18:17:23 +0800
Subject: [PATCH] feat: added add user set password web ui

---
 admin_frontend/templates/user_details.html | 57 +++++++++++++++++++++-
 admin_frontend/templates/users.html        |  1 -
 2 files changed, 56 insertions(+), 2 deletions(-)
diff --git a/admin_frontend/templates/user_details.html b/admin_frontend/templates/user_details.html
index 12644010..45e45fda 100644
--- a/admin_frontend/templates/user_details.html
+++ b/admin_frontend/templates/user_details.html
@@ -2,7 +2,21 @@
 <html lang="en">
   <body>
     <h1>User Detail</h1>
-    <h2>{{ user.email|escape }}</h2>
+    <h2>
+      {{ user.email|escape }}
+      <!-- Added Set Password Button -->
+      <button id="setPasswordBtn">Set Password</button>
+    </h2>
+
+    <div id="passwordModal" style="display: none;">
+      <label for="newPassword">New Password:</label>
+      <input type="password" id="newPassword" name="newPassword">
+      <button id="submitPasswordBtn">Submit</button>
+      <button id="closePasswordModalBtn">Close</button>
+    </div>
+
+    <br>
+
     <p>Phone: {{ user.phone|escape }}</p>
     <p>Email Confirmed At: {{ user.email_confirmed_at|default("-") }}</p>
     <p>Phone Confirmed At: {{ user.phone_confirmed_at|default("-")|escape }}</p>
@@ -11,5 +25,46 @@
     <p>Updated At: {{ user.updated_at|escape }}</p>
 
     <a href="/web/admin/users">Back to User List</a>
+
+    <script>
+      document.getElementById('setPasswordBtn').addEventListener('click', function() {
+        document.getElementById('passwordModal').style.display = 'block';
+      });
+
+      document.getElementById('closePasswordModalBtn').addEventListener('click', function() {
+        document.getElementById('passwordModal').style.display = 'none';
+      });
+
+      document.getElementById('submitPasswordBtn').addEventListener('click', function() {
+        const newPassword = document.getElementById('newPassword').value;
+        let confirmed = confirm("Set new password?");
+        if(confirmed && newPassword) {
+          fetch('/web-api/set_user_password', {
+              method: 'POST',
+              headers: {
+                  'Content-Type': 'application/json',
+              },
+              body: JSON.stringify({
+                  userId: "{{ user.id }}",
+                  newPassword: newPassword,
+              }),
+          })
+          .then((response) => {
+              if(!response.ok) {
+                  throw new Error('Network response was not ok');
+              }
+              return response.json();
+          })
+          .then((data) => {
+              alert('Password set successfully!');
+              document.getElementById('passwordModal').style.display = 'none';
+          })
+          .catch((error) => {
+              console.error('Error setting password:', error);
+              alert('Failed to set password. Please try again later.');
+          });
+        }
+      });
+    </script>
   </body>
 </html>
diff --git a/admin_frontend/templates/users.html b/admin_frontend/templates/users.html
index 6d678ae9..a54a0261 100644
--- a/admin_frontend/templates/users.html
+++ b/admin_frontend/templates/users.html
@@ -10,7 +10,6 @@
 
     <table>
       <tr>
-        <th>Id</th>
         <th>Email</th>
         <th>Created At</th>
         <th>Action</th>
