From 4cfc21322953a19aad6648c326b418763ce00558 Mon Sep 17 00:00:00 2001
From: mateuswetah <mateus.m.luna@gmail.com>
Date: Thu, 21 Mar 2024 17:48:53 -0300
Subject: [PATCH] Updates compound child metadata communication.

---
 .../components/lists/collection-metadata-list.vue      |  2 +-
 .../metadata-types/compound/TainacanCompound.vue       |  1 +
 .../components/metadata-types/tainacan-form-item.vue   |  4 ++--
 src/views/admin/js/item-metadata-mixin.js              | 10 ++++++----
 src/views/admin/scss/_tainacan-form.scss               |  2 +-
 5 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/src/views/admin/components/lists/collection-metadata-list.vue b/src/views/admin/components/lists/collection-metadata-list.vue
index 076e7c2b9..f3b32337e 100644
--- a/src/views/admin/components/lists/collection-metadata-list.vue
+++ b/src/views/admin/components/lists/collection-metadata-list.vue
@@ -223,7 +223,7 @@
                                 </a>
                                 <a 
                                         v-if="metadataSection.current_user_can_delete"
-                                        :disabled="metadataSection.metadata_object_list.length"
+                                        :disabled="metadataSection.metadata_object_list.length > 0"
                                         :style="{ visibility: metadataSection.collection_id != collectionId || metadataSection.id === 'default_section' || metadataSection.metadata_object_list.length ? 'hidden' : 'visible' }"
                                         @click.prevent="removeMetadataSection(metadataSection)">
                                     <span
diff --git a/src/views/admin/components/metadata-types/compound/TainacanCompound.vue b/src/views/admin/components/metadata-types/compound/TainacanCompound.vue
index 622440e9e..19033c1b1 100644
--- a/src/views/admin/components/metadata-types/compound/TainacanCompound.vue
+++ b/src/views/admin/components/metadata-types/compound/TainacanCompound.vue
@@ -75,6 +75,7 @@
                             :is-focused="(focusedGroupMetadatum === groupIndex) && (focusedChildMetadatum === childIndex)"
                             :is-metadata-navigation="isMetadataNavigation"
                             :enumerate-metadatum="enumerateMetadatum ? ( enumerateMetadatum + ( childItemMetadataGroups.length > 1 ? ( '.' + (Number(groupIndex) + 1) ) : '' ) + '.' + (Number(childIndex) + 1) ) : false"
+                            @input="($event) => $emitter.emit('updateValueFromCompound', $event)"
                             @change-collapse="onChangeCollapse($event, groupIndex, childIndex)"
                             @touchstart="isMetadataNavigation ? setMetadatumChildFocus({ groupIndex: groupIndex, childIndex: childIndex, scrollIntoView: false }): ''"
                             @mousedown="isMetadataNavigation ? setMetadatumChildFocus({ groupIndex: groupIndex, childIndex: childIndex, scrollIntoView: false }) : ''"
diff --git a/src/views/admin/components/metadata-types/tainacan-form-item.vue b/src/views/admin/components/metadata-types/tainacan-form-item.vue
index 53ae752db..6960bc8a9 100644
--- a/src/views/admin/components/metadata-types/tainacan-form-item.vue
+++ b/src/views/admin/components/metadata-types/tainacan-form-item.vue
@@ -286,6 +286,7 @@
                 this.performValueChange();
             }, 800),
             performValueChange() {
+
                 // Compound metadata do not emit values, only their children.
                 if (this.metadatumComponent == 'tainacan-compound')
                     return;
@@ -305,7 +306,7 @@
                                 currentValues = this.values.map(term => term.value)
                             else
                                 currentValues = this.values;
-                                
+                             
                             if (Array.isArray(currentValues)) {
                                 for (let value of currentValues) {
                                     let foundIndex = this.itemMetadatum.value.findIndex(element => value == element.id);
@@ -338,7 +339,6 @@
                                 return;
                     }
                 }
-                
                 // If none is the case, the value is update request is sent to the API
                 this.$emit('input', {
                     itemId: this.itemMetadatum.item.id,
diff --git a/src/views/admin/js/item-metadata-mixin.js b/src/views/admin/js/item-metadata-mixin.js
index b283d6830..d79ef6ec8 100644
--- a/src/views/admin/js/item-metadata-mixin.js
+++ b/src/views/admin/js/item-metadata-mixin.js
@@ -3,9 +3,11 @@ import { mapActions } from 'vuex';
 export const itemMetadataMixin = {
     created() {
         this.$emitter.on('removeCompoundGroup', this.removeItemMetadataGroup);
+        this.$emitter.on('updateValueFromCompound', this.updateItemMetadataValue);
     },
     beforeDestroy() {
         this.$emitter.off('removeCompoundGroup', this.removeItemMetadataGroup);
+        this.$emitter.off('updateValueFromCompound', this.updateItemMetadataValue);
     },
     data () {
         return {
@@ -33,11 +35,11 @@ export const itemMetadataMixin = {
             'deleteItemMetadataGroup',
             'deleteGroupFromItemSubmissionMetadatum'
         ]),
-        updateItemMetadataValue({ itemId, metadatumId, values, parentMetaId, parentId }){
+        updateItemMetadataValue({ itemId, metadatumId, values, parentMetaId, parentId }) {
             
             if (itemId) {
 
-                this.isUpdatingValues = true;;
+                this.isUpdatingValues = true;
 
                 if (values.length > 0 && values[0] && values[0].value) {
                     let onlyValues = values.map((aValueObject) => aValueObject.value);
@@ -94,7 +96,7 @@ export const itemMetadataMixin = {
                 // In the item submission, we don't want to block submission or clear errors before a re-submission is performed,
                 // as the validation depends on a single server-side request. Thus, we do not update error arary here.
 
-                this.isUpdatingValues = false;;
+                this.isUpdatingValues = false;
             }
 
             /** 
@@ -115,7 +117,7 @@ export const itemMetadataMixin = {
         },
         removeItemMetadataGroup({ itemId, metadatumId, parentMetaId, parentMetadatum }) {
             
-            this.isUpdatingValues = true;;
+            this.isUpdatingValues = true;
             
             if (itemId && metadatumId && parentMetaId) {
                 
diff --git a/src/views/admin/scss/_tainacan-form.scss b/src/views/admin/scss/_tainacan-form.scss
index e53115ad8..37c646724 100644
--- a/src/views/admin/scss/_tainacan-form.scss
+++ b/src/views/admin/scss/_tainacan-form.scss
@@ -49,7 +49,7 @@
           background-color: var(--tainacan-red1);  
         }
     }
-    a[disabled] {
+    a[disabled="true"] {
         opacity: 0.5;
         user-select: none;
         pointer-events: none;