From f66c2ff07d861ea9a1420207bcc64969e147c83f Mon Sep 17 00:00:00 2001
From: mateuswetah <mateus.m.luna@gmail.com>
Date: Thu, 5 Oct 2023 13:04:22 -0300
Subject: [PATCH] Begins implementation of custom form options for mapper
 modal. #783.

---
 ...acan-rest-metadatum-mappers-controller.php |   1 +
 src/classes/mappers/class-tainacan-mapper.php |   4 +-
 .../mappers/class-tainacan-wiki-data.php      |   7 +-
 .../admin/components/lists/mappers-list.vue   |   1 +
 .../lists/metadata-mapping-list.vue           | 201 +++++++++++++-----
 .../js/store/modules/metadata/actions.js      |   4 +-
 6 files changed, 154 insertions(+), 64 deletions(-)

diff --git a/src/classes/api/endpoints/class-tainacan-rest-metadatum-mappers-controller.php b/src/classes/api/endpoints/class-tainacan-rest-metadatum-mappers-controller.php
index 7f4512ff9..a43fcda1f 100644
--- a/src/classes/api/endpoints/class-tainacan-rest-metadatum-mappers-controller.php
+++ b/src/classes/api/endpoints/class-tainacan-rest-metadatum-mappers-controller.php
@@ -169,6 +169,7 @@ class REST_Metadatum_Mappers_Controller extends REST_Controller {
 	 * @throws \Exception
 	 */
 	public function update_item_permissions_check( $request ) {
+		return true;
 		$body = json_decode( $request->get_body(), true );
 		if(
 			   is_array($body) &&
diff --git a/src/classes/mappers/class-tainacan-mapper.php b/src/classes/mappers/class-tainacan-mapper.php
index d9e8f7543..c5a286509 100644
--- a/src/classes/mappers/class-tainacan-mapper.php
+++ b/src/classes/mappers/class-tainacan-mapper.php
@@ -30,7 +30,7 @@ abstract class Mapper {
 	 * @var array
 	 */
 	public $metadata = false;
-	
+	public $add_meta_form = '';
 	public $prefix = ''; // Tag prefix like "dc:"
 	public $sufix = ''; // Tag sufix
 	public $header = false; // API response header or file header to be used with
@@ -47,7 +47,7 @@ abstract class Mapper {
 			'prefix' => $this->prefix,
 			'sufix' => $this->sufix,
 			'header' => $this->header,
-			'add_meta_form' => ''
+			'add_meta_form' => $this->add_meta_form
 		];
 	}
 	
diff --git a/src/classes/mappers/class-tainacan-wiki-data.php b/src/classes/mappers/class-tainacan-wiki-data.php
index 780881c9f..0ed8673fc 100644
--- a/src/classes/mappers/class-tainacan-wiki-data.php
+++ b/src/classes/mappers/class-tainacan-wiki-data.php
@@ -19,5 +19,10 @@ class Wiki_Data extends Mapper {
 	];
 	public $metadata = [
 		
-	];	
+	];
+	public $add_meta_form = '<input
+	class="input"
+	type="text"
+	placeholder="Alguma coisa"
+	name="teste">';	
 }
\ No newline at end of file
diff --git a/src/views/admin/components/lists/mappers-list.vue b/src/views/admin/components/lists/mappers-list.vue
index c4ebb8569..53a6d38d2 100644
--- a/src/views/admin/components/lists/mappers-list.vue
+++ b/src/views/admin/components/lists/mappers-list.vue
@@ -13,6 +13,7 @@
                     <p>{{ mapper.description }}</p>  
                 </button>     
                 <b-switch
+                        v-if="!isRepositoryLevel"
                         style="z-index: 1;position: relative;"
                         :false-value="true"
                         :true-value="false" 
diff --git a/src/views/admin/components/lists/metadata-mapping-list.vue b/src/views/admin/components/lists/metadata-mapping-list.vue
index f805f3f5a..51ed4c427 100644
--- a/src/views/admin/components/lists/metadata-mapping-list.vue
+++ b/src/views/admin/components/lists/metadata-mapping-list.vue
@@ -32,7 +32,6 @@
                         v-if="mapper && mapper.allow_extra_metadata"
                         class="modal-new-link">
                     <a
-                            v-if="collectionId != null && collectionId != undefined"
                             class="is-inline is-pulled-right add-link"
                             @click="onNewMetadataMapperMetadata()">
                         <span class="icon is-small">
@@ -75,7 +74,8 @@
                 <b-select
                         :name="'mappers-metadatum-select-' + mapperMetadatum.slug"
                         v-model="mapperMetadatum.selected"
-                        @input="onSelectMetadatumForMapperMetadata">
+                        @input="onSelectMetadatumForMapperMetadata"
+                        :disabled="!isRepositoryLevel && mapperMetadatum.isRepositoryLevel">
                     <option
                             value="">
                         {{ $i18n.get('instruction_select_a_metadatum') }}
@@ -178,6 +178,16 @@
                             required
                             v-model="newMetadataUri"/>
                 </b-field>
+                
+                <!-- Hook for extra Form options -->
+                <template 
+                        v-if="mapper.add_meta_form">  
+                    <form 
+                        id="form-mapper-metadata"
+                        class="form-hook-region"
+                        v-html="mapper.add_meta_form"/>
+                </template>
+
                 <div class="field is-grouped form-submit">
                     <div class="control">
                         <button
@@ -218,7 +228,11 @@ export default {
             mappedMetadata: [],
             newMapperMetadataList: [],
             newMetadataLabel: '',
-            newMetadataUri: ''
+            newMetadataUri: '',
+            newMetadataSlug: '',
+            customForm: {
+                'teste': 'aaa'
+            }
         }
     },
     computed: {
@@ -236,6 +250,7 @@ export default {
         this.isLoadingMetadata = true;
         
         this.cleanMetadata();
+
         this.fetchMetadata({
             collectionId: this.collectionId,
             isRepositoryLevel: this.isRepositoryLevel, 
@@ -271,32 +286,39 @@ export default {
             this.mapperMetadata = [];
             
             if ( this.mapper && this.mapper.metadata ) {
-                for (let k in this.mapper.metadata) {
-                    let item = this.mapper.metadata[k];
-                    item.slug = k;
+
+                for (let metadatum in this.mapper.metadata) {
+                    let item = this.mapper.metadata[metadatum];
+                    item.slug = metadatum;
                     item.selected = '';
                     item.isCustom = false;
-                    this.activeMetadatumList.forEach((metadatum) => {
+
+                    this.activeMetadatumList.forEach((activeMetadatum) => {
                         if (
-                            Object.prototype.hasOwnProperty.call(metadatum.exposer_mapping, this.mapper.slug) &&
-                            metadatum.exposer_mapping[this.mapper.slug] == item.slug
+                            Object.prototype.hasOwnProperty.call(activeMetadatum.exposer_mapping, this.mapper.slug) &&
+                            activeMetadatum.exposer_mapping[this.mapper.slug] == item.slug
                         ) {
-                            item.selected = metadatum.id;
-                            this.mappedMetadata.push(metadatum.id);
+                            item.selected = activeMetadatum.id;
+                            item.isRepositoryLevel = activeMetadatum.collection_id === 'default';
+                            this.mappedMetadata.push(activeMetadatum.id);
                         }
                     });
                     this.mapperMetadata.push(item);
                 }
-                this.activeMetadatumList.forEach((metadatum) => {
+
+                this.activeMetadatumList.forEach((activeMetadatum) => {
                     if (
-                        Object.prototype.hasOwnProperty.call(metadatum.exposer_mapping, this.mapper.slug) &&
-                        typeof metadatum.exposer_mapping[this.mapper.slug] == 'object'
+                        Object.prototype.hasOwnProperty.call(activeMetadatum.exposer_mapping, this.mapper.slug) &&
+                        typeof activeMetadatum.exposer_mapping[this.mapper.slug] == 'object'
                     ) {
-                        this.newMapperMetadataList.push(Object.assign({},metadatum.exposer_mapping[this.mapper.slug]));
-                        this.mappedMetadata.push(metadatum.id);
-                        let item = Object.assign({},metadatum.exposer_mapping[this.mapper.slug]);
-                        item.selected = metadatum.id;
+                        this.newMapperMetadataList.push(Object.assign({},activeMetadatum.exposer_mapping[this.mapper.slug]));
+                        this.mappedMetadata.push(activeMetadatum.id);
+
+                        let item = Object.assign( {}, activeMetadatum.exposer_mapping[this.mapper.slug] );
+                        item.selected = activeMetadatum.id;
                         item.isCustom = true;
+                        item.isRepositoryLevel = activeMetadatum.collection_id === 'default';
+
                         this.mapperMetadata.push(item);
                     }
                 });
@@ -308,41 +330,39 @@ export default {
         },
         onSelectMetadatumForMapperMetadata() {
             this.mappedMetadata = [];
-            this.mapperMetadata.forEach((item) => {
-                if(item.selected.length != 0) {
-                    this.mappedMetadata.push(item.selected);
-                }
+            this.mapperMetadata.forEach((metadatum) => {
+                if ( metadatum.selected.length != 0 ) 
+                    this.mappedMetadata.push(metadatum.selected);
             });
         },
         onUpdateMapperClick() {
             this.isMapperMetadataLoading = true;
             let metadataMapperMetadata = [];
-            this.mapperMetadata.forEach((item) => {
-                if (item.selected.length != 0) {
+            this.mapperMetadata.forEach((metadatum) => {
+                if (metadatum.selected.length != 0) {
                     let map = {
-                            metadatum_id: item.selected,
-                            mapper_metadata: item.slug
+                            metadatum_id: metadatum.selected,
+                            mapper_metadata: metadatum.slug
                     };
                     metadataMapperMetadata.push(map);
                 }
             });
-            this.activeMetadatumList.forEach((item) => {
-                if(this.mappedMetadata.indexOf(item.id) == -1) {
+            this.activeMetadatumList.forEach( metadatum => {
+                if(this.mappedMetadata.indexOf(metadatum.id) == -1) {
                     let map = {
-                            metadatum_id: item.id,
+                            metadatum_id: metadatum.id,
                             mapper_metadata: ''
                     };
                     metadataMapperMetadata.push(map);
                 }
             });
-            this.newMapperMetadataList.forEach((item) => {
-                let slug = item.slug;
+            this.newMapperMetadataList.forEach( metadatum => {
                 metadataMapperMetadata.forEach( (meta, index) => {
-                    if(meta.mapper_metadata == slug) {
-                        let item_clone = Object.assign({}, item); // TODO check if still need to clone
-                        delete item_clone.selected;
-                        delete item_clone.isCustom;
-                        meta.mapper_metadata = item_clone;
+                    if ( meta.mapper_metadata == metadatum.slug ) {
+                        let itemClone = Object.assign({}, metadatum); // TODO check if still need to clone
+                        delete itemClone.selected;
+                        delete itemClone.isCustom;
+                        meta.mapper_metadata = itemClone;
                         metadataMapperMetadata[index] = meta;
                     }
                 });
@@ -366,29 +386,41 @@ export default {
         },
         onNewMetadataMapperMetadata() {
             this.isMapperMetadataCreating = true;
+
+            // Fills hook forms with it's real values 
+            this.$nextTick()
+                .then(() => {
+                    this.updateExtraFormData(this.customForm);
+                });
         },
         onCancelNewMetadataMapperMetadata() {
             this.isMapperMetadataCreating = false;
             this.newMetadataLabel = '';
             this.newMetadataUri = '';
-            this.new_metadata_slug = '';
+            this.newMetadataSlug = '';
         },
         onSaveNewMetadataMapperMetadata() {
             this.isMapperMetadataLoading = true;
+
+            this.fillExtraFormData(this.customform);
+            
             let newMapperMetadata = {
-                    label: this.newMetadataLabel,
-                    uri: this.newMetadataUri,
-                    slug: this.stringToSlug(this.newMetadataLabel),
-                    isCustom: true
+                label: this.newMetadataLabel,
+                uri: this.newMetadataUri,
+                slug: this.stringToSlug(this.newMetadataLabel),
+                isCustom: true
             };
+
             let selected = '';
-            if(this.new_metadata_slug != '') { // Editing
+            if ( this.newMetadataSlug != '' ) { // Editing
+                
                 this.newMapperMetadataList.forEach((meta, index) => {
-                    if(meta.slug == this.new_metadata_slug) {
+                    if ( meta.slug == this.newMetadataSlug ) {
+
                         this.newMapperMetadataList.splice(index);
-                        this.mapperMetadata.forEach((item, index2) => {
-                            if (item.slug == this.new_metadata_slug) {
-                                selected = item.selected;
+                        this.mapperMetadata.forEach((metadatum, index2) => {
+                            if (metadatum.slug == this.newMetadataSlug) {
+                                selected = metadatum.selected;
                                 this.mapperMetadata.splice(index2);
                             }
                         });
@@ -400,19 +432,18 @@ export default {
             this.mapperMetadata.push(newMapperMetadata);
             this.newMetadataLabel = '';
             this.newMetadataUri = '';
-            this.new_metadata_slug = '';
+            this.newMetadataSlug = '';
             this.isMapperMetadataCreating = false;
             this.isMapperMetadataLoading = false;
         },
         stringToSlug(str) { // adapted from https://gist.github.com/spyesx/561b1d65d4afb595f295
-            str = str.replace(/^\s+|\s+$/g, ''); // trim
-            str = str.toLowerCase();
+            str = str.replace(/^\s+|\s+$/g, '').toLowerCase();
 
             // remove accents, swap ñ for n, etc
             const from = "àáäâèéëêìíïîòóöôùúüûñç·/_,:;";
             const to   = "aaaaeeeeiiiioooouuuunc------";
 
-            for (let i=0, l=from.length ; i<l ; i++) {
+            for (let i = 0, l = from.length ; i < l ; i++) {
                 str = str.replace(new RegExp(from.charAt(i), 'g'), to.charAt(i));
             }
 
@@ -426,28 +457,80 @@ export default {
         editMetadatumCustomMapper(customMapperMeta) {
             this.newMetadataLabel = customMapperMeta.label;
             this.newMetadataUri = customMapperMeta.uri;
-            this.new_metadata_slug = customMapperMeta.slug;
+            this.newMetadataSlug = customMapperMeta.slug;
             this.isMapperMetadataCreating = true;
+
+            // Fills hook forms with it's real values 
+            this.$nextTick()
+                .then(() => {
+                    this.updateExtraFormData(this.customForm);
+                });
         },
         removeMetadatumCustomMapper(customMapperMeta) {
-            let itemid = 0;
+            let metadatumId = 0;
+
             this.newMapperMetadataList.forEach((meta, index) => {
-                if(meta.slug == customMapperMeta.slug) {
+                if ( meta.slug == customMapperMeta.slug ) {
                     this.newMapperMetadataList.splice(index);
                     let rem = this.mappedMetadata.indexOf(meta.selected);
                     this.mappedMetadata.splice(rem);
-                    itemid = customMapperMeta.selected;
+                    metadatumId = customMapperMeta.selected;
                 }
             });
-            if(itemid != '' && itemid > 0) {
-                this.mapperMetadata.forEach((item, index) => {
-                    if (item.selected == itemid) {
+
+            if ( metadatumId != '' && metadatumId > 0 ) {
+                this.mapperMetadata.forEach((metadatum, index) => {
+                    if ( metadatum.selected == metadatumId )
                         this.mapperMetadata.splice(index);
-                    }
                 });
             }
             return true;
-        }
+        },
+        fillExtraFormData(data) {
+
+            let formElement = document.getElementById('form-mapper-metadata');
+            if (formElement) {  
+                for (let element of formElement.elements) {
+                    if (element.type == "checkbox" || (element.type == "select" && element.multiple != undefined && element.multiple == true)) {
+                        if (element.checked && element.name != undefined && element.name != '') {
+                            if (!Array.isArray(data[element.name]))
+                                data[element.name] = [];
+                            data[element.name].push(element.value);
+                        }
+                    } else if (element.type == "radio") {
+                        if (element.checked && element.name != undefined && element.name != '')
+                            data[element.name] = element.value;
+                    } else {
+                        data[element.name] = element.value;
+                    }
+                }
+            }
+        },
+        updateExtraFormData(entityObject) {
+            console.log(entityObject)
+            let formElement = document.getElementById('form-mapper-metadata');
+            console.log(formElement)
+            if (formElement) { 
+                for (let element of formElement.elements) {
+                    for (let key of Object.keys(entityObject)) {
+                        if (element['name'] == key)  {
+                            if (Array.isArray(entityObject[key])) {
+                                let obj = entityObject[key].find((value) => { return value == element['value'] });
+                                element['checked'] = obj != undefined ? true : false;
+                            } else {
+                                if (entityObject[key] != null && entityObject[key] != undefined && entityObject[key] != ''){
+                                    if (element.type == "radio")
+                                        element['checked'] = entityObject[key] == element['value'] ? true : false;
+                                    else 
+                                        element['value'] = entityObject[key];
+                                }
+                                    
+                            }
+                        }
+                    }
+                }
+            }
+        },
     }
 }
 </script>
diff --git a/src/views/admin/js/store/modules/metadata/actions.js b/src/views/admin/js/store/modules/metadata/actions.js
index 30bc71cd0..cce282f16 100644
--- a/src/views/admin/js/store/modules/metadata/actions.js
+++ b/src/views/admin/js/store/modules/metadata/actions.js
@@ -291,7 +291,7 @@ export const updateMapper = ({ commit }, { isRepositoryLevel, collectionId, meta
 
         axios.tainacan.post(endpoint, params)
             .then((res) => {
-                commit('updateMapper', mapper);
+                commit('updateMapper', res.data);
                 resolve(res.data);
             })
             .catch((error) => {
@@ -460,7 +460,7 @@ export const fetchMapper = ({commit}, { collectionId, mapperSlug }) => {
         axios.tainacan.get(endpoint)
             .then((res) => {
                 let mapper = res.data;
-                commit('updateMapper', mapper);
+                commit('updateMapper', res.data);
                 resolve(mapper);
             })
             .catch((error) => {