NoLog.cz/gancio-upstream
6
0
Fork 0
mirror of https://framagit.org/les/gancio.git synced 2025-02-01 00:52:01 +01:00
Code Issues Projects Releases Packages Wiki Activity

event component is not functional anymore

Browse source
This commit is contained in:
les 2021-03-16 19:57:34 +01:00
parent cb7084b56a
commit 01976356ce
No known key found for this signature in database
GPG key ID: 352918250B012177
1 changed files with 18 additions and 30 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

48
components/Event.vue
View file

@ -1,19 +1,19 @@
<template lang="pug" functional> <template lang="pug">
v-card.h-event.event v-card.h-event.event
nuxt-link(:to='`/event/${props.event.id}`') nuxt-link(:to='`/event/${event.id}`')
v-img.img(:src="`/media/thumb/${props.event.image_path || 'logo.png' }`") v-img.img(:src="`/media/thumb/${event.image_path || 'logo.png' }`")
v-icon.float-right.mr-1(v-if='props.event.parentId' color='success') mdi-repeat v-icon.float-right.mr-1(v-if='event.parentId' color='success') mdi-repeat
.title.p-name {{props.event.title}} .title.p-name {{event.title}}
v-card-text.body.pt-0.pb-0 v-card-text.body.pt-0.pb-0
time.dt-start.subtitle-1(:datetime='props.event.start_datetime|unixFormat("YYYY-MM-DD HH:mm")') <v-icon>mdi-calendar</v-icon> {{ props.event|when }} time.dt-start.subtitle-1(:datetime='event.start_datetime|unixFormat("YYYY-MM-DD HH:mm")') <v-icon>mdi-calendar</v-icon> {{ event|when }}
.d-none.dt-end {{props.event.end_datetime|unixFormat('YYYY-MM-DD HH:mm')}} .d-none.dt-end {{event.end_datetime|unixFormat('YYYY-MM-DD HH:mm')}}
a.place.d-block.p-location.pl-0(text color='primary' @click="listeners['placeclick'](props.event.place.id)") <v-icon>mdi-map-marker</v-icon> {{props.event.place.name}} a.place.d-block.p-location.pl-0(text color='primary' @click="$emit('placeclick', event.place.id)") <v-icon>mdi-map-marker</v-icon> {{event.place.name}}
v-card-actions.actions.justify-space-between v-card-actions.actions.justify-space-between
.tags .tags
v-chip.ml-1.px-2(v-for='tag in props.event.tags' small v-chip.ml-1.px-2(v-for='tag in event.tags' small
:key='tag' outlined color='primary' @click="listeners['tagclick'](tag)") {{tag}} :key='tag' outlined color='primary' @click="$emit('tagclick', tag)") {{tag}}
v-menu(offset-y) v-menu(offset-y)
template(v-slot:activator="{on}") template(v-slot:activator="{on}")
@ -21,25 +21,27 @@
v-icon mdi-dots-vertical v-icon mdi-dots-vertical
v-list(dense) v-list(dense)
v-list-item-group v-list-item-group
v-list-item(v-clipboard:success="() => parent.$root.$message('common.copied', { color: 'success' })" v-list-item(v-clipboard:success="() => $root.$message('common.copied', { color: 'success' })"
v-clipboard:copy='`${parent.settings.baseurl}/event/${props.event.id}`') v-clipboard:copy='`${settings.baseurl}/event/${event.id}`')
v-list-item-icon v-list-item-icon
v-icon mdi-content-copy v-icon mdi-content-copy
v-list-item-content v-list-item-content
v-list-item-title {{parent.$t('common.copy_link')}} v-list-item-title {{$t('common.copy_link')}}
v-list-item(:href='`/api/event/${props.event.id}.ics`') v-list-item(:href='`/api/event/${event.id}.ics`')
v-list-item-icon v-list-item-icon
v-icon mdi-calendar-export v-icon mdi-calendar-export
v-list-item-content v-list-item-content
v-list-item-title {{parent.$t('common.add_to_calendar')}} v-list-item-title {{$t('common.add_to_calendar')}}
</template> </template>
<script> <script>
import { mapState } from 'vuex'
export default { export default {
props: { props: {
event: { type: Object, default: () => ({}) } event: { type: Object, default: () => ({}) }
} },
computed: mapState(['settings'])
} }
</script> </script>
<style lang="less"> <style lang="less">
@ -70,20 +72,6 @@ export default {
flex: 1 1 auto; flex: 1 1 auto;
} }
// .actions {
// justify-content: flex-end;
// overflow: hidden;
// align-content: flex-end;
// text-align: right;
// .tags {
// order: 0;
// flex-grow: 1;
// align-self:center;
// max-height: 1.6em;
// overflow: hidden;
// }
// }
.img { .img {
width: 100%; width: 100%;
max-height: 250px; max-height: 250px;