From 35c77868aa6d919319819fabdd1bdf8e8b9cfe9d Mon Sep 17 00:00:00 2001
From: Baoshuo <i@baoshuo.ren>
Date: Sun, 5 Feb 2023 20:36:06 +0800
Subject: [PATCH] refactor(reset_pw): bootstrap5

---
 web/app/controllers/reset_pw.php | 48 ++++++++++++++++++++------------
 web/app/locale/basic/en.php      |  1 +
 web/app/locale/basic/zh-cn.php   |  1 +
 3 files changed, 32 insertions(+), 18 deletions(-)

diff --git a/web/app/controllers/reset_pw.php b/web/app/controllers/reset_pw.php
index 0331f96..76e3ec2 100644
--- a/web/app/controllers/reset_pw.php
+++ b/web/app/controllers/reset_pw.php
@@ -1,4 +1,8 @@
 <?php
+requireLib('bootstrap5');
+requireLib('dialog');
+requireLib('md5');
+
 if (!isset($_GET['p'])) {
 	become404Page();
 }
@@ -46,24 +50,30 @@ if (isset($_POST['reset'])) {
 	die(resetPassword());
 }
 ?>
-<?php
-$REQUIRE_LIB['dialog'] = '';
-$REQUIRE_LIB['md5'] = '';
-?>
-<?php echoUOJPageHeader('更改密码') ?>
-<h2 class="page-header">更改密码</h2>
-<form id="form-reset" class="form-horizontal">
-	<div id="div-password" class="form-group">
-		<label for="input-password" class="col-sm-2 control-label">新密码</label>
-		<div class="col-sm-3">
-			<input type="password" class="form-control" id="input-password" name="password" placeholder="输入新密码" maxlength="20" />
-			<input type="password" class="form-control top-buffer-sm" id="input-confirm_password" placeholder="再次输入新密码" maxlength="20" />
-			<span class="help-block" id="help-password"></span>
+
+<?php echoUOJPageHeader(UOJLocale::get('reset password')) ?>
+
+<form id="form-reset" class="card mw-100 mx-auto" style="width:600px">
+	<div class="card-body">
+		<h1 class="card-title text-center mb-3">
+			<?= UOJLocale::get('reset password') ?>
+		</h1>
+		<div class="mb-1">
+			<label for="input-username" class="form-label"><?= UOJLocale::get('username') ?></label>
+			<input type="text" class="form-control" value="<?= $user['username'] ?>" disabled />
 		</div>
-	</div>
-	<div class="form-group">
-		<div class="col-sm-offset-2 col-sm-3">
-			<button type="submit" id="button-submit" class="btn btn-secondary">提交</button>
+		<div id="div-password" class="mb-1">
+			<label for="input-password" class="form-label">
+				<?= UOJLocale::get('new password') ?>
+			</label>
+			<input type="password" class="form-control" id="input-password" name="password" placeholder="<?= UOJLocale::get('enter your password') ?>" maxlength="20" />
+			<input type="password" class="form-control mt-2" id="input-confirm_password" placeholder="<?= UOJLocale::get('re-enter your password') ?>" maxlength="20" />
+			<span class="help-block invalid-feedback" id="help-password"></span>
+		</div>
+		<div class="text-center">
+			<button type="submit" id="button-submit" class="btn btn-primary">
+				<?= UOJLocale::get('submit') ?>
+			</button>
 		</div>
 	</div>
 </form>
@@ -74,12 +84,13 @@ $REQUIRE_LIB['md5'] = '';
 		ok &= getFormErrorAndShowHelp('password', validateSettingPassword);
 		return ok;
 	}
+
 	$(document).ready(function() {
 		$('#form-reset').submit(function(e) {
 			if (!validateResetPwPost()) {
 				return false;
 			}
-			$.post(<?= json_encode($_SERVER['REQUEST_URI']) ?>, {
+			$.post(<?= json_encode(UOJContext::requestURI()) ?>, {
 				reset: '',
 				newPW: md5($('#input-password').val(), "<?= getPasswordClientSalt() ?>")
 			}, function(res) {
@@ -116,4 +127,5 @@ $REQUIRE_LIB['md5'] = '';
 		});
 	});
 </script>
+
 <?php echoUOJPageFooter() ?>
diff --git a/web/app/locale/basic/en.php b/web/app/locale/basic/en.php
index 725a30f..f8eb64c 100644
--- a/web/app/locale/basic/en.php
+++ b/web/app/locale/basic/en.php
@@ -39,6 +39,7 @@ return [
 	'new password' => 'New password',
 	'current password' => 'Current password',
 	'confirm new password' => 'Confirm new password',
+	'reset password' => 'Reset Password',
 	'verification code' => 'Verification code',
 	'email' => 'Email',
 	'QQ' => 'QQ',
diff --git a/web/app/locale/basic/zh-cn.php b/web/app/locale/basic/zh-cn.php
index 6b05853..fde6faf 100644
--- a/web/app/locale/basic/zh-cn.php
+++ b/web/app/locale/basic/zh-cn.php
@@ -39,6 +39,7 @@ return [
 	'new password' => '新密码',
 	'current password' => '当前密码',
 	'confirm new password' => '确认新密码',
+	'reset password' => '重置密码',
 	'verification code' => '验证码',
 	'email' => 'Email',
 	'QQ' => 'QQ',