summaryrefslogtreecommitdiff
path: root/packages/client/src/components/MkDriveFileThumbnail.vue
diff options
context:
space:
mode:
authorsyuilo <Syuilotan@yahoo.co.jp>2022-12-27 14:36:33 +0900
committersyuilo <Syuilotan@yahoo.co.jp>2022-12-27 14:36:33 +0900
commit9384f5399da39e53855beb8e7f8ded1aa56bf72e (patch)
treece5959571a981b9c4047da3c7b3fd080aa44222c /packages/client/src/components/MkDriveFileThumbnail.vue
parentwip: retention for dashboard (diff)
downloadsharkey-9384f5399da39e53855beb8e7f8ded1aa56bf72e.tar.gz
sharkey-9384f5399da39e53855beb8e7f8ded1aa56bf72e.tar.bz2
sharkey-9384f5399da39e53855beb8e7f8ded1aa56bf72e.zip
rename: client -> frontend
Diffstat (limited to 'packages/client/src/components/MkDriveFileThumbnail.vue')
-rw-r--r--packages/client/src/components/MkDriveFileThumbnail.vue80
1 files changed, 0 insertions, 80 deletions
diff --git a/packages/client/src/components/MkDriveFileThumbnail.vue b/packages/client/src/components/MkDriveFileThumbnail.vue
deleted file mode 100644
index 33379ed5ca..0000000000
--- a/packages/client/src/components/MkDriveFileThumbnail.vue
+++ /dev/null
@@ -1,80 +0,0 @@
-<template>
-<div ref="thumbnail" class="zdjebgpv">
- <ImgWithBlurhash v-if="isThumbnailAvailable" :hash="file.blurhash" :src="file.thumbnailUrl" :alt="file.name" :title="file.name" :cover="fit !== 'contain'"/>
- <i v-else-if="is === 'image'" class="ti ti-photo icon"></i>
- <i v-else-if="is === 'video'" class="ti ti-video icon"></i>
- <i v-else-if="is === 'audio' || is === 'midi'" class="ti ti-file-music icon"></i>
- <i v-else-if="is === 'csv'" class="ti ti-file-text icon"></i>
- <i v-else-if="is === 'pdf'" class="ti ti-file-text icon"></i>
- <i v-else-if="is === 'textfile'" class="ti ti-file-text icon"></i>
- <i v-else-if="is === 'archive'" class="ti ti-file-zip icon"></i>
- <i v-else class="ti ti-file icon"></i>
-
- <i v-if="isThumbnailAvailable && is === 'video'" class="ti ti-video icon-sub"></i>
-</div>
-</template>
-
-<script lang="ts" setup>
-import { computed } from 'vue';
-import * as Misskey from 'misskey-js';
-import ImgWithBlurhash from '@/components/MkImgWithBlurhash.vue';
-
-const props = defineProps<{
- file: Misskey.entities.DriveFile;
- fit: string;
-}>();
-
-const is = computed(() => {
- if (props.file.type.startsWith('image/')) return 'image';
- if (props.file.type.startsWith('video/')) return 'video';
- if (props.file.type === 'audio/midi') return 'midi';
- if (props.file.type.startsWith('audio/')) return 'audio';
- if (props.file.type.endsWith('/csv')) return 'csv';
- if (props.file.type.endsWith('/pdf')) return 'pdf';
- if (props.file.type.startsWith('text/')) return 'textfile';
- if ([
- 'application/zip',
- 'application/x-cpio',
- 'application/x-bzip',
- 'application/x-bzip2',
- 'application/java-archive',
- 'application/x-rar-compressed',
- 'application/x-tar',
- 'application/gzip',
- 'application/x-7z-compressed',
- ].some(archiveType => archiveType === props.file.type)) return 'archive';
- return 'unknown';
-});
-
-const isThumbnailAvailable = computed(() => {
- return props.file.thumbnailUrl
- ? (is.value === 'image' as const || is.value === 'video')
- : false;
-});
-</script>
-
-<style lang="scss" scoped>
-.zdjebgpv {
- position: relative;
- display: flex;
- background: var(--panel);
- border-radius: 8px;
- overflow: clip;
-
- > .icon-sub {
- position: absolute;
- width: 30%;
- height: auto;
- margin: 0;
- right: 4%;
- bottom: 4%;
- }
-
- > .icon {
- pointer-events: none;
- margin: auto;
- font-size: 32px;
- color: #777;
- }
-}
-</style>