From fc0882805d9d67aa04ba80d52214e211bb041652 Mon Sep 17 00:00:00 2001
From: Hamidreza Ghavami <hamid.r.gh.1998@gmail.com>
Date: Mon, 8 May 2023 19:24:44 +0430
Subject: [PATCH] update UI to use password-input component

---
 web/html/login.html        | 12 ++++++------
 web/html/xui/settings.html |  4 ++--
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/web/html/login.html b/web/html/login.html
index ae90e107..c6a6f085 100644
--- a/web/html/login.html
+++ b/web/html/login.html
@@ -64,14 +64,14 @@
                             </a-input>
                         </a-form-item>
                         <a-form-item>
-                            <a-input type="password" v-model.trim="user.password"
-                                     placeholder='{{ i18n "password" }}' @keydown.enter.native="login">
-                                <a-icon slot="prefix" type="lock" :style="'font-size: 16px;' + themeSwitcher.textStyle" />
-                            </a-input>
+                            <password-input icon="lock" v-model.trim="user.password"
+                                            placeholder='{{ i18n "password" }}' @keydown.enter.native="login">
+                            </password-input>
                         </a-form-item>
                         <a-form-item v-if="secretEnable">
-                            <a-input type="text" placeholder='{{ i18n "secretToken" }}' v-model.trim="user.loginSecret" @keydown.enter.native="login">
-                            <a-icon slot="prefix" type="key" :style="'font-size: 16px;' + themeSwitcher.textStyle" />
+                            <password-input icon="key" v-model.trim="user.loginSecret"
+                                            placeholder='{{ i18n "secretToken" }}' @keydown.enter.native="login">
+                            </password-input>
                         </a-input>
                         </a-form-item>
                         <a-form-item>
diff --git a/web/html/xui/settings.html b/web/html/xui/settings.html
index 8463ee80..44b15771 100644
--- a/web/html/xui/settings.html
+++ b/web/html/xui/settings.html
@@ -82,13 +82,13 @@
                                             <a-input v-model="user.oldUsername" style="max-width: 300px"></a-input>
                                         </a-form-item>
                                         <a-form-item label='{{ i18n "pages.settings.currentPassword"}}'>
-                                            <a-input type="password" v-model="user.oldPassword" style="max-width: 300px"></a-input>
+                                            <password-input v-model="user.oldPassword" style="max-width: 300px"></password-input>
                                         </a-form-item>
                                         <a-form-item label='{{ i18n "pages.settings.newUsername"}}'>
                                             <a-input v-model="user.newUsername" style="max-width: 300px"></a-input>
                                         </a-form-item>
                                         <a-form-item label='{{ i18n "pages.settings.newPassword"}}'>
-                                            <a-input type="password" v-model="user.newPassword" style="max-width: 300px"></a-input>
+                                            <password-input v-model="user.newPassword" style="max-width: 300px"></password-input>
                                         </a-form-item>
                                         <a-form-item>
                                             <a-button type="primary" @click="updateUser">{{ i18n "confirm" }}</a-button>