mirror of
https://github.com/IT4Change/gradido.git
synced 2025-12-13 07:45:54 +00:00
67 lines
1.7 KiB
Vue
67 lines
1.7 KiB
Vue
<template>
|
|
<div class="contribution-link">
|
|
<b-card
|
|
border-variant="success"
|
|
:header="$t('contributionLink.contributionLinks')"
|
|
header-bg-variant="success"
|
|
header-text-variant="white"
|
|
header-class="text-center"
|
|
class="mt-5"
|
|
>
|
|
<b-button v-b-toggle.newContribution class="my-3 d-flex justify-content-left">
|
|
{{ $t('math.plus') }} {{ $t('contributionLink.newContributionLink') }}
|
|
</b-button>
|
|
|
|
<b-collapse v-model="visible" id="newContribution" class="mt-2">
|
|
<b-card>
|
|
<p class="h2 ml-5">{{ $t('contributionLink.contributionLinks') }}</p>
|
|
<contribution-link-form :contributionLinkData="contributionLinkData" />
|
|
</b-card>
|
|
</b-collapse>
|
|
|
|
<b-card-text>
|
|
<contribution-link-list
|
|
v-if="count > 0"
|
|
:items="items"
|
|
@editContributionLinkData="editContributionLinkData"
|
|
/>
|
|
<div v-else>{{ $t('contributionLink.noContributionLinks') }}</div>
|
|
</b-card-text>
|
|
</b-card>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
import ContributionLinkForm from './ContributionLinkForm.vue'
|
|
import ContributionLinkList from './ContributionLinkList.vue'
|
|
|
|
export default {
|
|
name: 'ContributionLink',
|
|
components: {
|
|
ContributionLinkForm,
|
|
ContributionLinkList,
|
|
},
|
|
props: {
|
|
items: {
|
|
type: Array,
|
|
required: true,
|
|
},
|
|
count: {
|
|
type: Number,
|
|
required: true,
|
|
},
|
|
},
|
|
data: function () {
|
|
return {
|
|
visible: false,
|
|
contributionLinkData: {},
|
|
}
|
|
},
|
|
methods: {
|
|
editContributionLinkData(data) {
|
|
if (!this.visible) this.$root.$emit('bv::toggle::collapse', 'newContribution')
|
|
this.contributionLinkData = data
|
|
},
|
|
},
|
|
}
|
|
</script>
|