From c97b1098c6c0c99c49ff1755591eb23aedbea280 Mon Sep 17 00:00:00 2001
From: Michael Mayer <michael@liquidbytes.net>
Date: Tue, 9 Jun 2020 08:13:17 +0200
Subject: [PATCH] Frontend: Add zoom-in button to photos view

Signed-off-by: Michael Mayer <michael@liquidbytes.net>
---
 frontend/src/component/p-photo-cards.vue  | 5 +++++
 frontend/src/component/p-photo-mosaic.vue | 5 +++++
 2 files changed, 10 insertions(+)

diff --git a/frontend/src/component/p-photo-cards.vue b/frontend/src/component/p-photo-cards.vue
index df6ca4535..393006d1c 100644
--- a/frontend/src/component/p-photo-cards.vue
+++ b/frontend/src/component/p-photo-cards.vue
@@ -102,6 +102,11 @@
                                    @click.stop.prevent="openPhoto(index, true)">
                                 <v-icon color="white" class="action-burst">burst_mode</v-icon>
                             </v-btn>
+                            <v-btn v-else-if="photo.Type === 'image' && selection.length && hover" :ripple="false"
+                                   icon flat large absolute class="p-photo-merged opacity-75"
+                                   @click.stop.prevent="openPhoto(index, false)">
+                                <v-icon color="white" class="action-open">zoom_in</v-icon>
+                            </v-btn>
                             <v-btn v-else-if="photo.Type === 'raw'" :ripple="false"
                                    icon flat large absolute class="p-photo-merged opacity-75"
                                    @click.stop.prevent="openPhoto(index, true)" title="RAW">
diff --git a/frontend/src/component/p-photo-mosaic.vue b/frontend/src/component/p-photo-mosaic.vue
index 027e9edbb..77fd9b632 100644
--- a/frontend/src/component/p-photo-mosaic.vue
+++ b/frontend/src/component/p-photo-mosaic.vue
@@ -101,6 +101,11 @@
                                    @click.stop.prevent="openPhoto(index, true)">
                                 <v-icon color="white" class="action-burst">burst_mode</v-icon>
                             </v-btn>
+                            <v-btn v-else-if="photo.Type === 'image' && selection.length && hover" :ripple="false"
+                                   icon flat small absolute class="p-photo-merged opacity-75"
+                                   @click.stop.prevent="openPhoto(index, false)">
+                                <v-icon color="white" class="action-open">zoom_in</v-icon>
+                            </v-btn>
                             <v-btn v-else-if="photo.Type === 'raw'" :ripple="false"
                                    icon flat small absolute class="p-photo-merged opacity-75"
                                    @click.stop.prevent="openPhoto(index, true)" title="RAW">