38 lines
773 B
Vue
38 lines
773 B
Vue
<template>
|
|
<div>
|
|
<h1 class="text-4xl mb-2">Sessions</h1>
|
|
|
|
<div v-if="acceptedSessions.length" class="bg-white p-6 rounded-lg border">
|
|
<ul class="-mb-3">
|
|
<li v-for="{ attributes } in acceptedSessions" :key="attributes.drupal_internal__nid" class="mb-3">
|
|
{{ attributes.title }}
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
props: {
|
|
sessions: {
|
|
type: Object,
|
|
required: true
|
|
}
|
|
},
|
|
|
|
computed: {
|
|
acceptedSessions: function () {
|
|
return this.sessions
|
|
.filter(session => this.isAccepted(session))
|
|
.value()
|
|
}
|
|
},
|
|
|
|
methods: {
|
|
isAccepted: function ({ attributes }) {
|
|
return attributes.field_session_status === 'accepted'
|
|
}
|
|
}
|
|
}
|
|
</script>
|