nexus/vuefilemanager
2
0
Fork 0
mirror of https://github.com/VueFileManager/vuefilemanager.git synced 2026-04-21 01:12:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

v0.1 Blacklist and Exif data

Browse Source
This commit is contained in:
Miloš Holba
2020-09-05 14:35:51 +02:00
committed by Peter Papp
parent fd6aa5c6b2
commit 0e12029efc
14 changed files with 274 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
resources/js/components/FilesView/FileInfoPanel.vue
View File

@@ -56,12 +56,21 @@
<CopyInput class="copy-sharelink" size="small" :value="fileInfoDetail.shared.link"/>
</div>
</ListInfoItem>
<div @click="this.showMetaData">
<ListInfoItem v-if="fileInfoDetail.meta_data"
:title="$t('file_detail_meta.meta_data')"
class="meta-data">
<ImageMetaData v-if="this.metaDataShow" />
</ListInfoItem>
</div>
</ListInfo>
</div>
</template>
<script>
import {Edit2Icon, LockIcon, UnlockIcon, ImageIcon, VideoIcon, FolderIcon, FileIcon} from 'vue-feather-icons'
import ImageMetaData from '@/components/FilesView/ImageMetaData'
import FilePreview from '@/components/FilesView/FilePreview'
import CopyInput from '@/components/Others/Forms/CopyInput'
import ListInfoItem from '@/components/Others/ListInfoItem'
@@ -72,6 +81,7 @@
export default {
name: 'FileInfoPanel',
components: {
ImageMetaData,
ListInfoItem,
ListInfo,
FilePreview,
@@ -131,7 +141,15 @@
return this.fileInfoDetail.shared.protected
}
},
data() {
return {
metaDataShow: false
}
},
methods: {
showMetaData() {
this.metaDataShow = !this.metaDataShow
},
shareItemOptions() {
// Open share item popup
events.$emit('popup:open', {name: 'share-edit', item: this.fileInfoDetail})
@@ -212,6 +230,9 @@
width: 100%;
}
}
.meta-data{
cursor: pointer;
}
@media (prefers-color-scheme: dark) {

75
resources/js/components/FilesView/ImageMetaData.vue Normal file
View File

@@ -0,0 +1,75 @@
<template>
<div>
<ul class="meta-data-list">
<li v-if="fileInfoDetail.meta_data.Artist"> {{$t('file_detail_meta.author')}}
<p> {{fileInfoDetail.meta_data.Artist}} </p> </li>
<li v-if="fileInfoDetail.meta_data.DateTimeOriginal">{{$t('file_detail_meta.time_data')}}
<p> {{fileInfoDetail.meta_data.DateTimeOriginal}} </p> </li>
<li v-if="fileInfoDetail.meta_data.Make">{{$t('file_detail_meta.make')}}
<p> {{fileInfoDetail.meta_data.Make}} </p> </li>
<li v-if="fileInfoDetail.meta_data.Model">{{$t('file_detail_meta.model')}}
<p> {{fileInfoDetail.meta_data.Model}} </p> </li>
<li v-if="fileInfoDetail.meta_data.COMPUTED.CCDWidth">{{$t('file_detail_meta.camera_lens')}}
<p> {{fileInfoDetail.meta_data.COMPUTED.CCDWidth}} </p> </li>
<li v-if="fileInfoDetail.meta_data.COMPUTED.ApertureFNumber">{{$t('file_detail_meta.aperature')}}
<p> {{fileInfoDetail.meta_data.COMPUTED.ApertureFNumber}} </p> </li>
<li v-if="fileInfoDetail.meta_data.ISOSpeedRatings">{{$t('file_detail_meta.iso')}}
<p> {{fileInfoDetail.meta_data.ISOSpeedRatings}} </p> </li>
<li v-if="fileInfoDetail.meta_data.FocalLength">{{$t('file_detail_meta.focal')}}
<p> {{fileInfoDetail.meta_data.FocalLength}} </p> </li>
<li v-if="fileInfoDetail.meta_data.ExposureTime">{{$t('file_detail_meta.exposure')}}
<p> {{fileInfoDetail.meta_data.ExposureTime}} </p> </li>
<li v-else>{{$t('file_detail_meta.not_avaible')}} </li>
</ul>
</div>
</template>
<script>
import {mapGetters} from 'vuex'
export default {
name: 'ImageMetaData',
computed: {
...mapGetters(['fileInfoDetail']),
},
}
</script>
<style lang="scss" scoped>
@import '@assets/vue-file-manager/_variables';
@import '@assets/vue-file-manager/_mixins';
.meta-data-list {
list-style: none;
padding: 0px;
margin: 0px;
li {
margin-top:10px;
@include font-size(14);
font-weight: bold;
color: $text;
p {
@include font-size(13);
color: $text;
}
}
}
@media (prefers-color-scheme: dark) {
li {
color:$dark_mode_text_primary !important;
p {
color: $dark_mode_text_primary !important;
}
}
}
</style>