2 <div class="page-section" id="agreement_relationships">
3 <legend>{{ $__("Related agreements") }}</legend>
5 :id="`related_agreement_${counter}`"
7 v-for="(relationship, counter) in relationships"
11 {{ $__("Related agreement %s").format(counter + 1) }}
12 <a href="#" @click.prevent="deleteRelationship(counter)"
13 ><i class="fa fa-trash"></i>
14 {{ $__("Remove this relationship") }}</a
19 <label :for="`related_agreement_id_${counter}`"
20 >{{ $__("Related agreement") }}:
23 :id="`related_agreement_id_${counter}`"
24 v-model="relationship.related_agreement_id"
26 :reduce="a => a.agreement_id"
29 <template #search="{ attributes, events }">
31 :required="!relationship.related_agreement_id"
38 <span class="required">{{ $__("Required") }}</span>
41 <label :for="`related_agreement_relationship_${counter}`"
42 >{{ $__("Relationship") }}:
45 :id="`related_agreement_relationship_${counter}`"
46 v-model="relationship.relationship"
48 :reduce="av => av.authorised_value"
49 :options="av_agreement_relationships"
51 <template #search="{ attributes, events }">
53 :required="!relationship.relationship"
60 <span class="required">{{ $__("Required") }}</span>
63 <label :for="`related_agreement_notes_${counter}`"
64 >{{ $__("Notes") }}:</label
67 :id="`related_agreement_notes_${counter}`"
68 v-model="relationship.notes"
69 :placeholder="$__('Notes')"
75 v-if="agreements.length"
76 class="btn btn-default"
77 @click="addRelationship"
78 ><font-awesome-icon icon="plus" />
79 {{ $__("Add new related agreement") }}</a
82 $__("There are no other agreements created yet")
88 import { fetchAgreements } from "../../fetch"
97 fetchAgreements().then(agreements => {
98 this.agreements = agreements.filter(
99 agreement => agreement.agreement_id !== this.agreement_id
105 this.relationships.push({
106 related_agreement_id: null,
111 deleteRelationship(counter) {
112 this.relationships.splice(counter, 1)
116 agreement_id: Number,
117 av_agreement_relationships: Array,
118 relationships: Array,
120 name: "AgreementRelationships",