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