summaryrefslogtreecommitdiff
path: root/packages/frontend/src/components/MkFormDialog.file.vue
diff options
context:
space:
mode:
authorかっこかり <67428053+kakkokari-gtyih@users.noreply.github.com>2025-12-28 20:50:11 +0900
committerGitHub <noreply@github.com>2025-12-28 20:50:11 +0900
commit14f58255ee6a98837df680f50293e3ef1a26d2dc (patch)
tree87cfbc1c6e5fbc5af0b3a675f7e4f3d516289705 /packages/frontend/src/components/MkFormDialog.file.vue
parentchore: SearchServiceのunit-test追加 (#17035) (diff)
downloadmisskey-14f58255ee6a98837df680f50293e3ef1a26d2dc.tar.gz
misskey-14f58255ee6a98837df680f50293e3ef1a26d2dc.tar.bz2
misskey-14f58255ee6a98837df680f50293e3ef1a26d2dc.zip
enhance(frontend): ウィジェットの設定画面を改良 (#17033)
* enhance(frontend): ウィジェットの設定画面を改良 * Update Changelog * fix lint
Diffstat (limited to 'packages/frontend/src/components/MkFormDialog.file.vue')
-rw-r--r--packages/frontend/src/components/MkFormDialog.file.vue74
1 files changed, 0 insertions, 74 deletions
diff --git a/packages/frontend/src/components/MkFormDialog.file.vue b/packages/frontend/src/components/MkFormDialog.file.vue
deleted file mode 100644
index 182ff3ccf5..0000000000
--- a/packages/frontend/src/components/MkFormDialog.file.vue
+++ /dev/null
@@ -1,74 +0,0 @@
-<!--
-SPDX-FileCopyrightText: syuilo and misskey-project
-SPDX-License-Identifier: AGPL-3.0-only
--->
-
-<template>
-<div>
- <MkButton inline rounded primary @click="selectButton($event)">{{ i18n.ts.selectFile }}</MkButton>
- <div :class="['_nowrap', !fileName && $style.fileNotSelected]">{{ friendlyFileName }}</div>
-</div>
-</template>
-
-<script setup lang="ts">
-import * as Misskey from 'misskey-js';
-import { computed, ref } from 'vue';
-import { i18n } from '@/i18n.js';
-import MkButton from '@/components/MkButton.vue';
-import { selectFile } from '@/utility/drive.js';
-import { misskeyApi } from '@/utility/misskey-api.js';
-
-const props = defineProps<{
- fileId?: string | null;
- validate?: (file: Misskey.entities.DriveFile) => Promise<boolean>;
-}>();
-
-const emit = defineEmits<{
- (ev: 'update', result: Misskey.entities.DriveFile): void;
-}>();
-
-const fileUrl = ref('');
-const fileName = ref<string>('');
-
-const friendlyFileName = computed<string>(() => {
- if (fileName.value) {
- return fileName.value;
- }
- if (fileUrl.value) {
- return fileUrl.value;
- }
-
- return i18n.ts.fileNotSelected;
-});
-
-if (props.fileId) {
- misskeyApi('drive/files/show', {
- fileId: props.fileId,
- }).then((apiRes) => {
- fileName.value = apiRes.name;
- fileUrl.value = apiRes.url;
- });
-}
-
-function selectButton(ev: MouseEvent) {
- selectFile({
- anchorElement: ev.currentTarget ?? ev.target,
- multiple: false,
- }).then(async (file) => {
- if (!file) return;
- if (props.validate && !await props.validate(file)) return;
-
- emit('update', file);
- fileName.value = file.name;
- fileUrl.value = file.url;
- });
-}
-
-</script>
-
-<style module>
-.fileNotSelected {
- font-weight: 700;
- color: var(--MI_THEME-infoWarnFg);
-}
-</style>