From f9e11211f36099d2e5a506f3f77f2c6c5d866482 Mon Sep 17 00:00:00 2001
From: Theresa Gresch <theresagresch@gmail.com>
Date: Thu, 28 May 2020 16:36:03 +0200
Subject: [PATCH] Frontend: Add data-uid to elements

---
 frontend/src/component/p-photo-list.vue   | 6 +++---
 frontend/src/component/p-photo-mosaic.vue | 1 +
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/frontend/src/component/p-photo-list.vue b/frontend/src/component/p-photo-list.vue
index 561ba4128..b56f76d48 100644
--- a/frontend/src/component/p-photo-list.vue
+++ b/frontend/src/component/p-photo-list.vue
@@ -10,7 +10,7 @@
             :no-data-text="notFoundMessage"
     >
         <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"
                        :src="props.item.thumbnailUrl('tile_50')"
                        @mousedown="onMouseDown($event, props.index)"
@@ -67,12 +67,12 @@
             </td>
             <td class="text-xs-center">
                 <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-else color="accent lighten-3">lock_open</v-icon>
                 </v-btn>
                 <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-else color="accent lighten-3">favorite_border</v-icon>
                 </v-btn>
diff --git a/frontend/src/component/p-photo-mosaic.vue b/frontend/src/component/p-photo-mosaic.vue
index 6060a3836..2dc3a3591 100644
--- a/frontend/src/component/p-photo-mosaic.vue
+++ b/frontend/src/component/p-photo-mosaic.vue
@@ -19,6 +19,7 @@
             <v-flex
                     v-for="(photo, index) in photos"
                     :key="index"
+                    :data-uid="photo.UID"
                     v-bind:class="{ selected: $clipboard.has(photo) }"
                     class="p-photo"
                     xs4 sm3 md2 xl1 d-flex