From 872865f8fdf0f6548fcdb2c196060960a0319c9d Mon Sep 17 00:00:00 2001
From: Michael Mayer <michael@liquidbytes.net>
Date: Thu, 21 May 2020 13:38:55 +0200
Subject: [PATCH] Frontend: Show camera icon on RAW photos #314

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

diff --git a/frontend/src/component/p-photo-cards.vue b/frontend/src/component/p-photo-cards.vue
index 96982d26d..dedf7359e 100644
--- a/frontend/src/component/p-photo-cards.vue
+++ b/frontend/src/component/p-photo-cards.vue
@@ -88,12 +88,12 @@
                             <template v-if="photo.isPlayable()">
                                 <v-btn v-if="photo.PhotoType === 'live'" :ripple="false"
                                        icon flat large absolute class="p-photo-live opacity-75"
-                                       @click.stop.prevent="openPhoto(index, true)">
+                                       @click.stop.prevent="openPhoto(index, true)" title="Live Photo">
                                     <v-icon color="white" class="action-play">adjust</v-icon>
                                 </v-btn>
                                 <v-btn v-else color="white" :ripple="false"
                                        outline large fab absolute class="p-photo-play opacity-75" :depressed="false"
-                                       @click.stop.prevent="openPhoto(index, true)">
+                                       @click.stop.prevent="openPhoto(index, true)" title="Play">
                                     <v-icon color="white" class="action-play">play_arrow</v-icon>
                                 </v-btn>
                             </template>
@@ -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.PhotoType === 'raw'" :ripple="false"
+                                   icon flat large absolute class="p-photo-merged opacity-75"
+                                   @click.stop.prevent="openPhoto(index, true)" title="RAW">
+                                <v-icon color="white" class="action-burst">photo_camera</v-icon>
+                            </v-btn>
                         </v-img>
 
                         <v-card-title primary-title class="pa-3 p-photo-desc" style="user-select: none;">
diff --git a/frontend/src/component/p-photo-mosaic.vue b/frontend/src/component/p-photo-mosaic.vue
index 4bc39677c..656e38c61 100644
--- a/frontend/src/component/p-photo-mosaic.vue
+++ b/frontend/src/component/p-photo-mosaic.vue
@@ -87,12 +87,12 @@
                             <template v-if="photo.isPlayable()">
                                 <v-btn v-if="photo.PhotoType === 'live'" color="white"
                                        icon flat small absolute class="p-photo-live opacity-75" :depressed="false" :ripple="false"
-                                       @click.stop.prevent="openPhoto(index, true)">
+                                       @click.stop.prevent="openPhoto(index, true)" title="Live Photo">
                                     <v-icon color="white" class="action-play">adjust</v-icon>
                                 </v-btn>
                                 <v-btn v-else color="white"
                                        outline fab absolute class="p-photo-play opacity-75" :depressed="false" :ripple="false"
-                                       @click.stop.prevent="openPhoto(index, true)">
+                                       @click.stop.prevent="openPhoto(index, true)" title="Play">
                                     <v-icon color="white" class="action-play">play_arrow</v-icon>
                                 </v-btn>
                             </template>
@@ -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.PhotoType === 'raw'" :ripple="false"
+                                   icon flat small absolute class="p-photo-merged opacity-75"
+                                   @click.stop.prevent="openPhoto(index, true)" title="RAW">
+                                <v-icon color="white" class="action-burst">photo_camera</v-icon>
+                            </v-btn>
                         </v-img>
                     </v-card>
                 </v-hover>