gradido/frontend/src/components/ContributionMessages/ContributionMessagesList.vue
2022-08-25 13:52:53 +02:00

47 lines
1.1 KiB
Vue

<template>
<div class="contribution-messages-list">
<b-container>
<div v-for="message in messages" v-bind:key="message.id">
<contribution-messages-list-item :message="message" />
</div>
</b-container>
<br />
<br />
<br />
<contribution-messages-formular
v-if="state === 'PENDING' || state === 'IN_PROGRESS'"
:contributionId="contributionId"
/>
</div>
</template>
<script>
import ContributionMessagesListItem from '@/components/ContributionMessages/ContributionMessagesListItem.vue'
import ContributionMessagesFormular from '@/components/ContributionMessages/ContributionMessagesFormular.vue'
export default {
name: 'ContributionMessagesList',
components: {
ContributionMessagesListItem,
ContributionMessagesFormular,
},
props: {
contributionId: {
type: Number,
required: true,
},
state: {
type: String,
required: false,
},
messages: {
type: Array,
required: true,
},
},
}
</script>
<style scoped>
.temp-message {
margin-top: 50px;
}
</style>