luisgulo/photoprism
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Frontend: Add data-uid to elements

Browse source
This commit is contained in:
Theresa Gresch 2020-05-28 16:36:03 +02:00
parent d2dc39c5ff
commit f9e11211f3
2 changed files with 4 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
frontend/src/component/p-photo-list.vue
View file

@ -10,7 +10,7 @@
:no-data-text="notFoundMessage" :no-data-text="notFoundMessage"
> >
<template slot="items" slot-scope="props"> <template slot="items" slot-scope="props">
<td style="user-select: none;"> <td style="user-select: none;" :data-uid="props.item.UID">
<v-img class="accent lighten-2 clickable" aspect-ratio="1" <v-img class="accent lighten-2 clickable" aspect-ratio="1"
:src="props.item.thumbnailUrl('tile_50')" :src="props.item.thumbnailUrl('tile_50')"
@mousedown="onMouseDown($event, props.index)" @mousedown="onMouseDown($event, props.index)"
@ -67,12 +67,12 @@
</td> </td>
<td class="text-xs-center"> <td class="text-xs-center">
<v-btn v-if="hidePrivate" class="p-photo-private" icon small flat :ripple="false" <v-btn v-if="hidePrivate" class="p-photo-private" icon small flat :ripple="false"
@click.stop.prevent="props.item.togglePrivate()"> @click.stop.prevent="props.item.togglePrivate()" :data-uid="props.item.UID">
<v-icon v-if="props.item.Private" color="secondary-dark">lock</v-icon> <v-icon v-if="props.item.Private" color="secondary-dark">lock</v-icon>
<v-icon v-else color="accent lighten-3">lock_open</v-icon> <v-icon v-else color="accent lighten-3">lock_open</v-icon>
</v-btn> </v-btn>
<v-btn class="p-photo-like" icon small flat :ripple="false" <v-btn class="p-photo-like" icon small flat :ripple="false"
@click.stop.prevent="props.item.toggleLike()"> @click.stop.prevent="props.item.toggleLike()" :data-uid="props.item.UID">
<v-icon v-if="props.item.Favorite" color="pink lighten-3">favorite</v-icon> <v-icon v-if="props.item.Favorite" color="pink lighten-3">favorite</v-icon>
<v-icon v-else color="accent lighten-3">favorite_border</v-icon> <v-icon v-else color="accent lighten-3">favorite_border</v-icon>
</v-btn> </v-btn>

1
frontend/src/component/p-photo-mosaic.vue
View file

@ -19,6 +19,7 @@
<v-flex <v-flex
v-for="(photo, index) in photos" v-for="(photo, index) in photos"
:key="index" :key="index"
:data-uid="photo.UID"
v-bind:class="{ selected: $clipboard.has(photo) }" v-bind:class="{ selected: $clipboard.has(photo) }"
class="p-photo" class="p-photo"
xs4 sm3 md2 xl1 d-flex xs4 sm3 md2 xl1 d-flex