53 lines
1.3 KiB
Vue
53 lines
1.3 KiB
Vue
|
<template lang="pug">
|
|||
|
|
tr
|
|||
|
|
td
|
|||
|
|
color-span(v-bind:color="eventTypes[RSVPItem.eventTypeHash].color")
|
|||
|
|
span {{ RSVPItem.startTime }} - {{ RSVPItem.endTime }}
|
|||
|
|
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>
|