elk/components/modal/ModalContainer.vue

28 lines
850 B
Vue
Raw Normal View History

2022-11-23 04:48:01 +01:00
<script setup lang="ts">
2022-11-27 02:52:46 +01:00
import {
isEditHistoryDialogOpen,
2022-11-30 04:27:19 +01:00
isMediaPreviewOpen,
2022-11-27 02:52:46 +01:00
isPreviewHelpOpen,
isPublishDialogOpen,
isSigninDialogOpen,
} from '~/composables/dialog'
2022-11-23 04:48:01 +01:00
</script>
<template>
<ModalDialog v-model="isSigninDialogOpen">
2022-11-23 05:25:48 +01:00
<UserSignIn m6 />
2022-11-23 04:48:01 +01:00
</ModalDialog>
2022-11-27 04:13:39 +01:00
<ModalDialog v-model="isPreviewHelpOpen" :type="isSmallScreen ? 'bottom' : 'dialog'">
<HelpPreview @close="closePreviewHelp()" />
2022-11-24 03:38:14 +01:00
</ModalDialog>
2022-11-24 09:04:53 +01:00
<ModalDialog v-model="isPublishDialogOpen">
<PublishWidget :draft-key="dialogDraftKey" expanded min-w-180 />
2022-11-24 09:04:53 +01:00
</ModalDialog>
2022-11-30 04:27:19 +01:00
<ModalDialog v-model="isMediaPreviewOpen" close-button>
<ModalMediaPreview v-if="isMediaPreviewOpen" @close="closeMediaPreview()" />
</ModalDialog>
2022-11-26 06:05:44 +01:00
<ModalDialog v-model="isEditHistoryDialogOpen">
<StatusEditPreview :edit="statusEdit" />
</ModalDialog>
2022-11-23 04:48:01 +01:00
</template>