2020-06-10 12:13:57 +00:00
|
|
|
<template>
|
2020-06-27 08:31:20 +00:00
|
|
|
<div class="p-tab p-tab-photo-advanced">
|
|
|
|
<div class="v-table__overflow">
|
|
|
|
<table class="v-datatable v-table theme--light">
|
|
|
|
<tbody>
|
|
|
|
<tr>
|
|
|
|
<td>UID</td>
|
|
|
|
<td>{{ model.UID | uppercase }}</td>
|
|
|
|
</tr>
|
|
|
|
<tr v-if="model.DocumentID">
|
|
|
|
<td>Document ID</td>
|
|
|
|
<td>{{ model.DocumentID | uppercase }}</td>
|
|
|
|
</tr>
|
|
|
|
<tr>
|
2020-06-30 09:36:36 +00:00
|
|
|
<td>
|
|
|
|
<translate key="Type">Type</translate>
|
|
|
|
</td>
|
2020-06-27 08:31:20 +00:00
|
|
|
<td>{{ model.Type | capitalize }}</td>
|
|
|
|
</tr>
|
|
|
|
<tr v-if="model.Path">
|
2020-06-30 09:36:36 +00:00
|
|
|
<td>
|
2020-07-06 08:35:15 +00:00
|
|
|
<translate key="Folder">Folder</translate>
|
2020-06-30 09:36:36 +00:00
|
|
|
</td>
|
2020-06-27 08:31:20 +00:00
|
|
|
<td>{{ model.Path }}</td>
|
|
|
|
</tr>
|
|
|
|
<tr>
|
2020-06-30 09:36:36 +00:00
|
|
|
<td>
|
|
|
|
<translate key="Name">Name</translate>
|
|
|
|
</td>
|
2020-06-27 08:31:20 +00:00
|
|
|
<td>{{ model.Name }}</td>
|
|
|
|
</tr>
|
|
|
|
<tr v-if="model.OriginalName">
|
2020-06-30 09:36:36 +00:00
|
|
|
<td>
|
|
|
|
<translate key="Original Name">Original Name</translate>
|
|
|
|
</td>
|
2020-06-27 08:31:20 +00:00
|
|
|
<td>
|
|
|
|
<v-text-field
|
|
|
|
@change="save"
|
|
|
|
flat solo dense hide-details v-model="model.OriginalName"
|
|
|
|
color="secondary-dark"
|
|
|
|
style="font-weight: 400; font-size: 13px;"
|
|
|
|
></v-text-field>
|
|
|
|
</td>
|
|
|
|
</tr>
|
|
|
|
<tr>
|
2020-06-30 09:36:36 +00:00
|
|
|
<td>
|
|
|
|
<translate key="Title">Title</translate>
|
|
|
|
</td>
|
2020-06-27 08:31:20 +00:00
|
|
|
<td>{{ model.Title }}</td>
|
|
|
|
</tr>
|
|
|
|
<tr v-if="model.TitleSrc">
|
2020-06-30 09:36:36 +00:00
|
|
|
<td>
|
|
|
|
<translate key="Title Source">Title Source</translate>
|
|
|
|
</td>
|
2020-06-27 08:31:20 +00:00
|
|
|
<td>{{ model.TitleSrc | capitalize }}</td>
|
|
|
|
</tr>
|
|
|
|
<tr>
|
2020-06-30 09:36:36 +00:00
|
|
|
<td>
|
|
|
|
<translate key="Quality Score">Quality Score</translate>
|
|
|
|
</td>
|
2020-06-27 08:31:20 +00:00
|
|
|
<td>
|
|
|
|
<v-rating v-model="model.Quality" :length="7" readonly small></v-rating>
|
|
|
|
</td>
|
|
|
|
</tr>
|
|
|
|
<tr>
|
2020-06-30 09:36:36 +00:00
|
|
|
<td>
|
|
|
|
<translate key="Resolution">Resolution</translate>
|
|
|
|
</td>
|
2020-06-27 08:31:20 +00:00
|
|
|
<td>{{ model.Resolution }} MP</td>
|
|
|
|
</tr>
|
|
|
|
<tr v-if="model.CameraSerial">
|
2020-06-30 09:36:36 +00:00
|
|
|
<td>
|
|
|
|
<translate key="Camera Serial">Camera Serial</translate>
|
|
|
|
</td>
|
2020-06-27 08:31:20 +00:00
|
|
|
<td>{{ model.CameraSerial }}
|
|
|
|
</td>
|
|
|
|
</tr>
|
|
|
|
<tr>
|
2020-06-30 09:36:36 +00:00
|
|
|
<td>
|
|
|
|
<translate key="Favorite">Favorite</translate>
|
|
|
|
</td>
|
2020-06-27 08:31:20 +00:00
|
|
|
<td>
|
|
|
|
<v-switch
|
|
|
|
@change="save"
|
|
|
|
hide-details
|
|
|
|
v-model="model.Favorite"
|
2020-07-03 15:35:10 +00:00
|
|
|
:label="model.Favorite ? $gettext('Yes') : $gettext('No')"
|
2020-06-27 08:31:20 +00:00
|
|
|
></v-switch>
|
|
|
|
</td>
|
|
|
|
</tr>
|
|
|
|
<tr>
|
2020-06-30 09:36:36 +00:00
|
|
|
<td>
|
|
|
|
<translate key="Private">Private</translate>
|
|
|
|
</td>
|
2020-06-27 08:31:20 +00:00
|
|
|
<td>
|
|
|
|
<v-switch
|
|
|
|
@change="save"
|
|
|
|
hide-details
|
|
|
|
v-model="model.Private"
|
2020-07-03 15:35:10 +00:00
|
|
|
:label="model.Private ? $gettext('Yes') : $gettext('No')"
|
2020-06-27 08:31:20 +00:00
|
|
|
></v-switch>
|
|
|
|
</td>
|
|
|
|
</tr>
|
2020-07-05 12:48:49 +00:00
|
|
|
<tr>
|
|
|
|
<td>
|
|
|
|
<translate key="Analog">Analog</translate>
|
|
|
|
</td>
|
|
|
|
<td>
|
|
|
|
<v-switch
|
|
|
|
@change="save"
|
|
|
|
hide-details
|
|
|
|
v-model="model.Analog"
|
|
|
|
:label="model.Analog ? $gettext('Yes') : $gettext('No')"
|
|
|
|
></v-switch>
|
|
|
|
</td>
|
|
|
|
</tr>
|
2020-07-06 08:32:37 +00:00
|
|
|
<tr v-if="model.Lat">
|
|
|
|
<td>
|
|
|
|
<translate>Coordinates</translate>
|
|
|
|
</td>
|
|
|
|
<td>
|
|
|
|
<translate>Latitude</translate>: {{ model.Lat }}, <translate>Longitude</translate>: {{ model.Lat }}<span v-if="model.Altitude > 0">, <translate>Altitude</translate>: {{ model.Altitude }} m</span>
|
|
|
|
</td>
|
|
|
|
</tr>
|
|
|
|
<tr v-if="model.Lat">
|
|
|
|
<td>
|
|
|
|
<translate>Accuracy</translate>
|
|
|
|
</td>
|
|
|
|
<td>
|
|
|
|
<v-text-field
|
|
|
|
@change="save"
|
|
|
|
flat solo dense hide-details v-model="model.GPSAccuracy"
|
|
|
|
color="secondary-dark"
|
|
|
|
type="number"
|
|
|
|
suffix="m"
|
|
|
|
style="font-weight: 400; font-size: 13px; width: 100px;"
|
|
|
|
></v-text-field>
|
|
|
|
</td>
|
|
|
|
</tr>
|
2020-06-27 08:31:20 +00:00
|
|
|
<tr>
|
|
|
|
<td>
|
2020-06-30 09:36:36 +00:00
|
|
|
<translate key="Created">Created</translate>
|
|
|
|
</td>
|
|
|
|
<td>
|
|
|
|
{{ formatTime(model.CreatedAt) }}
|
2020-06-27 08:31:20 +00:00
|
|
|
</td>
|
|
|
|
</tr>
|
|
|
|
<tr>
|
|
|
|
<td>
|
2020-06-30 09:36:36 +00:00
|
|
|
<translate key="Updated">Updated</translate>
|
|
|
|
</td>
|
|
|
|
<td>
|
|
|
|
{{ formatTime(model.UpdatedAt) }}
|
2020-06-27 08:31:20 +00:00
|
|
|
</td>
|
|
|
|
</tr>
|
|
|
|
<tr v-if="model.EditedAt">
|
|
|
|
<td>
|
2020-06-30 09:36:36 +00:00
|
|
|
<translate key="Edited">Edited</translate>
|
|
|
|
</td>
|
|
|
|
<td>
|
|
|
|
{{ formatTime(model.EditedAt) }}
|
2020-06-27 08:31:20 +00:00
|
|
|
</td>
|
|
|
|
</tr>
|
|
|
|
<tr v-if="model.CheckedAt">
|
|
|
|
<td>
|
2020-06-30 09:36:36 +00:00
|
|
|
<translate key="Checked">Checked</translate>
|
|
|
|
</td>
|
|
|
|
<td>
|
|
|
|
{{ formatTime(model.CheckedAt) }}
|
2020-06-27 08:31:20 +00:00
|
|
|
</td>
|
|
|
|
</tr>
|
|
|
|
<tr v-if="model.DeletedAt">
|
|
|
|
<td>
|
2020-06-30 09:36:36 +00:00
|
|
|
<translate key="Archived">Archived</translate>
|
|
|
|
</td>
|
|
|
|
<td>
|
|
|
|
{{ formatTime(model.DeletedAt) }}
|
2020-06-27 08:31:20 +00:00
|
|
|
</td>
|
|
|
|
</tr>
|
|
|
|
</tbody>
|
|
|
|
</table>
|
2020-06-10 12:13:57 +00:00
|
|
|
</div>
|
2020-06-27 08:31:20 +00:00
|
|
|
</div>
|
2020-06-10 12:13:57 +00:00
|
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
|
|
|
import Thumb from "model/thumb";
|
2020-06-30 09:36:36 +00:00
|
|
|
import {DateTime, Info} from "luxon";
|
2020-06-10 12:13:57 +00:00
|
|
|
|
|
|
|
export default {
|
|
|
|
name: 'p-tab-photo-advanced',
|
|
|
|
props: {
|
|
|
|
model: Object,
|
2020-07-06 08:32:37 +00:00
|
|
|
uid: String,
|
2020-06-10 12:13:57 +00:00
|
|
|
},
|
|
|
|
data() {
|
|
|
|
return {
|
|
|
|
config: this.$config.values,
|
|
|
|
readonly: this.$config.get("readonly"),
|
|
|
|
};
|
|
|
|
},
|
|
|
|
computed: {
|
|
|
|
monthOptions() {
|
|
|
|
let result = [
|
|
|
|
{"Month": -1, "Name": this.$gettext("Unknown")},
|
|
|
|
];
|
|
|
|
|
|
|
|
const months = Info.months("long");
|
|
|
|
|
|
|
|
for (let i = 0; i < months.length; i++) {
|
|
|
|
result.push({"Month": i + 1, "Name": months[i]});
|
|
|
|
}
|
|
|
|
|
|
|
|
return result;
|
|
|
|
},
|
|
|
|
},
|
|
|
|
methods: {
|
2020-06-30 09:36:36 +00:00
|
|
|
formatTime(s) {
|
2020-07-03 15:35:10 +00:00
|
|
|
return DateTime.fromISO(s).toLocaleString(DateTime.DATETIME_MED);
|
2020-06-30 09:36:36 +00:00
|
|
|
},
|
2020-06-10 12:13:57 +00:00
|
|
|
save() {
|
|
|
|
this.model.update();
|
|
|
|
},
|
|
|
|
close() {
|
|
|
|
this.$emit('close');
|
|
|
|
},
|
|
|
|
openPhoto() {
|
|
|
|
this.$viewer.show(Thumb.fromFiles([this.model]), 0)
|
|
|
|
},
|
|
|
|
},
|
|
|
|
};
|
|
|
|
</script>
|