elk/composables/dialog.ts

52 lines
1.5 KiB
TypeScript
Raw Normal View History

2022-11-26 06:05:44 +01:00
import type { StatusEdit } from 'masto'
2022-11-24 15:32:20 +01:00
import type { Draft } from './statusDrafts'
2022-11-24 05:21:30 +01:00
import { STORAGE_KEY_FIRST_VISIT, STORAGE_KEY_ZEN_MODE } from '~/constants'
2022-11-24 03:38:14 +01:00
export const imagePreview = ref({ src: '', alt: '' })
2022-11-26 06:05:44 +01:00
export const statusEdit = ref<StatusEdit>()
2022-11-24 03:38:14 +01:00
export const isFirstVisit = useLocalStorage(STORAGE_KEY_FIRST_VISIT, true)
2022-11-24 07:04:17 +01:00
export const isZenMode = useLocalStorage(STORAGE_KEY_ZEN_MODE, false)
export const toggleZenMode = useToggle(isZenMode)
2022-11-24 03:38:14 +01:00
2022-11-23 05:25:48 +01:00
export const isUserSwitcherOpen = ref(false)
2022-11-23 04:48:01 +01:00
export const isSigninDialogOpen = ref(false)
2022-11-24 09:04:53 +01:00
export const isPublishDialogOpen = ref(false)
export const isImagePreviewDialogOpen = ref(false)
2022-11-26 06:05:44 +01:00
export const isEditHistoryDialogOpen = ref(false)
2022-11-24 03:38:14 +01:00
export const isPreviewHelpOpen = ref(isFirstVisit.value)
2022-11-23 04:48:01 +01:00
2022-11-23 05:25:48 +01:00
export function openUserSwitcher() {
isUserSwitcherOpen.value = true
2022-11-23 04:48:01 +01:00
}
export function openSigninDialog() {
isSigninDialogOpen.value = true
2022-11-23 05:25:48 +01:00
isUserSwitcherOpen.value = false
2022-11-23 04:48:01 +01:00
}
2022-11-24 03:38:14 +01:00
2022-11-24 15:32:20 +01:00
export function openPublishDialog(draft?: Draft) {
if (draft)
dialogDraft.draft.value = draft
2022-11-24 09:04:53 +01:00
isPublishDialogOpen.value = true
}
2022-11-24 03:38:14 +01:00
if (isPreviewHelpOpen.value) {
watch(isPreviewHelpOpen, () => {
isFirstVisit.value = false
})
}
export function openImagePreviewDialog(image: { src: string; alt: string }) {
imagePreview.value = image
isImagePreviewDialogOpen.value = true
}
2022-11-26 06:05:44 +01:00
export function openEditHistoryDialog(edit: StatusEdit) {
statusEdit.value = edit
isEditHistoryDialogOpen.value = true
}
export function openPreviewHelp() {
isPreviewHelpOpen.value = true
}