49 lines
1.2 KiB
Vue
49 lines
1.2 KiB
Vue
|
<template>
|
||
|
<XModalWindow
|
||
|
ref="dialog"
|
||
|
:width="400"
|
||
|
:height="450"
|
||
|
:with-ok-button="true"
|
||
|
:ok-button-disabled="false"
|
||
|
@ok="ok()"
|
||
|
@close="dialog.close()"
|
||
|
@closed="emit('closed')"
|
||
|
>
|
||
|
<template #header>{{ i18n.ts.describeFile }}</template>
|
||
|
<div>
|
||
|
<MkDriveFileThumbnail class="thumbnail" :file="file" fit="contain" style="height: 100px;"/>
|
||
|
<MkTextarea v-model="caption" autofocus :placeholder="i18n.ts.inputNewDescription">
|
||
|
<template #label>{{ i18n.ts.caption }}</template>
|
||
|
</MkTextarea>
|
||
|
</div>
|
||
|
</XModalWindow>
|
||
|
</template>
|
||
|
|
||
|
<script lang="ts" setup>
|
||
|
import { } from 'vue';
|
||
|
import * as Misskey from 'misskey-js';
|
||
|
import XModalWindow from '@/components/MkModalWindow.vue';
|
||
|
import MkTextarea from '@/components/form/textarea.vue';
|
||
|
import MkDriveFileThumbnail from '@/components/MkDriveFileThumbnail.vue';
|
||
|
import { i18n } from '@/i18n';
|
||
|
|
||
|
const props = defineProps<{
|
||
|
file: Misskey.entities.DriveFile;
|
||
|
default: string;
|
||
|
}>();
|
||
|
|
||
|
const emit = defineEmits<{
|
||
|
(ev: 'done', v: string): void;
|
||
|
(ev: 'closed'): void;
|
||
|
}>();
|
||
|
|
||
|
const dialog = $ref<InstanceType<typeof XModalWindow>>();
|
||
|
|
||
|
let caption = $ref(props.default);
|
||
|
|
||
|
async function ok() {
|
||
|
emit('done', caption);
|
||
|
dialog.close();
|
||
|
}
|
||
|
</script>
|