From 34143840aac758e705d3f38a62b587dd8ea33eb3 Mon Sep 17 00:00:00 2001
From: Michael Mayer <michael@liquidbytes.net>
Date: Thu, 16 Apr 2020 16:30:45 +0200
Subject: [PATCH] Frontend: Touch swipe on thumbnail in edit dialog

Signed-off-by: Michael Mayer <michael@liquidbytes.net>
---
 frontend/src/dialog/p-photo-edit-dialog.vue |  2 +-
 frontend/src/dialog/photo/details.vue       | 15 +++++++++++----
 2 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/frontend/src/dialog/p-photo-edit-dialog.vue b/frontend/src/dialog/p-photo-edit-dialog.vue
index 0c78902f8..1da6b2140 100644
--- a/frontend/src/dialog/p-photo-edit-dialog.vue
+++ b/frontend/src/dialog/p-photo-edit-dialog.vue
@@ -42,7 +42,7 @@
                 <v-tabs-items touchless>
                     <v-tab-item>
                         <p-tab-photo-edit-details :model="model" ref="details"
-                                                  @close="close"></p-tab-photo-edit-details>
+                                                  @close="close" @prev="prev" @next="next"></p-tab-photo-edit-details>
                     </v-tab-item>
 
                     <v-tab-item lazy>
diff --git a/frontend/src/dialog/photo/details.vue b/frontend/src/dialog/photo/details.vue
index 9c37dc8e2..5449398cc 100644
--- a/frontend/src/dialog/photo/details.vue
+++ b/frontend/src/dialog/photo/details.vue
@@ -17,6 +17,7 @@
                                    class="accent lighten-2 elevation-0"
                                    style="cursor: pointer"
                                    @click.exact="openPhoto()"
+                                   v-touch="{left, right}"
                             >
                                 <v-layout
                                         slot="placeholder"
@@ -438,7 +439,7 @@
 
                 let localDate = DateTime.fromISO(utcDate);
 
-                if(this.model.TimeZone) {
+                if (this.model.TimeZone) {
                     localDate = localDate.setZone(this.model.TimeZone);
                 } else {
                     localDate = localDate.toUTC(0);
@@ -468,6 +469,12 @@
             },
         },
         methods: {
+            left() {
+                this.$emit('next');
+            },
+            right() {
+                this.$emit('prev');
+            },
             openPhoto() {
                 this.$viewer.show([this.model], 0)
             },
@@ -486,9 +493,9 @@
                 }
 
                 this.model.update().then(() => {
-                   if (close) {
-                       this.$emit('close');
-                   }
+                    if (close) {
+                        this.$emit('close');
+                    }
                 });
             },
             close() {