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=1682710512;
	bh=0SYv4vCn2JaedgDCRxBNegscIoAr3Vva97dgK2uZwI8=;
	h=From:To:Cc:Subject:Date:In-Reply-To:References;
	b=lEybrmsexCbyy12K/008iUv3gWHUv7kqegz1mlrpRSJF+M0ix/nhhhR454+c1F91Z
	 XD9Wz0QCaBVTJS+buSrGfWO1fOrmzg+E5Gx6a4bXueHcbOTxn801NZfYYHyHL9dnIU
	 wedvyv/GODhMkz1iJzayLHtTyAHQIUbvKBAG7rI+yQorQzHXnNXDyROPyHnKNhmP3h
	 OYhe/2bo6lh30Ab2nLZLqQ3LIrhsmmjr5RJNYQpuyT8uJ0N0kVjs48qXMO1p1tBg0Z
	 pbYbg6XiaNieVaawSrZl/0KhU2v/JO9ldR0/9ZUQi81/CUkPxZRC6NjMazKsbbUra8
	 Nm71DWFZeWb3Q==
Received: from localhost.localdomain (unknown [114.125.26.160])
	by gnuweeb.org (Postfix) with ESMTPSA id 81018245A6E;
	Sat, 29 Apr 2023 02:35:10 +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 2/3] gwspamd: web: Refactor Profile Update Page
Date: Sat, 29 Apr 2023 02:34:57 +0700
Message-Id: <20230428193458.366546-3-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>

The previous code had a table layout for the form, which has been
replaced with a better-structured HTML form layout. The form now
includes separate input fields for first name, last name, username,
email, and password, and it has a new title and styling. The image
upload button and modal have also been updated to match the new design.

Signed-off-by: Memet Zx <zxce3@gnuweeb.org>
---
 web/views/pages/settings/profile.php | 90 +++++++++++++---------------
 1 file changed, 42 insertions(+), 48 deletions(-)

diff --git a/web/views/pages/settings/profile.php b/web/views/pages/settings/profile.php
index ea08893..4d973a3 100644
--- a/web/views/pages/settings/profile.php
+++ b/web/views/pages/settings/profile.php
@@ -1,53 +1,47 @@
-<div class="mw-full text-center">
-	<button id="photo-btn" type="button" data-toggle="modal" data-target="modal-profile">
-		<img id="user-photo" class="img-fluid rounded-circle" src="<?= e($u["photo_path"]); ?>" alt="<?= e($u["full_name"]); ?>" />
-	</button>
-	<div>
-		<a style="cursor: pointer;" id="photo-btn" type="button" data-toggle="modal" data-target="modal-profile">
-			Edit Photo
-		</a>
+<h2 class="content-title">Update Profile</h2>
+<hr />
+<div class="row">
+	<div class="col-lg-4 order-lg-12">
+		<div class="mw-full text-center">
+			<button id="photo-btn" type="button" data-toggle="modal" data-target="modal-profile">
+				<img id="user-photo" class="img-fluid h-auto rounded-circle" src="<?= e($u["photo_path"]); ?>" alt="<?= e($u["full_name"]); ?>" />
+			</button>
+			<div>
+				<a style="cursor: pointer;" id="photo-btn" type="button" data-toggle="modal" data-target="modal-profile">
+					Edit Photo
+				</a>
+			</div>
+		</div>
+	</div>
+	<div class="col-lg-8 order-lg-1">
+		<form class="mw-full" action="api.php?action=settings&amp;section=profile" enctype="multipart/form-data" method="POST" id="edit-profile-form">
+			<div class="form-group">
+		       <label for="first_name">First name</label>
+		       <input type="text" class="form-control" name="first_name" placeholder="<?= e($u["first_name"]); ?>" value="<?= e($u["first_name"]); ?>" required="required">
+		     </div>
+			 <div class="form-group">
+ 		       <label for="last_name">Last name</label>
+ 		       <input type="text" class="form-control" name="last_name" placeholder="<?= e($u["last_name"]); ?>" value="<?= e($u["last_name"]); ?>" required="required">
+ 		     </div>
+			 <div class="form-group">
+ 		       <label for="username">Username</label>
+ 		       <input type="text" class="form-control" name="username" placeholder="<?= e($u["username"]); ?>" value="<?= e($u["username"]); ?>" required="required">
+ 		     </div>
+			 <div class="form-group">
+ 		       <label for="email">Email</label>
+ 		       <input type="email" class="form-control" name="email" placeholder="<?= e($u["email"]); ?>" value="<?= e($u["email"]); ?>" required="required">
+ 		     </div>
+			 <div class="form-group">
+			  <label for="password" class="required">Current password</label>
+			  <input type="password" class="form-control" name="password" placeholder="Current password" required="required">
+			  <div class="form-text">
+				Enter your current password to edit your profile
+			  </div>
+			</div>
+			<input class="btn btn-primary" type="submit" value="Save">
+		</form>
 	</div>
-</div>
 
-<div class="mw-full d-flex justify-content-center">
-	<form class="w-400 mw-full" action="api.php?action=settings&amp;section=profile" enctype="multipart/form-data" method="POST" id="edit-profile-form">
-		<table class="table " id="user-info">
-			<tr>
-				<th align="center" colspan="3">
-					<div>Profile Info</div>
-				</th>
-			</tr>
-			<tr>
-				<td>User ID</td>
-				<td><?= e($u["id"]); ?></td>
-			</tr>
-			<tr>
-				<td>First Name</td>
-				<td><input class="form-control" type="text" name="first_name" value="<?= e($u["first_name"]); ?>" required /></td>
-			</tr>
-			<tr>
-				<td>Last Name</td>
-				<td><input class="form-control" type="text" name="last_name" value="<?= e($u["last_name"]); ?>" /></td>
-			</tr>
-			<tr>
-				<td>Username</td>
-				<td><input class="form-control" type="text" name="username" value="<?= e($u["username"]); ?>" required /></td>
-			</tr>
-			<tr>
-				<td>Email</td>
-				<td><input class="form-control" type="email" name="email" value="<?= e($u["email"]); ?>" required /></td>
-			</tr>
-			<tr>
-				<td align="center" colspan="3">
-					<div style="margin-top: 30px;">Enter your current password to edit your profile</div>
-				</td>
-			</tr>
-			<tr>
-				<td align="center" colspan="3"><input class="form-control" type="password" name="password" placeholder="Password" required /></td>
-			</tr>
-		</table>
-		<input class="btn btn-primary btn-block" type="submit" value="Save" />
-	</form>
 </div>
 <script>
 	var apply_photo, form_error;
-- 
Memet Zx