Remove abandoned confirm-password feature hidden with v-show=false

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-03-09 14:00:26 +08:00
parent 69d31c6c8b
commit 932275e4d4

View File

@@ -169,89 +169,6 @@
</div>
</div>
</div>
<div
v-show="false"
id="confirm_pwd_row"
class="input-row w-full grid grid-cols-2 grid-cols-[122px_1fr] gap-x-4 mb-4 flex items-center"
>
<!-- 2-by-2 grid; the bottom-left cell is a dummy cell with no content -->
<span
v-show="false"
class="field-label w-[122px] text-sm flex items-center justify-end text-right font-medium mr-4 whitespace-nowrap"
:class="{
'text-[#000000]': isPwdMatched,
'text-[#FF3366]': !isPwdMatched,
}"
>
{{ i18next.t("AcctMgmt.ConfirmPassword") }}
</span>
<div
v-show="false"
class="input-and-toggle-btn w-[454px] flex flex-row rounded border border-[1px] relative items-center h-[40px] mb-4"
:class="{
'border-[#000000]': isPwdMatched,
'border-[#FF3366]': !isPwdMatched,
}"
>
<input
v-show="false"
id="input_second_pwd"
class="outline-none p-1 w-[352px]"
:type="isPwdConfirmEyeOn ? 'text' : 'password'"
v-model="inputConfirmPwd"
:readonly="!isEditable"
@dblclick="onInputDoubleClick"
:class="{
'text-[#000000]': isPwdMatched,
'text-[#FF3366]': !isPwdMatched,
}"
autocomplete="off"
/>
<img
v-if="isPwdConfirmEyeOn"
src="@/assets/icon-eye-open.svg"
class="absolute right-[8px] cursor-pointer"
@click="togglePwdConfirmEyeBtn"
alt="eye"
/>
<img
v-else
src="@/assets/icon-eye-hide.svg"
class="absolute right-[8px] cursor-pointer"
@click="togglePwdConfirmEyeBtn"
alt="eye"
/>
</div>
<div class="dummy-grid h-[24px]"></div>
<!-- Use dummy-grid to maintain the height -->
<div class="error-msg-section flex justify-start">
<img
v-show="!isPwdMatched"
src="@/assets/icon-alert.svg"
alt="!"
class="exclamation-img flex mr-2"
/>
<span class="error-msg-text flex text-[#FF3366] h-[24px]">
{{ isPwdMatched ? "" : i18next.t("AcctMgmt.PwdNotMatch") }}
</span>
</div>
<div class="dummy-grid h-[24px]"></div>
<!-- Use dummy-grid to maintain the height -->
<div class="error-msg-section flex justify-start">
<img
v-show="!isPwdLengthValid"
src="@/assets/icon-alert.svg"
alt="!"
class="exclamation-img flex mr-2"
/>
<span class="error-msg-text flex text-[#FF3366] h-[24px]">
{{
isPwdLengthValid ? "" : i18next.t("AcctMgmt.PwdLengthNotEnough")
}}
</span>
</div>
</div>
<div
v-if="whichCurrentModal === MODAL_CREATE_NEW"
class="checkbox-row w-full grid-cols-[122px_1fr] gap-x-4 flex py-2 h-[40px] my-4 items-center"