nexus/vuefilemanager
2
0
Fork 0
mirror of https://github.com/VueFileManager/vuefilemanager.git synced 2026-05-03 20:55:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

api resource refactoring part 2

Browse Source
This commit is contained in:
Peter Papp
2021-08-27 10:05:20 +02:00
parent e0e060e5a1
commit 174f2a2c1f
7 changed files with 61 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/js/components/Others/FilePreviewDetail.vue
+12 -7
View File
@@ -1,9 +1,9 @@
<template>
<div v-if="canBePreview" class="preview">
<img v-if="clipboard[0].type == 'image' && clipboard[0].thumbnail" :src="clipboard[0].thumbnail" :alt="clipboard[0].name" />
<audio v-else-if="clipboard[0].type == 'audio'" :src="clipboard[0].file_url" controlsList="nodownload" controls></audio>
<video v-else-if="clipboard[0].type == 'video'" controlsList="nodownload" disablePictureInPicture playsinline controls>
<source :src="clipboard[0].file_url" type="video/mp4">
<img v-if="singleFile.data.type === 'image' && singleFile.data.attributes.thumbnail" :src="singleFile.data.attributes.thumbnail" :alt="singleFile.data.attributes.name" />
<audio v-else-if="singleFile.data.type === 'audio'" :src="singleFile.data.attributes.file_url" controlsList="nodownload" controls></audio>
<video v-else-if="singleFile.data.type === 'video'" controlsList="nodownload" disablePictureInPicture playsinline controls>
<source :src="singleFile.data.attributes.file_url" type="video/mp4">
</video>
</div>
</template>
@@ -15,11 +15,16 @@
export default {
name: 'FilePreview',
computed: {
...mapGetters(['clipboard']),
...mapGetters([
'clipboard'
]),
singleFile() {
return this.clipboard[0]
},
canBePreview() {
return this.clipboard[0] && ! includes([
return this.singleFile && ! includes([
'folder', 'file'
], this.clipboard[0].type)
], this.singleFile.data.type)
}
},
}