mirror of
https://codeberg.org/yeentown/barkey
synced 2024-12-02 09:57:26 +00:00
738b3ea43b
* enhance(frontend): デッキのアンテナ・リスト選択画面からそれぞれを新規作成できるように * Update Changelog * fix * fix * lint * add story * typo ねぼけていた * Update antenna-column.vue --------- Co-authored-by: syuilo <4439005+syuilo@users.noreply.github.com>
63 lines
1.4 KiB
Vue
63 lines
1.4 KiB
Vue
<!--
|
|
SPDX-FileCopyrightText: syuilo and misskey-project
|
|
SPDX-License-Identifier: AGPL-3.0-only
|
|
-->
|
|
|
|
<template>
|
|
<MkModalWindow
|
|
ref="dialog"
|
|
:withOkButton="false"
|
|
:width="500"
|
|
:height="550"
|
|
@close="close()"
|
|
@closed="emit('closed')"
|
|
>
|
|
<template #header>{{ antenna == null ? i18n.ts.createAntenna : i18n.ts.editAntenna }}</template>
|
|
<XAntennaEditor
|
|
:antenna="antenna"
|
|
@created="onAntennaCreated"
|
|
@updated="onAntennaUpdated"
|
|
@deleted="onAntennaDeleted"
|
|
/>
|
|
</MkModalWindow>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
import { shallowRef } from 'vue';
|
|
import * as Misskey from 'misskey-js';
|
|
import MkModalWindow from '@/components/MkModalWindow.vue';
|
|
import XAntennaEditor from '@/components/MkAntennaEditor.vue';
|
|
import { i18n } from '@/i18n.js';
|
|
|
|
defineProps<{
|
|
antenna?: Misskey.entities.Antenna;
|
|
}>();
|
|
|
|
const emit = defineEmits<{
|
|
(ev: 'created', newAntenna: Misskey.entities.Antenna): void,
|
|
(ev: 'updated', editedAntenna: Misskey.entities.Antenna): void,
|
|
(ev: 'deleted'): void,
|
|
(ev: 'closed'): void,
|
|
}>();
|
|
|
|
const dialog = shallowRef<InstanceType<typeof MkModalWindow>>();
|
|
|
|
function onAntennaCreated(newAntenna: Misskey.entities.Antenna) {
|
|
emit('created', newAntenna);
|
|
dialog.value?.close();
|
|
}
|
|
|
|
function onAntennaUpdated(editedAntenna: Misskey.entities.Antenna) {
|
|
emit('updated', editedAntenna);
|
|
dialog.value?.close();
|
|
}
|
|
|
|
function onAntennaDeleted() {
|
|
emit('deleted');
|
|
dialog.value?.close();
|
|
}
|
|
|
|
function close() {
|
|
dialog.value?.close();
|
|
}
|
|
</script>
|