cozy-rsvp/app/components/dashboardRSVPRow.vue

53 lines
1.4 KiB
Vue
Raw Normal View History

2016-11-07 02:51:21 +01:00
<template lang="pug">
tr
td
color-span(v-bind:color="eventTypes[RSVPItem.eventTypeHash].color")
2016-11-09 23:12:42 +01:00
span {{ RSVPItem.startTime.format() }} - {{ RSVPItem.endTime.format() }}
2016-11-07 02:51:21 +01:00
td
template(v-for="(member, index) in RSVPItem.members")
template(v-if="index > 0")
| ,&#32;
a(v-bind:href="'mailto:' + member.email") {{ member.name }}
span {{ ' with you' }}
br
span
span {{ '(' }}
strong {{ eventTypes[RSVPItem.eventTypeHash].length }} minutes
span {{ ' meeting)' }}
td(v-if="RSVPItem.status", class="center")
strong(class="upper") {{ RSVPItem.status }}
td(v-else, class="center")
select
option(selected) {{ '-' }}
option {{ 'Accept' }}
option {{ 'Discard' }}
</template>
<style lang="stylus" scoped>
td
padding 1em
padding-left 5vw
padding-right 5vw
line-height 1.75
</style>
<script>
import colorSpan from './colorSpan.vue'
export default {
props: {
eventTypes: {
type: Object,
required: true
},
RSVPItem: {
type: Object,
required: true
}
},
components: {
colorSpan
}
}
</script>