From 0fca21b7d3902fea18465bd8db1ad1c09af662ed Mon Sep 17 00:00:00 2001 From: lesion Date: Fri, 23 Dec 2022 01:17:04 +0100 Subject: [PATCH] use swipe to switch events --- pages/event/_slug.vue | 14 ++++++++++++-- 1 file changed, 12 insertions(+), 2 deletions(-) diff --git a/pages/event/_slug.vue b/pages/event/_slug.vue index cababe96..bfd2957b 100644 --- a/pages/event/_slug.vue +++ b/pages/event/_slug.vue @@ -3,7 +3,7 @@ v-container#event.pa-0.pa-sm-2 //- EVENT PAGE //- gancio supports microformats (http://microformats.org/wiki/h-event) //- and microdata https://schema.org/Event - v-card.h-event(itemscope itemtype="https://schema.org/Event") + v-card.h-event(itemscope itemtype="https://schema.org/Event" v-touch="{ left: goNext, right: goPrev }") v-card-text v-row @@ -318,12 +318,22 @@ export default { keyDown (ev) { if (ev.altKey || ev.ctrlKey || ev.metaKey || ev.shiftKey) { return } if (ev.key === 'ArrowRight' && this.event.next) { - this.$router.replace(`/event/${this.event.next}`) + this.goNext() } if (ev.key === 'ArrowLeft' && this.event.prev) { + this.goPrev() + } + }, + goPrev () { + if (this.event.prev) { this.$router.replace(`/event/${this.event.prev}`) } }, + goNext () { + if (this.event.next) { + this.$router.replace(`/event/${this.event.next}`) + } + }, showResource (resource) { this.showResources = true this.selectedResource = resource