diff --git a/components/Event.vue b/components/Event.vue index e3aae44f..d41eb02e 100644 --- a/components/Event.vue +++ b/components/Event.vue @@ -3,22 +3,22 @@ v-card.h-event.event.d-flex(itemscope itemtype="https://schema.org/Event") nuxt-link(:to='`/event/${event.slug || event.id}`' itemprop="url") MyPicture(:event='event' thumb :lazy='lazy') v-icon.float-right.mr-1(v-if='event.parentId' color='success' v-text='mdiRepeat') - .title.p-name(itemprop="name") {{event.title}} + .title.p-name(itemprop="name") {{ event.title }} v-card-text.body.pt-0.pb-0 - time.dt-start.subtitle-1(:datetime='event.start_datetime|unixFormat("YYYY-MM-DD HH:mm")' itemprop="startDate" :content="event.start_datetime|unixFormat('YYYY-MM-DDTHH:mm')") {{ event|when }} - .d-none.dt-end(itemprop="endDate" :content="event.end_datetime|unixFormat('YYYY-MM-DDTHH:mm')") {{event.end_datetime|unixFormat('YYYY-MM-DD HH:mm')}} - nuxt-link.place.d-block.p-location.pl-0(text color='primary' :to='`/place/${event.place.name}`' itemprop="location" :content="event.place.name") {{event.place.name}} - .d-none(itemprop='location.address') {{event.place.address}} + time.dt-start.subtitle-1(:datetime='event.start_datetime | unixFormat("YYYY-MM-DD HH:mm")' itemprop="startDate" :content="event.start_datetime | unixFormat('YYYY-MM-DDTHH:mm')") {{ event | when }} + .d-none.dt-end(itemprop="endDate" :content="event.end_datetime | unixFormat('YYYY-MM-DDTHH:mm')") {{ event.end_datetime | unixFormat('YYYY-MM-DD HH:mm') }} + nuxt-link.place.d-block.p-location.pl-0(text color='primary' :to='`/place/${event.place.name}`' itemprop="location" itemscope itemtype="https://schema.org/Place") {{ event.place.name }} + .d-none(itemprop='address') {{ event.place.address }} v-card-actions.pt-0.actions.justify-space-between .tags - v-chip.ml-1.mt-1(v-for='tag in event.tags.slice(0,6)' small :to='`/tag/${tag}`' - :key='tag' outlined color='primary') {{tag}} + v-chip.ml-1.mt-1(v-for='tag in event.tags.slice(0, 6)' small :to='`/tag/${tag}`' + :key='tag' outlined color='primary') {{ tag }} client-only v-menu(offset-y eager) - template(v-slot:activator="{on}") + template(v-slot:activator="{ on }") v-btn.align-self-end(icon v-on='on' color='primary' title='more' aria-label='more') v-icon(v-text='mdiDotsVertical') v-list(dense) @@ -27,22 +27,22 @@ v-card.h-event.event.d-flex(itemscope itemtype="https://schema.org/Event") v-list-item-icon v-icon(v-text='mdiContentCopy') v-list-item-content - v-list-item-title {{$t('common.copy_link')}} + v-list-item-title {{ $t('common.copy_link') }} v-list-item(:href='`/api/event/${event.slug || event.id}.ics`') v-list-item-icon v-icon(v-text='mdiCalendarExport') v-list-item-content - v-list-item-title {{$t('common.add_to_calendar')}} + v-list-item-title {{ $t('common.add_to_calendar') }} v-list-item(v-if='is_mine' :to='`/add/${event.id}`') v-list-item-icon v-icon(v-text='mdiPencil') v-list-item-content - v-list-item-title {{$t('common.edit')}} + v-list-item-title {{ $t('common.edit') }} v-list-item(v-if='is_mine' @click='remove(false)') v-list-item-icon v-icon(color='error' v-text='mdiDeleteForever') v-list-item-content - v-list-item-title {{$t('common.remove')}} + v-list-item-title {{ $t('common.remove') }} template(#placeholder) v-btn.align-self-end(icon color='primary' aria-label='more') v-icon(v-text='mdiDotsVertical') @@ -51,13 +51,17 @@ v-card.h-event.event.d-flex(itemscope itemtype="https://schema.org/Event") import { mapState } from 'vuex' import clipboard from '../assets/clipboard' import MyPicture from '~/components/MyPicture' -import { mdiRepeat, mdiPencil, mdiDotsVertical, mdiContentCopy, - mdiCalendarExport, mdiDeleteForever, mdiCalendar, mdiMapMarker } from '@mdi/js' +import { + mdiRepeat, mdiPencil, mdiDotsVertical, mdiContentCopy, + mdiCalendarExport, mdiDeleteForever, mdiCalendar, mdiMapMarker +} from '@mdi/js' export default { - data () { - return { mdiRepeat, mdiPencil, mdiDotsVertical, mdiContentCopy, mdiCalendarExport, - mdiDeleteForever, mdiMapMarker, mdiCalendar } + data() { + return { + mdiRepeat, mdiPencil, mdiDotsVertical, mdiContentCopy, mdiCalendarExport, + mdiDeleteForever, mdiMapMarker, mdiCalendar + } }, components: { MyPicture @@ -69,7 +73,7 @@ export default { mixins: [clipboard], computed: { ...mapState(['settings']), - is_mine () { + is_mine() { if (!this.$auth.user) { return false } @@ -79,13 +83,13 @@ export default { } }, methods: { - async remove () { + async remove() { const ret = await this.$root.$confirm('event.remove_confirmation') if (!ret) { return } await this.$axios.delete(`/event/${this.event.id}`) this.$emit('destroy', this.event.id) this.$root.$message('admin.event_remove_ok') - + } } }