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

Frontend: Improve range select on mobile

Browse source 
Signed-off-by: Michael Mayer <michael@liquidbytes.net>
This commit is contained in:
Michael Mayer 2020-04-23 14:36:02 +02:00
parent 4e23987c05
commit 75f4cff8d7
2 changed files with 12 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
frontend/src/component/p-photo-card.vue
View file

@ -128,6 +128,8 @@
this.$clipboard.toggle(this.photo);
}
}
this.wasLong = false;
},
},
watch: {

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

@ -23,7 +23,7 @@
>
<v-hover>
<v-card tile slot-scope="{ hover }"
@contextmenu="contextMenu($event, photo)"
@contextmenu="contextMenu($event, photo, index)"
:class="$clipboard.has(photo) ? 'elevation-10 ma-0' : 'elevation-0 ma-1'"
:title="photo.PhotoTitle">
<v-img :src="photo.getThumbnailUrl('tile_224')"
@ -118,12 +118,19 @@
this.wasLong = false;
},
contextMenu(ev, model) {
contextMenu(ev, model, index) {
if (this.$isMobile) {
ev.preventDefault();
ev.stopPropagation();
this.$clipboard.toggle(model);
if (this.wasLong) {
this.selectRange(index);
} else {
this.$clipboard.toggle(model);
}
}
this.wasLong = false;
},
selectRange(index) {
this.$clipboard.addRange(index, this.photos);