el-main#eventDetail
.head
nuxt-link.mr-2(to='/')
img#logo(src='/favicon.ico')
span.title {{event.title}}
div.float-right
nuxt-link.mr-1(:to='`/event/${prev}`')
el-button(circle plain size='small' icon='el-icon-arrow-left' :disabled='!prev')
nuxt-link(:to='`/event/${next}`')
el-button(circle plain size='small' :disabled='!next' icon='el-icon-arrow-right')
el-row
el-col(:md='18')
//- event image
img.main.mb-3(:src='imgPath' v-if='event.image_path')
//- info for mobile screen
div.d-block.d-lg-none
span {{event|when}}, {{event|to}}
span {{event.place.name}} - {{event.place.address}}
hr
pre(v-html='$options.filters.linkify(event.description)')
el-tag.mr-1.mb-1(v-for='tag in event.tags'
size='mini' :key='tag') {{tag}}
//- info & actions for desktop
el-dialog.embedDialog(:visible.sync='showEmbed')
h4(slot='title') {{$t('common.embed_title')}}
EmbedEvent(:event='event')
el-col.d-none.d-lg-block(:md='6')
el-menu.menu.mt-2
p {{event|when}}
{{event|to}}
p {{event.place.name}} - {{event.place.address}}
el-divider {{$t('common.actions')}}
el-menu-item(
v-clipboard:success='copyLink'
v-clipboard:copy='`${settings.baseurl}/event/${event.id}`') {{$t('common.copy_link')}}
el-menu-item(@click='showEmbed=true') {{$t('common.embed')}}
//- TODO (ics of recurrent events)
el-menu-item(v-if='!event.recurrent')
a.d-block(:href='`${settings.baseurl}/api/event/${event.id}.ics`') {{$t('common.add_to_calendar')}}
EventAdmin(v-if='is_mine' :event='event')
hr
.d-block.d-lg-none
el-button(plain size='mini' type='primary' v-clipboard:success='copyLink'
v-clipboard:copy='`${settings.baseurl}/event/${event.id}`') {{$t('common.copy_link')}}
a.el-button.el-button--success.el-button--mini.is-plain(role='button' plain size='mini' type='success'
:href='`${settings.baseurl}/api/event/${event.id}.ics`') {{$t('common.add_to_calendar')}}
//- comments from fediverse
#comments(v-if='settings.enable_federation')
div.float-right(v-if='!settings.disable_gamification')
small.mr-3 🔖 {{event.likes.length}}
small ✊ {{event.boost.length}}
strong(v-if='settings.enable_comments') {{$tc('common.comments', event.comments.length)}} -
small {{$t('event.interact_with_me_at')}} {{fedi_user}}@{{settings.baseurl|url2host}}
.card-header(v-if='settings.enable_comments' v-for='comment in event.comments' :key='comment.id')
a.float-right(:href='comment.data.url')
small {{comment.data.published|datetime}}
div.mt-1(v-html='comment_filter(comment.data.content)')
img(v-for='img in comment.data.media_attachments' :src='img.url')