Frontend: Refactor photo edit dialog
Signed-off-by: Michael Mayer <michael@liquidbytes.net>
This commit is contained in:
Michael Mayer
parent
0f7b598806
commit
ef876e0754
|
|
@ -29,30 +29,30 @@
|
||||||
height="64"
|
height="64"
|
||||||
class="form"
|
class="form"
|
||||||
>
|
>
|
||||||
<v-tab id="tab-edit-details" ripple>
|
<v-tab id="tab-edit" ripple>
|
||||||
<translate>Details</translate>
|
<translate key="Edit">Edit</translate>
|
||||||
</v-tab>
|
</v-tab>
|
||||||
|
|
||||||
<v-tab id="tab-edit-labels" ripple :disabled="!$config.feature('labels')">
|
<v-tab id="tab-labels" ripple :disabled="!$config.feature('labels')">
|
||||||
<translate>Labels</translate>
|
<translate key="Labels">Labels</translate>
|
||||||
</v-tab>
|
</v-tab>
|
||||||
|
|
||||||
<v-tab id="tab-edit-files" ripple>
|
<v-tab id="tab-files" ripple>
|
||||||
<translate>Files</translate>
|
<translate key="Files">Files</translate>
|
||||||
</v-tab>
|
</v-tab>
|
||||||
|
|
||||||
<v-tabs-items touchless>
|
<v-tabs-items touchless>
|
||||||
<v-tab-item>
|
<v-tab-item>
|
||||||
<p-tab-photo-edit-details :model="model" ref="details"
|
<p-tab-photo-edit :model="model" ref="edit"
|
||||||
@close="close" @prev="prev" @next="next"></p-tab-photo-edit-details>
|
@close="close" @prev="prev" @next="next"></p-tab-photo-edit>
|
||||||
</v-tab-item>
|
</v-tab-item>
|
||||||
|
|
||||||
<v-tab-item lazy>
|
<v-tab-item lazy>
|
||||||
<p-tab-photo-edit-labels :model="model" @close="close"></p-tab-photo-edit-labels>
|
<p-tab-photo-labels :model="model" @close="close"></p-tab-photo-labels>
|
||||||
</v-tab-item>
|
</v-tab-item>
|
||||||
|
|
||||||
<v-tab-item lazy>
|
<v-tab-item lazy>
|
||||||
<p-tab-photo-edit-files :model="model" @close="close"></p-tab-photo-edit-files>
|
<p-tab-photo-files :model="model" @close="close"></p-tab-photo-files>
|
||||||
</v-tab-item>
|
</v-tab-item>
|
||||||
</v-tabs-items>
|
</v-tabs-items>
|
||||||
</v-tabs>
|
</v-tabs>
|
||||||
|
|
@ -61,9 +61,9 @@
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import Photo from "../model/photo";
|
import Photo from "../model/photo";
|
||||||
import PhotoEditDetails from "./photo/details.vue";
|
import PhotoEdit from "./photo/edit.vue";
|
||||||
import PhotoEditLabels from "./photo/labels.vue";
|
import PhotoLabels from "./photo/labels.vue";
|
||||||
import PhotoEditFiles from "./photo/files.vue";
|
import PhotoFiles from "./photo/files.vue";
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'p-photo-edit-dialog',
|
name: 'p-photo-edit-dialog',
|
||||||
|
|
@ -74,9 +74,9 @@
|
||||||
album: Object,
|
album: Object,
|
||||||
},
|
},
|
||||||
components: {
|
components: {
|
||||||
'p-tab-photo-edit-details': PhotoEditDetails,
|
'p-tab-photo-edit': PhotoEdit,
|
||||||
'p-tab-photo-edit-labels': PhotoEditLabels,
|
'p-tab-photo-labels': PhotoLabels,
|
||||||
'p-tab-photo-edit-files': PhotoEditFiles,
|
'p-tab-photo-files': PhotoFiles,
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
title: function () {
|
title: function () {
|
||||||
|
|
@ -142,7 +142,7 @@
|
||||||
this.model.find(this.selectedId).then(model => {
|
this.model.find(this.selectedId).then(model => {
|
||||||
model.refreshFileAttr();
|
model.refreshFileAttr();
|
||||||
this.model = model;
|
this.model = model;
|
||||||
this.$refs.details.refresh(model);
|
this.$refs.edit.refresh(model);
|
||||||
this.loading = false;
|
this.loading = false;
|
||||||
}).catch(() => this.loading = false);
|
}).catch(() => this.loading = false);
|
||||||
},
|
},
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="p-tab p-tab-photo-edit-details">
|
<div class="p-tab p-tab-photo-edit">
|
||||||
<v-container fluid>
|
<v-container fluid>
|
||||||
<v-form lazy-validation dense
|
<v-form lazy-validation dense
|
||||||
ref="form" class="p-form-photo-edit-meta" accept-charset="UTF-8"
|
ref="form" class="p-form-photo-edit-meta" accept-charset="UTF-8"
|
||||||
|
|
@ -409,7 +409,7 @@
|
||||||
import Thumb from "model/thumb";
|
import Thumb from "model/thumb";
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'p-tab-photo-edit-details',
|
name: 'p-tab-photo-edit',
|
||||||
props: {
|
props: {
|
||||||
model: Object,
|
model: Object,
|
||||||
},
|
},
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="p-tab p-tab-photo-edit-files">
|
<div class="p-tab p-tab-photo-files">
|
||||||
<v-data-table
|
<v-data-table
|
||||||
:headers="listColumns"
|
:headers="listColumns"
|
||||||
:items="model.Files"
|
:items="model.Files"
|
||||||
|
|
@ -40,7 +40,7 @@
|
||||||
import Thumb from "model/thumb";
|
import Thumb from "model/thumb";
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'p-tab-photo-edit-files',
|
name: 'p-tab-photo-files',
|
||||||
props: {
|
props: {
|
||||||
model: Object,
|
model: Object,
|
||||||
},
|
},
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="p-tab p-tab-photo-edit-labels">
|
<div class="p-tab p-tab-photo-labels">
|
||||||
<v-data-table
|
<v-data-table
|
||||||
:headers="listColumns"
|
:headers="listColumns"
|
||||||
:items="model.Labels"
|
:items="model.Labels"
|
||||||
|
|
@ -91,7 +91,7 @@
|
||||||
import Label from "model/label";
|
import Label from "model/label";
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'p-tab-photo-edit-labels',
|
name: 'p-tab-photo-labels',
|
||||||
props: {
|
props: {
|
||||||
model: Object,
|
model: Object,
|
||||||
},
|
},
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue