From 2f47055404bfebaf8092d16001a0c74b39eb7476 Mon Sep 17 00:00:00 2001
From: mateuswetah <mateus.m.luna@gmail.com>
Date: Wed, 10 Nov 2021 11:53:45 -0300
Subject: [PATCH] Updates taginput logic to use new tags attributes. #576

---
 .../filter-types/taginput/Taginput.vue        | 100 +++---------------
 1 file changed, 13 insertions(+), 87 deletions(-)

diff --git a/src/views/admin/components/filter-types/taginput/Taginput.vue b/src/views/admin/components/filter-types/taginput/Taginput.vue
index 5c8e08dbf..ebb3633a9 100644
--- a/src/views/admin/components/filter-types/taginput/Taginput.vue
+++ b/src/views/admin/components/filter-types/taginput/Taginput.vue
@@ -3,7 +3,6 @@
         <b-taginput
                 icon="magnify"
                 size="is-small"
-                v-model="selected"
                 :data="options"
                 autocomplete
                 expanded
@@ -46,16 +45,15 @@
 </template>
 
 <script>
-    import { tainacan as axios, isCancel, wp as wpAxios } from '../../../js/axios';
+    import { isCancel } from '../../../js/axios';
     import { filterTypeMixin, dynamicFilterTypeMixin } from '../../../js/filter-types-mixin';
-    import qs from 'qs';
 
     export default {
         mixins: [filterTypeMixin, dynamicFilterTypeMixin],
         data() {
             return {
                 results:'',
-                selected:[],
+                selected:[], // Simple array of IDs, not objects and not bound to the taginput
                 options: [],
                 relatedCollectionId: '',
                 searchQuery: '',
@@ -76,6 +74,7 @@
         },
         watch: {
             'query'() {
+                console.log('opaaaa')
                 this.updateSelectedValues();
             }
         },
@@ -113,10 +112,6 @@
                     return;
 
                 let promise = null;
-                let valuesToIgnore = [];
-
-                for (let val of this.selected)
-                    valuesToIgnore.push( val.value );
 
                 // Cancels previous Request
                 if (this.getOptionsValuesCancel != undefined)
@@ -126,7 +121,7 @@
                     promise = this.getValuesRelationship({
                         search: this.searchQuery,
                         isRepositoryLevel: this.isRepositoryLevel,
-                        valuesToIgnore: valuesToIgnore,
+                        valuesToIgnore: this.selected,
                         offset: this.searchOffset,
                         number: this.searchNumber
                     });
@@ -135,7 +130,7 @@
                         metadatumId: this.metadatumId,
                         search: this.searchQuery,
                         isRepositoryLevel: this.isRepositoryLevel,
-                        valuesToIgnore: valuesToIgnore,
+                        valuesToIgnore: this.selected,
                         offset: this.searchOffset,
                         number: this.searchNumber
                     });
@@ -157,7 +152,6 @@
                 
             }, 500),
             searchMore: _.debounce(function () {
-                this.shouldAddOptions = true;
                 this.search(this.searchQuery);
             }, 250),
             updateSelectedValues() {
@@ -165,91 +159,23 @@
                 if ( !this.query || !this.query.metaquery || !Array.isArray( this.query.metaquery ) )
                     return false;
 
+                // Cleared either way, we might be coming from a situation where all the filters were removed.
+                this.selected = [];
+
                 let index = this.query.metaquery.findIndex(newMetadatum => newMetadatum.key == this.metadatumId );
                 if (index >= 0) {
-                    let metadata = this.query.metaquery[ index ];
-
-                    if (this.metadatumType === 'Tainacan\\Metadata_Types\\Relationship') {
-                        let query = qs.stringify({ postin: metadata.value, fetch_only: 'title,thumbnail,document_mimetype', fetch_only_meta: '' });
-                        let endpoint = '/items/';
-
-                        if (this.relatedCollectionId != '')
-                            endpoint = '/collection/' + this.relatedCollectionId + endpoint; 
-
-                        axios.get(endpoint + '?' + query)
-                            .then( res => {
-                                if (res.data.items) {
-                                    this.selected = [];
-                                    for (let item of res.data.items) {
-                                        let existingItem = this.selected.findIndex((anItem) => item.id == anItem.id);
-                                        if (existingItem < 0) {
-                                            this.selected.push({ 
-                                                label: item.title, 
-                                                value: item.id, 
-                                                img: item.thumbnail ? this.$thumbHelper.getSrc(item['thumbnail'], 'tainacan-small', item.document_mimetype) : null 
-                                            });
-                                        }
-                                    }
-                                    this.$emit( 'sendValuesToTags', { 
-                                        label: this.selected.map((option) => option.label), 
-                                        value: this.selected.map((option) => option.value),
-                                        metadatumName: this.metadatumName
-                                    });
-                                }
-                            })
-                            .catch(error => {
-                                this.$console.log(error);
-                            });
-                    } else if (this.metadatumType === 'Tainacan\\Metadata_Types\\User') {
-                        let query = qs.stringify({ include: metadata.value });
-                        let endpoint = '/users/';
-
-                        wpAxios.get(endpoint + '?' + query)
-                            .then( res => {
-                                if (res.data) {
-                                    this.selected = [];
-                                    for (let user of res.data) {
-                                        let existingUser = this.selected.findIndex((anUser) => user.id == anUser.id);
-                                        if (existingUser < 0) {
-                                            this.selected.push({ 
-                                                label: user.name, 
-                                                value: user.id, 
-                                                img: user.avatar_urls && user.avatar_urls['24'] ? user.avatar_urls['24'] : null 
-                                            });
-                                        }
-                                    }
-                                    this.$emit( 'sendValuesToTags', { 
-                                        label: this.selected.map((option) => option.label), 
-                                        value: this.selected.map((option) => option.value),
-                                        metadatumName: this.metadatumName
-                                    });
-                                }
-                            })
-                            .catch(error => {
-                                this.$console.log(error);
-                            });
-                    } else {
-                        this.selected = [];
-                        for (let item of metadata.value)
-                            this.selected.push({ label: item, value: item, img: null });
-                        
-                        this.$emit( 'sendValuesToTags', { 
-                            label: this.selected.map((option) => option.label), 
-                            value: this.selected.map((option) => option.value),
-                            metadatumName: this.metadatumName
-                        });
-                    }
-                } else {
-                    this.selected = [];
+                    const metadata = this.query.metaquery[ index ];
+                    for (let item of metadata.value)
+                        this.selected.push(item);
                 }
             },
-            onSelect() {
+            onSelect(selection) {
                 this.$emit('input', {
                     filter: 'taginput',
                     compare: 'IN',
                     metadatum_id: this.metadatumId,
                     collection_id: this.collectionId,
-                    value: this.selected.map((option) => option.value)
+                    value: _.union(this.selected, selection.map(anOption => anOption.value))
                 });
             }
         }