2 <div class="page-section" id="agreement_relationships">
3 <legend>{{ $__("Related agreements") }}</legend>
6 v-for="(relationship, counter) in relationships"
10 {{ $__("Related agreement %s").format(counter + 1) }}
11 <a href="#" @click.prevent="deleteRelationship(counter)"
12 ><i class="fa fa-trash"></i>
13 {{ $__("Remove this relationship") }}</a
18 <label :for="`related_agreement_id_${counter}`"
19 >{{ $__("Related agreement") }}:
22 :id="`related_agreement_id_${counter}`"
23 v-model="relationship.related_agreement_id"
25 :reduce="a => a.agreement_id"
28 <template #search="{ attributes, events }">
30 :required="!relationship.related_agreement_id"
37 <span class="required">{{ $__("Required") }}</span>
40 <label :for="`related_agreement_relationship_${counter}`"
41 >{{ $__("Relationship") }}:
44 :id="`related_agreement_relationship_${counter}`"
45 v-model="relationship.relationship"
47 :reduce="av => av.authorised_value"
48 :options="av_agreement_relationships"
50 <template #search="{ attributes, events }">
52 :required="!relationship.relationship"
59 <span class="required">{{ $__("Required") }}</span>
62 <label :for="`related_agreement_notes_${counter}`"
63 >{{ $__("Notes") }}:</label
66 :id="`related_agreement_notes_${counter}`"
67 v-model="relationship.notes"
68 :placeholder="$__('Notes')"
74 v-if="agreements.length"
75 class="btn btn-default"
76 @click="addRelationship"
77 ><font-awesome-icon icon="plus" />
78 {{ $__("Add new related agreement") }}</a
81 $__("There are no other agreements created yet")
87 import { fetchAgreements } from "../../fetch"
96 fetchAgreements().then(agreements => {
97 this.agreements = agreements.filter(
98 agreement => agreement.agreement_id !== this.agreement_id
104 this.relationships.push({
105 related_agreement_id: null,
110 deleteRelationship(counter) {
111 this.relationships.splice(counter, 1)
115 agreement_id: Number,
116 av_agreement_relationships: Array,
117 relationships: Array,
119 name: "AgreementRelationships",