pinafore/routes/_components/dialog/components/ComposeDialog.html

40 lines
895 B
HTML
Raw Normal View History

2018-04-05 05:33:17 +02:00
<ModalDialog
{id}
{label}
{title}
2018-04-05 05:33:17 +02:00
background="var(--main-bg)"
>
2018-04-09 00:08:32 +02:00
<ComposeBox realm="dialog" size="slim" autoFocus="true" />
2018-03-27 09:02:55 +02:00
</ModalDialog>
<script>
import ModalDialog from './ModalDialog.html'
import ComposeBox from '../../compose/ComposeBox.html'
import { on } from '../../../_utils/eventBus'
import { show } from '../helpers/showDialog'
import { oncreate as onCreateDialog } from '../helpers/onCreateDialog'
import { close } from '../helpers/closeDialog'
2018-03-27 09:02:55 +02:00
export default {
2018-04-20 06:38:01 +02:00
oncreate () {
2018-04-09 00:08:32 +02:00
on('postedStatus', this, this.onPostedStatus)
onCreateDialog.call(this)
2018-03-27 09:02:55 +02:00
},
data: () => ({
title: void 0
}),
2018-03-27 09:02:55 +02:00
methods: {
show,
close,
2018-04-20 06:38:01 +02:00
onPostedStatus (realm) {
2018-04-09 00:08:32 +02:00
if (realm !== 'dialog') {
return
}
this.close()
2018-03-27 09:02:55 +02:00
}
},
components: {
ModalDialog,
ComposeBox
2018-03-27 09:02:55 +02:00
}
}
</script>