WIP: delete alert modal prototype.

This commit is contained in:
Cindy Chang
2024-06-21 14:20:52 +08:00
parent ad8c555632
commit 0fb0d8b529
9 changed files with 152 additions and 18 deletions

View File

@@ -3,8 +3,9 @@
flex justify-center items-center">
<div class="flex">
<ModalAccountEdit v-if="whichModal === MODAL_ACCT_EDIT"/>
<ModalAccountEdit v-if="whichModal === MODAL_ACCT_EDIT || whichModal === MODAL_CREATE_NEW "/>
<ModalAccountInfo v-if="whichModal === MODAL_ACCT_INFO"/>
<ModalDeleteAlert v-if="whichModal === MODAL_DELETE" />
</div>
</div>
</template>
@@ -14,11 +15,14 @@
import { useModalStore } from '@/stores/modal.js';
import ModalAccountEdit from './ModalAccountEdit.vue';
import ModalAccountInfo from './ModalAccountInfo.vue';
import ModalDeleteAlert from './ModalDeleteAlert.vue';
import {
MODAL_CREATE_NEW,
MODAL_ACCT_EDIT,
MODAL_ACCT_INFO,
MODAL_DELETE,
} from "@/constants/constants.js";
export default {
setup() {
@@ -35,11 +39,13 @@
MODAL_CREATE_NEW,
MODAL_ACCT_EDIT,
MODAL_ACCT_INFO,
MODAL_DELETE,
};
},
components: {
ModalAccountEdit,
ModalAccountInfo,
ModalDeleteAlert,
}
};
</script>