From 076390ba2f68793be4a6cdafcfd0ef1a091c1e2e Mon Sep 17 00:00:00 2001 From: les Date: Fri, 5 Mar 2021 14:22:52 +0100 Subject: [PATCH] minor --- pages/event/_id.vue | 15 +++++++++------ 1 file changed, 9 insertions(+), 6 deletions(-) diff --git a/pages/event/_id.vue b/pages/event/_id.vue index 02b16628..11357652 100644 --- a/pages/event/_id.vue +++ b/pages/event/_id.vue @@ -43,6 +43,11 @@ v-container b.vcard.ml-2 {{event.place.name}} .text-subtitle-1.adr {{event.place.address}} + //- tags, hashtags + v-toolbar(v-if='event.tags.length').darken-4.grey + v-chip.p-category.ml-1.mt-3(v-for='tag in event.tags' color='primary' + outlined :key='tag' v-text='tag') + //- info & actions v-toolbar v-tooltip(bottom) {{$t('common.copy_link')}} @@ -62,8 +67,6 @@ v-container v-icon mdi-calendar-export .p-description.text-body-1.px-5.ma-5(v-if='event.image_path' v-html='event.description') - v-chip.p-category.ml-1(v-for='tag in event.tags' color='primary' - outlined :key='tag' v-text='tag') //- resources from fediverse #resources.mt-1(v-if='settings.enable_federation') @@ -113,7 +116,7 @@ v-container img(v-for='img in resource.data.attachment' :src='img.url') //- Next/prev arrow - .text-center + .text-center.mt-5.mb-5 v-btn.mr-2(nuxt icon outlined color='primary' :to='`/event/${event.prev}`' :disabled='!event.prev') v-icon mdi-arrow-left @@ -136,7 +139,6 @@ const htmlToText = require('html-to-text') export default { name: 'Event', components: { EventAdmin, EmbedEvent, FollowMe }, - transition: null, async asyncData ({ $axios, params, error, store }) { try { const event = await $axios.$get(`/event/${params.id}`) @@ -147,6 +149,7 @@ export default { }, data () { return { + event: {}, showEmbed: false, showFollowMe: false, showResources: false, @@ -259,10 +262,10 @@ export default { keyDown (ev) { if (ev.altKey || ev.ctrlKey || ev.metaKey || ev.shiftKey) { return } if (ev.key === 'ArrowRight' && this.event.next) { - this.$router.push(`/event/${this.event.next}`) + this.$router.replace(`/event/${this.event.next}`) } if (ev.key === 'ArrowLeft' && this.event.prev) { - this.$router.push(`/event/${this.event.prev}`) + this.$router.replace(`/event/${this.event.prev}`) } }, showResource (resource) {