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

refine close modal time

Browse Source
This commit is contained in:
Cindy
2024-07-10 10:26:42 +08:00
parent 423499b77c
commit 0d9bfaa40d
2 changed files with 3 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/stores/modal.js
View File

@@ -13,8 +13,9 @@ export const useModalStore = defineStore('modalStore', {
this.whichModal = whichModal;
},
async closeModal(){
await delaySecond(2);
console.log("Start closing modal");
this.isModalOpen = false;
console.log("Modal closed");
},
},
});

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

@@ -199,28 +199,9 @@ export default defineComponent({
const validateInputLengthAndEquality = (inputAccountToTest, inputNameToTest, inputPasswordToTest, inputConfirmPwdToTest, inputPwdMatchedToTest,
) => {
console.log('inputAccountToTest?.length', inputAccountToTest?.length);
return !inputAccountToTest?.length || !inputNameToTest?.length || !inputPasswordToTest?.length
|| !inputConfirmPwdToTest?.length || !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;
@@ -298,17 +279,6 @@ export default defineComponent({
}
}
const onInputAccountFocus = async() => {
// if(!isAccountUnique.value) {
// // 之所以要轉回true，是為了讓使用者可以繼續填寫不被阻擋
// isAccountUnique.value = true;
// }
// if(isConfirmDisabled.value){
// // 所有欄位都要填寫，confirm按鈕才可點選
// if(validateInputLengthAndEquality(inputUserAccount.value, inputName.value, inputPwd.value, inputConfirmPwd.value, isPwdMatched.value)
// ){
// isConfirmDisabled.value = false;
// }
// }
}
const onInputNameFocus = () => {
@@ -317,7 +287,7 @@ export default defineComponent({
}
}
onMounted(() => {
onMounted(() => {
watch(
[inputUserAccount, inputName, inputPwd, inputConfirmPwd, isPwdMatched],
([newAccount, newName, newPwd, newConfirmPwd, newPwdMatched]) => {