add list and formular for contribution messages

This commit is contained in:
ogerly 2022-08-24 11:04:28 +02:00
parent 1ac50875c0
commit a0d765c7f2
2 changed files with 31 additions and 4 deletions

View File

@ -19,10 +19,10 @@
</div>
</template>
<script>
import ContributionMessagesListItem from './slots/ContributionMessagesListItem.vue'
import IsModerator from './slots/IsModerator.vue'
import IsNotModerator from './slots/IsNotModerator.vue'
import ContributionMessagesFormular from '../ContributionMessages/ContributionMessagesFormular.vue'
import ContributionMessagesListItem from '@/components/ContributionMessages/ContributionMessagesListItem.vue'
import IsModerator from '@/components/ContributionMessages/slots/IsModerator.vue'
import IsNotModerator from '@/components/ContributionMessages/slots/IsNotModerator.vue'
import ContributionMessagesFormular from '@/components/ContributionMessages/ContributionMessagesFormular.vue'
export default {
name: 'ContributionMessagesList',
components: {

View File

@ -35,14 +35,33 @@
<div class="pointer" @click="deleteContribution({ id })">
<b-icon icon="trash" class="h2"></b-icon>
</div>
<div v-if="inProcess && type === 'pending'" class="pointer">
<b-icon v-b-toggle="collapsId" icon="chat-dots" class="h2 mr-5"></b-icon>
</div>
</div>
<div v-if="inProcess && type === 'pending'">
<b-button v-if="inProcess && id > 36" v-b-toggle="collapsId" variant="primary">
Bitte beantworte die Nachfrage
</b-button>
<b-collapse :id="collapsId" class="mt-2">
<b-card>
<contribution-messages-list />
</b-card>
</b-collapse>
</div>
</div>
</slot>
</div>
</template>
<script>
import ContributionMessagesList from '@/components/ContributionMessages/ContributionMessagesList.vue'
export default {
name: 'ContributionListItem',
components: {
ContributionMessagesList,
},
props: {
id: {
type: Number,
@ -80,6 +99,11 @@ export default {
required: false,
},
},
data() {
return {
inProcess: true,
}
},
computed: {
type() {
if (this.deletedAt) return 'deleted'
@ -102,6 +126,9 @@ export default {
// return this.contributionDate
return this.createdAt
},
collapsId() {
return 'collapse' + String(this.id)
},
},
methods: {
deleteContribution(item) {