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')
-
+
}
}
}