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

migration column in file_manager_files renamed from meta_data to metadata

Browse Source 
context menu feractoring
Editor.php typo changes
FileInfoPanel.vue small changes when to show metadata info
Added new exif information and reordering existing in ImageMetaData.vue
Added new translation strings to i18n files
This commit is contained in:
Peter Papp
2020-09-20 11:17:34 +02:00
parent 80de069c7b
commit 1a6a91335e
11 changed files with 839 additions and 821 deletions
Download Patch File Download Diff File Expand all files Collapse all files

132
resources/js/components/FilesView/ImageMetaData.vue
View File

@@ -1,75 +1,115 @@
<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.metadata.DateTimeOriginal">
<span>{{ $t('file_detail_meta.time_data') }}</span>
<b>{{ fileInfoDetail.metadata.DateTimeOriginal }}</b>
</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.metadata.Artist">
<span>{{ $t('file_detail_meta.author') }}</span>
<b>{{ fileInfoDetail.metadata.Artist }}</b>
</li>
<li v-if="fileInfoDetail.meta_data.Make">{{$t('file_detail_meta.make')}}
<p> {{fileInfoDetail.meta_data.Make}} </p> </li>
<li v-if="fileInfoDetail.metadata.ExifImageWidth && fileInfoDetail.metadata.ExifImageLength">
<span>{{ $t('file_detail_meta.dimension') }}</span>
<b>{{ fileInfoDetail.metadata.ExifImageWidth }}x{{ fileInfoDetail.metadata.ExifImageLength }}</b>
</li>
<li v-if="fileInfoDetail.meta_data.Model">{{$t('file_detail_meta.model')}}
<p> {{fileInfoDetail.meta_data.Model}} </p> </li>
<li v-if="fileInfoDetail.metadata.XResolution && fileInfoDetail.metadata.YResolution">
<span>{{ $t('file_detail_meta.resolution') }}Resolution</span>
<b>{{ fileInfoDetail.metadata.XResolution }}x{{ fileInfoDetail.metadata.YResolution }}</b>
</li>
<li v-if="fileInfoDetail.meta_data.COMPUTED.CCDWidth">{{$t('file_detail_meta.camera_lens')}}
<p> {{fileInfoDetail.meta_data.COMPUTED.CCDWidth}} </p> </li>
<!--TODO: Colour space:RGB-->
<!--TODO: Colour profile:sRGB IEC61966-2.1-->
<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.metadata.Make">
<span>{{ $t('file_detail_meta.make') }}</span>
<b>{{ fileInfoDetail.metadata.Make }}</b>
</li>
<li v-if="fileInfoDetail.meta_data.ISOSpeedRatings">{{$t('file_detail_meta.iso')}}
<p> {{fileInfoDetail.meta_data.ISOSpeedRatings}} </p> </li>
<li v-if="fileInfoDetail.metadata.Model">
<span>{{ $t('file_detail_meta.model') }}</span>
<b>{{ fileInfoDetail.metadata.Model }}</b>
</li>
<li v-if="fileInfoDetail.meta_data.FocalLength">{{$t('file_detail_meta.focal')}}
<p> {{fileInfoDetail.meta_data.FocalLength}} </p> </li>
<li v-if="fileInfoDetail.metadata.ApertureValue">
<span>{{ $t('file_detail_meta.aperture_value') }}</span>
<b v-html="parseInt(fileInfoDetail.metadata.ApertureValue) / 100"></b>
</li>
<li v-if="fileInfoDetail.meta_data.ExposureTime">{{$t('file_detail_meta.exposure')}}
<p> {{fileInfoDetail.meta_data.ExposureTime}} </p> </li>
<li v-if="fileInfoDetail.metadata.ExposureTime">
<span>{{ $t('file_detail_meta.exposure') }}</span>
<b>{{ fileInfoDetail.metadata.ExposureTime }}</b>
</li>
<li v-else>{{$t('file_detail_meta.not_avaible')}} </li>
<li v-if="fileInfoDetail.metadata.FocalLength">
<span>{{ $t('file_detail_meta.focal') }}</span>
<b>{{ fileInfoDetail.metadata.FocalLength }}</b>
</li>
</ul>
<li v-if="fileInfoDetail.metadata.ISOSpeedRatings">
<span>{{ $t('file_detail_meta.iso') }}</span>
<b>{{ fileInfoDetail.metadata.ISOSpeedRatings }}</b>
</li>
<li v-if="fileInfoDetail.metadata.COMPUTED.ApertureFNumber">
<span>{{ $t('file_detail_meta.aperature') }}</span>
<b>{{ fileInfoDetail.metadata.COMPUTED.ApertureFNumber }}</b>
</li>
<li v-if="fileInfoDetail.metadata.COMPUTED.CCDWidth">
<span>{{ $t('file_detail_meta.camera_lens') }}</span>
<b>{{ fileInfoDetail.metadata.COMPUTED.CCDWidth }}</b>
</li>
<!--TODO: Longitude: 20° 50' 24,432" E-->
<!--TODO: Latitude: 47° 23' 14,49" N-->
</ul>
</div>
</template>
<script>
import {mapGetters} from 'vuex'
import { mapGetters } from 'vuex'
export default {
name: 'ImageMetaData',
computed: {
...mapGetters(['fileInfoDetail']),
},
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;
.meta-data-list {
list-style: none;
padding: 0px;
margin: 0px;
li {
display: flex;
justify-content: space-between;
padding: 9px 0;
border-bottom: 1px solid $light_mode_border;
b, span {
@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;
}
}
}
}
}
@media (prefers-color-scheme: dark) {
li {
color: $dark_mode_text_primary !important;
p {
color: $dark_mode_text_primary !important;
}
}
}
</style>