53 lines
1.4 KiB
Vue
53 lines
1.4 KiB
Vue
<template lang="pug">
|
||
tr
|
||
td
|
||
color-span(v-bind:color="eventTypes[RSVPItem.eventTypeHash].color")
|
||
span {{ RSVPItem.startTime.format() }} - {{ RSVPItem.endTime.format() }}
|
||
td
|
||
template(v-for="(member, index) in RSVPItem.members")
|
||
template(v-if="index > 0")
|
||
| , 
|
||
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>
|