imacat/lucia-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: #318 enable confirm button when newPwd or newConfirmPwd is changed

Browse Source
This commit is contained in:
Cindy Chang
2024-07-15 15:44:40 +08:00
parent cab484ac00
commit 01555d71b0
1 changed files with 8 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
src/views/AccountManagement/ModalAccountEditCreate.vue
View File

@@ -197,30 +197,15 @@ export default defineComponent({
return modalStore.whichModal === MODAL_CREATE_NEW ? i18next.t('AcctMgmt.CreateNew') : i18next.t('AcctMgmt.AccountEdit');
});
const hasAtLeastOneEmptyField = (inputAccountToTest, inputNameToTest, inputPasswordToTest, inputConfirmPwdToTest) => {
return !inputAccountToTest?.length || !inputNameToTest?.length || !inputPasswordToTest?.length
|| !inputConfirmPwdToTest?.length;
}
const shouldDisalbeConfirmButton = (inputAccountToTest, inputNameToTest, inputPasswordToTest, inputConfirmPwdToTest, inputPwdMatchedToTest,
) => {
console.log('inputAccountToTest?.length', inputAccountToTest?.length);
return !inputAccountToTest?.length || !inputNameToTest?.length || !inputPasswordToTest?.length
|| !inputConfirmPwdToTest?.length || !inputPwdMatchedToTest;
return hasAtLeastOneEmptyField(inputAccountToTest, inputNameToTest, inputPasswordToTest, inputConfirmPwdToTest) || !inputPwdMatchedToTest;
}
// watch( TODO:暫時註解
// [inputUserAccount, inputName, inputPwd, inputConfirmPwd,
// isPwdMatched,
// ],
// async ([newAccount, newName, newPwd, newConfirmPwd,
// newPwdMatched,
// ]) => {
// if (validateInputLengthAndEquality(newAccount, newName, newPwd, newConfirmPwd, newPwdMatched)) {
// isConfirmDisabled.value = true;
// } else {
// isConfirmDisabled.value = false;
// }
// },
// { immediate: true }
// );
const togglePwdEyeBtn = () => {
isPwdEyeOn.value = !isPwdEyeOn.value;
@@ -335,8 +320,8 @@ export default defineComponent({
([newPwd, newConfirmPwd]) => {
isPwdMatched.value = newPwd === newConfirmPwd && newPwd.length;
// 只要[確認密碼]或[密碼]有更動，confirm 按鈕就可點選
if (newPwd || newConfirmPwd) {
// isConfirmDisabled.value = false;
if ((newPwd || newConfirmPwd) && inputUserAccount.length && inputName.length) {
isConfirmDisabled.value = false;
}
}
)