Frontend: Show camera icon on RAW photos #314

Signed-off-by: Michael Mayer <michael@liquidbytes.net>
This commit is contained in:
Michael Mayer 2020-05-21 13:38:55 +02:00
parent f9b6952947
commit 872865f8fd
2 changed files with 14 additions and 4 deletions

View file

@ -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;">

View file

@ -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>