2022-11-23 12:48:01 +09:00
|
|
|
<script setup lang="ts">
|
2023-01-08 15:21:09 +09:00
|
|
|
import type { mastodon } from 'masto'
|
2023-01-07 17:55:01 +09:00
|
|
|
import type { ConfirmDialogChoice } from '~/types'
|
2022-11-27 10:52:46 +09:00
|
|
|
import {
|
2022-12-10 06:18:21 +09:00
|
|
|
isCommandPanelOpen,
|
2023-01-07 17:55:01 +09:00
|
|
|
isConfirmDialogOpen,
|
2022-11-27 10:52:46 +09:00
|
|
|
isEditHistoryDialogOpen,
|
2023-02-05 21:10:19 +09:00
|
|
|
isErrorDialogOpen,
|
2023-01-09 05:08:45 +09:00
|
|
|
isFavouritedBoostedByDialogOpen,
|
2023-03-08 04:32:21 +09:00
|
|
|
isKeyboardShortcutsDialogOpen,
|
2022-11-30 12:27:19 +09:00
|
|
|
isMediaPreviewOpen,
|
2022-11-27 10:52:46 +09:00
|
|
|
isPreviewHelpOpen,
|
|
|
|
isPublishDialogOpen,
|
2023-06-23 21:24:10 +09:00
|
|
|
isReportDialogOpen,
|
2022-11-27 10:52:46 +09:00
|
|
|
isSigninDialogOpen,
|
|
|
|
} from '~/composables/dialog'
|
2022-12-10 06:18:21 +09:00
|
|
|
|
|
|
|
const isMac = useIsMac()
|
|
|
|
|
|
|
|
// TODO: temporary, await for keybind system
|
2022-12-14 03:29:42 +09:00
|
|
|
// open search panel
|
|
|
|
// listen to ctrl+k on windows/linux or cmd+k on mac
|
|
|
|
// open command panel
|
2022-12-10 06:18:21 +09:00
|
|
|
// listen to ctrl+/ on windows/linux or cmd+/ on mac
|
2022-12-14 03:29:42 +09:00
|
|
|
// or shift+ctrl+k on windows/linux or shift+cmd+k on mac
|
2022-12-10 06:18:21 +09:00
|
|
|
useEventListener('keydown', (e: KeyboardEvent) => {
|
2023-01-09 04:35:48 +09:00
|
|
|
if ((e.key === 'k' || e.key === 'л') && (isMac.value ? e.metaKey : e.ctrlKey)) {
|
2022-12-14 03:29:42 +09:00
|
|
|
e.preventDefault()
|
|
|
|
openCommandPanel(e.shiftKey)
|
|
|
|
}
|
2023-01-09 04:35:48 +09:00
|
|
|
if ((e.key === '/' || e.key === ',') && (isMac.value ? e.metaKey : e.ctrlKey)) {
|
2022-12-10 06:18:21 +09:00
|
|
|
e.preventDefault()
|
|
|
|
openCommandPanel(true)
|
|
|
|
}
|
|
|
|
})
|
2023-01-02 00:57:49 +09:00
|
|
|
|
2023-03-31 04:01:24 +09:00
|
|
|
function handlePublished(status: mastodon.v1.Status) {
|
2023-01-02 00:57:49 +09:00
|
|
|
lastPublishDialogStatus.value = status
|
|
|
|
isPublishDialogOpen.value = false
|
|
|
|
}
|
|
|
|
|
2023-03-31 04:01:24 +09:00
|
|
|
function handlePublishClose() {
|
2023-01-02 00:57:49 +09:00
|
|
|
lastPublishDialogStatus.value = null
|
|
|
|
}
|
2023-01-07 17:55:01 +09:00
|
|
|
|
2023-03-31 04:01:24 +09:00
|
|
|
function handleConfirmChoice(choice: ConfirmDialogChoice) {
|
2023-01-07 17:55:01 +09:00
|
|
|
confirmDialogChoice.value = choice
|
|
|
|
isConfirmDialogOpen.value = false
|
|
|
|
}
|
2023-01-09 05:08:45 +09:00
|
|
|
|
2023-03-31 04:01:24 +09:00
|
|
|
function handleFavouritedBoostedByClose() {
|
2023-01-09 05:08:45 +09:00
|
|
|
isFavouritedBoostedByDialogOpen.value = false
|
|
|
|
}
|
2022-11-23 12:48:01 +09:00
|
|
|
</script>
|
|
|
|
|
|
|
|
<template>
|
2023-01-15 17:38:02 +09:00
|
|
|
<template v-if="isHydrated">
|
2022-12-18 01:55:29 +09:00
|
|
|
<ModalDialog v-model="isSigninDialogOpen" py-4 px-8 max-w-125>
|
|
|
|
<UserSignIn />
|
|
|
|
</ModalDialog>
|
2023-01-03 20:15:33 +09:00
|
|
|
<ModalDialog v-model="isPreviewHelpOpen" keep-alive max-w-125>
|
2022-12-18 01:55:29 +09:00
|
|
|
<HelpPreview @close="closePreviewHelp()" />
|
|
|
|
</ModalDialog>
|
2023-01-02 00:57:49 +09:00
|
|
|
<ModalDialog
|
|
|
|
v-model="isPublishDialogOpen"
|
2024-09-12 18:36:43 +09:00
|
|
|
max-w-180 flex w-full
|
2023-01-02 00:57:49 +09:00
|
|
|
@close="handlePublishClose"
|
|
|
|
>
|
2024-04-08 18:53:26 +09:00
|
|
|
<PublishWidgetList
|
2023-01-06 01:48:20 +09:00
|
|
|
v-if="dialogDraftKey"
|
2024-09-12 18:36:43 +09:00
|
|
|
:draft-key="dialogDraftKey"
|
|
|
|
expanded
|
|
|
|
class="flex-1"
|
2023-01-02 00:57:49 +09:00
|
|
|
@published="handlePublished"
|
|
|
|
/>
|
2022-12-18 01:55:29 +09:00
|
|
|
</ModalDialog>
|
|
|
|
<ModalDialog
|
2023-01-11 04:57:12 +09:00
|
|
|
:model-value="isMediaPreviewOpen"
|
2022-12-18 01:55:29 +09:00
|
|
|
w-full max-w-full h-full max-h-full
|
|
|
|
bg-transparent border-0 shadow-none
|
2023-01-11 04:57:12 +09:00
|
|
|
@update:model-value="closeMediaPreview"
|
2022-12-18 01:55:29 +09:00
|
|
|
>
|
|
|
|
<ModalMediaPreview v-if="isMediaPreviewOpen" @close="closeMediaPreview()" />
|
|
|
|
</ModalDialog>
|
|
|
|
<ModalDialog v-model="isEditHistoryDialogOpen" max-w-125>
|
2023-01-06 01:48:20 +09:00
|
|
|
<StatusEditPreview v-if="statusEdit" :edit="statusEdit" />
|
2022-12-18 01:55:29 +09:00
|
|
|
</ModalDialog>
|
|
|
|
<ModalDialog v-model="isCommandPanelOpen" max-w-fit flex>
|
|
|
|
<CommandPanel @close="closeCommandPanel()" />
|
|
|
|
</ModalDialog>
|
2023-01-07 17:55:01 +09:00
|
|
|
<ModalDialog v-model="isConfirmDialogOpen" py-4 px-8 max-w-125>
|
|
|
|
<ModalConfirm v-if="confirmDialogLabel" v-bind="confirmDialogLabel" @choice="handleConfirmChoice" />
|
|
|
|
</ModalDialog>
|
2023-02-05 21:10:19 +09:00
|
|
|
<ModalDialog v-model="isErrorDialogOpen" py-4 px-8 max-w-125>
|
|
|
|
<ModalError v-if="errorDialogData" v-bind="errorDialogData" />
|
|
|
|
</ModalDialog>
|
2023-01-09 05:08:45 +09:00
|
|
|
<ModalDialog
|
|
|
|
v-model="isFavouritedBoostedByDialogOpen"
|
|
|
|
max-w-180
|
|
|
|
@close="handleFavouritedBoostedByClose"
|
|
|
|
>
|
|
|
|
<StatusFavouritedBoostedBy />
|
|
|
|
</ModalDialog>
|
2023-03-08 04:32:21 +09:00
|
|
|
<ModalDialog v-model="isKeyboardShortcutsDialogOpen" max-w-full sm:max-w-140 md:max-w-170 lg:max-w-220 md:min-w-160>
|
|
|
|
<MagickeysKeyboardShortcuts @close="closeKeyboardShortcuts()" />
|
|
|
|
</ModalDialog>
|
2023-06-23 21:24:10 +09:00
|
|
|
<ModalDialog v-model="isReportDialogOpen" keep-alive max-w-175>
|
|
|
|
<ReportModal v-if="reportAccount" :account="reportAccount" :status="reportStatus" @close="closeReportDialog()" />
|
|
|
|
</ModalDialog>
|
2022-12-18 01:55:29 +09:00
|
|
|
</template>
|
2022-11-23 12:48:01 +09:00
|
|
|
</template>
|