From mboxrd@z Thu Jan  1 00:00:00 1970
Return-Path: <zxce3@gnuweeb.org>
X-Spam-Checker-Version: SpamAssassin 3.4.6 (2021-04-09) on gnuweeb.org
X-Spam-Level: 
X-Spam-Status: No, score=-1.2 required=5.0 tests=ALL_TRUSTED,DKIM_SIGNED,
	DKIM_VALID,DKIM_VALID_AU,DKIM_VALID_EF,URIBL_BLOCKED autolearn=ham
	autolearn_force=no version=3.4.6
DKIM-Signature: v=1; a=rsa-sha256; c=relaxed/simple; d=gnuweeb.org;
	s=default; t=1682710515;
	bh=0vn+yax9UPi4LP7CFDd6Rdg47NwPa+G5rJeffnrn/vE=;
	h=From:To:Cc:Subject:Date:In-Reply-To:References;
	b=hfs1hZ9Ew+wEQ1Ig6FhZXDlECak2AtkG0d+fl2qB4NDzJbgjsiwv7g9fkgh/aFS8t
	 ZnHcTBKUrruvLgETxKYA5uL27xcV5y1ibMigc80N9JviJUaX44kbIU41uPcgfz3fwg
	 1fU9opZJu1fdyv4Ug9vLIAYovHRC1wlCvhkjl3useyyw7Lk7BMV2tftzwDErwcP+bm
	 M9vVE7ROweTMhKXZZ1a7CE02n8YuJjvSdozSSVqZAPbIply0xaKgRkJ2GMOlIIvrxL
	 Ykuj/twEtEu+6gQa0azgftI/nJlJnM8+hEqAW6K4kFGXjAOJ7YeyGMFQjstuwm8Frp
	 IZi7TM0ORbY7A==
Received: from localhost.localdomain (unknown [114.125.26.160])
	by gnuweeb.org (Postfix) with ESMTPSA id 64E3E245A26;
	Sat, 29 Apr 2023 02:35:12 +0700 (WIB)
From: Memet Zx <zxce3@gnuweeb.org>
To: Ammar Faizi <ammarfaizi2@gnuweeb.org>
Cc: Memet Zx <zxce3@gnuweeb.org>,
	GNU/Weeb Mailing List <gwml@vger.gnuweeb.org>,
	Memet Zx <memetpea25@gmail.com>
Subject: [PATCH gwspamd 3/3] gwspamd: web: Refactor Password Update Page
Date: Sat, 29 Apr 2023 02:34:58 +0700
Message-Id: <20230428193458.366546-4-zxce3@gnuweeb.org>
X-Mailer: git-send-email 2.34.1
In-Reply-To: <20230428193458.366546-1-zxce3@gnuweeb.org>
References: <20230428193458.366546-1-zxce3@gnuweeb.org>
MIME-Version: 1.0
Content-Transfer-Encoding: 8bit
List-Id: <gwml.vger.gnuweeb.org>

This commit refactors the UI of the password change form to improve
readability and adds a success modal instead of an alert when the
password is successfully updated. It also replaces the error alert with
a toast message to provide a better user experience.

Signed-off-by: Memet Zx <zxce3@gnuweeb.org>
---
 web/views/pages/settings/password.php | 52 +++++++++++++--------------
 1 file changed, 24 insertions(+), 28 deletions(-)

diff --git a/web/views/pages/settings/password.php b/web/views/pages/settings/password.php
index 95dda10..ebe9f6e 100644
--- a/web/views/pages/settings/password.php
+++ b/web/views/pages/settings/password.php
@@ -1,28 +1,21 @@
-<div class="content">
-	<div class="mw-full d-flex justify-content-center">
-		<form action="api.php?action=settings&amp;section=password" method="POST" id="change-pass-form" class="w-400 mw-full form-inline">
-			<table id="user-info" class="table">
-				<tr>
-					<th>
-						<div>Change Password</div>
-					</th>
-				</tr>
-				<tr>
-					<td>Current Password</td>
-					<td><input type="password" class="form-control" name="current_password" placeholder="Current Password" required /></td>
-				</tr>
-				<tr>
-					<td>New Password</td>
-					<td><input type="password" class="form-control" name="new_password" placeholder="New Password" required /></td>
-				</tr>
-				<tr>
-					<td>Confirm New Password</td>
-					<td><input type="password" class="form-control" name="confirm_new_password" placeholder="Confirm New Password" required /></td>
-				</tr>
-			</table>
-			<input class="btn btn-primary btn-block" type="submit" value="Save" />
-		</form>
-	</div>
+<h2 class="content-title">Update Password</h2>
+<hr />
+<div class="mw-full w-400">
+	<form action="api.php?action=settings&amp;section=password" method="POST" id="change-pass-form">
+		<div class="form-group">
+		  <label for="current_password" class="required">Current Password</label>
+		  <input type="password" class="form-control" id="password" name="current_password" placeholder="Current Password" required="required"/>
+		</div>
+		<div class="form-group">
+		  <label for="new_password" class="required">New Password</label>
+		  <input type="password" class="form-control" name="new_password" id="new_password" placeholder="New Password" required="required"/>
+		</div>
+		<div class="form-group">
+		  <label for="confirm_new_password" class="required">Confirm New Password</label>
+		  <input type="password" class="form-control" id="confirm_new_password" name="confirm_new_password" placeholder="Confirm New Password" required="required"/>
+		</div>
+		<input class="btn btn-primary" type="submit" value="Save" />
+	</form>
 </div>
 <script>
 	let form_password = gid("change-pass-form");
@@ -42,10 +35,13 @@
 			}
 
 			if (this.status == 200) {
-				alert("Password updated!");
-				window.location = "?ref=settings";
+				halfmoon.toggleModal('modal-success')
 			} else {
-				alert(res.error || "Unknown error");
+				if (res.error) {
+					toastErorrAlert(res.error);
+				} else {
+					toastErorrAlert("Unknown error");
+				}
 				toggle_all_inputs(true);
 			}
 		};
-- 
Memet Zx