From db527775bf40e4cb4bf04377d0635b8ba981049c Mon Sep 17 00:00:00 2001
From: Mateus Machado Luna <mateus.m.luna@gmail.com>
Date: Tue, 9 Apr 2019 13:13:26 -0300
Subject: [PATCH] Shows every collection filter on items list repository level.

---
 .../components/search/filters-items-list.vue  | 121 +++++++++++++++++-
 src/admin/pages/lists/items-page.vue          |  18 ++-
 src/js/store/modules/filter/actions.js        |  48 +++++++
 src/js/store/modules/filter/getters.js        |   4 +
 src/js/store/modules/filter/index.js          |   3 +-
 src/js/store/modules/filter/mutations.js      |  15 +++
 6 files changed, 199 insertions(+), 10 deletions(-)

diff --git a/src/admin/components/search/filters-items-list.vue b/src/admin/components/search/filters-items-list.vue
index 6145b0334..1b8d2850c 100644
--- a/src/admin/components/search/filters-items-list.vue
+++ b/src/admin/components/search/filters-items-list.vue
@@ -88,11 +88,98 @@
                 <hr v-if="taxonomyFilter.length > 0">
             </div>
         </template>
-        <template v-else>
-             <collections-filter
+        <template v-else-if="isRepositoryLevel && taxonomyFilters == undefined">
+            <collections-filter
                     :open="collapsed"
-                    :query="getQuery"
-                    v-if="isRepositoryLevel"/>
+                    :query="getQuery"/>
+            <div 
+                    v-if="key == 'repository-filters'"
+                    :key="index"
+                    v-for="(repositoryCollectionFilter, key, index) of repositoryCollectionFilters">
+                <div 
+                        v-tooltip="{
+                            delay: {
+                                show: 500,
+                                hide: 300,
+                            },
+                            content: $i18n.get('label_filters_from') + ' ' + repositoryCollectionNames[key] + ': ',
+                            autoHide: false,
+                            placement: 'auto-start'
+                        }" 
+                        v-if="repositoryCollectionFilter.length > 0 && repositoryCollectionNames != undefined && repositoryCollectionNames[key] != undefined"
+                        class="collection-name">
+                    {{ $i18n.get('label_filters_from') + " " + repositoryCollectionNames[key] + ": " }}
+                </div>
+                <div    
+                        v-if="repositoryCollectionFilter.length > 0 && !(repositoryCollectionNames != undefined && repositoryCollectionNames[key] != undefined)"
+                        class="collection-name">
+                    <span 
+                            style="width: 100%; height: 54px;"
+                            class="icon has-text-centered loading-icon">
+                        <div class="control has-icons-right is-loading is-clearfix" />
+                    </span>
+                </div>
+                <tainacan-filter-item
+                        v-show="!isMenuCompressed"        
+                        :query="getQuery"
+                        v-for="(filter, filterIndex) in repositoryCollectionFilter"
+                        :key="filterIndex"
+                        :filter="filter"
+                        :open="collapsed"
+                        v-if="repositoryCollectionFilter.length > 0"
+                        :is-repository-level="key == 'repository-filters'"/>
+                <!-- <p   
+                        class="has-text-gray is-size-7"
+                        v-if="taxonomyFilter.length <= 0">
+                    {{ $i18n.get('info_there_is_no_filter') }}    
+                </p> -->
+                <hr v-if="repositoryCollectionFilters.length > 0">
+            </div>
+            <div 
+                    v-if="key != 'repository-filters'"
+                    :key="index"
+                    v-for="(repositoryCollectionFilter, key, index) of repositoryCollectionFilters">
+                <div 
+                        v-tooltip="{
+                            delay: {
+                                show: 500,
+                                hide: 300,
+                            },
+                            content: $i18n.get('label_filters_from') + ' ' + repositoryCollectionNames[key] + ': ',
+                            autoHide: false,
+                            placement: 'auto-start'
+                        }" 
+                        v-if="repositoryCollectionFilter.length > 0 && repositoryCollectionNames != undefined && repositoryCollectionNames[key] != undefined"
+                        class="collection-name">
+                    {{ $i18n.get('label_filters_from') + " " + repositoryCollectionNames[key] + ": " }}
+                </div>
+                <div    
+                        v-if="repositoryCollectionFilter.length > 0 && !(repositoryCollectionNames != undefined && repositoryCollectionNames[key] != undefined)"
+                        class="collection-name">
+                    <span 
+                            style="width: 100%; height: 54px;"
+                            class="icon has-text-centered loading-icon">
+                        <div class="control has-icons-right is-loading is-clearfix" />
+                    </span>
+                </div>
+                <tainacan-filter-item
+                        v-show="!isMenuCompressed"        
+                        :query="getQuery"
+                        v-for="(filter, filterIndex) in repositoryCollectionFilter"
+                        :key="filterIndex"
+                        :filter="filter"
+                        :open="collapsed"
+                        v-if="repositoryCollectionFilter.length > 0"
+                        :is-repository-level="key == 'repository-filters'"/>
+                <!-- <p   
+                        class="has-text-gray is-size-7"
+                        v-if="taxonomyFilter.length <= 0">
+                    {{ $i18n.get('info_there_is_no_filter') }}    
+                </p> -->
+                <hr v-if="repositoryCollectionFilters.length > 0">
+            </div>
+        </template>
+        <template v-else>
             <tainacan-filter-item
                     v-show="!isMenuCompressed"        
                     :query="getQuery"
@@ -113,7 +200,8 @@
     export default {
         data() {
             return {
-                taxonomyFiltersCollectionNames: Object
+                taxonomyFiltersCollectionNames: {},
+                repositoryCollectionNames: {}
             }
         },
         props: {
@@ -121,7 +209,8 @@
             collapsed: Boolean,
             isRepositoryLevel: Boolean,
             taxonomyFilters: Object,
-            taxonomy: String
+            taxonomy: String,
+            repositoryCollectionFilters: Object
         },
         watch: {
             taxonomyFilters() {
@@ -131,7 +220,24 @@
                         if (taxonomyFilter != 'repository-filters') {
                             this.fetchCollectionName(taxonomyFilter)
                                 .then((collectionName) => {
-                                    this.$set(this.taxonomyFiltersCollectionNames, taxonomyFilter, collectionName);
+                                    this.$nextTick(() => {
+                                        this.$set(this.taxonomyFiltersCollectionNames, taxonomyFilter, collectionName);
+                                    });
+                                });
+                        }
+                    }
+                }
+            },
+            repositoryCollectionFilters() {
+                if (this.repositoryCollectionFilters != undefined) {
+                    this.$set(this.repositoryCollectionNames, 'repository-filters', this.$i18n.get('repository'));
+                    for (let repositoryCollectionFilter of Object.keys(this.repositoryCollectionFilters)) {
+                        if (repositoryCollectionFilter != 'repository-filters') {
+                            this.fetchCollectionName(repositoryCollectionFilter)
+                                .then((collectionName) => {
+                                    this.$nextTick(() => {
+                                        this.$set(this.repositoryCollectionNames, '' + repositoryCollectionFilter, collectionName);
+                                    });
                                 });
                         }
                     }
@@ -170,6 +276,7 @@
         font-size: 0.875rem;
         font-weight: 500;
         margin-bottom: 0.875rem;
+        margin-top: 1rem;
         text-overflow: ellipsis;
         white-space: nowrap;
         overflow: hidden;
diff --git a/src/admin/pages/lists/items-page.vue b/src/admin/pages/lists/items-page.vue
index 8bb0e3e86..d498236e3 100644
--- a/src/admin/pages/lists/items-page.vue
+++ b/src/admin/pages/lists/items-page.vue
@@ -121,6 +121,7 @@
                     v-if="!isLoadingFilters &&
                         ((filters.length >= 0 && isRepositoryLevel) || filters.length > 0)"
                     :filters="filters"
+                    :repository-collection-filters="repositoryCollectionFilters"
                     :collapsed="collapseAll"
                     :is-repository-level="isRepositoryLevel"/>
 
@@ -772,6 +773,7 @@
                             ((filters.length >= 0 && isRepositoryLevel) || filters.length > 0)"
                         :filters="filters"
                         :collapsed="collapseAll"
+                        :repository-collection-filters="repositoryCollectionFilters"
                         :is-repository-level="isRepositoryLevel"/>
 
                 <section
@@ -882,6 +884,9 @@
             filters() {
                 return this.getFilters();
             },
+            repositoryCollectionFilters() {
+                return this.getRepositoryCollectionFilters();
+            },
             metadata() {
                 return this.getMetadata();
             },
@@ -964,10 +969,12 @@
                 'getMetadata'
             ]),
             ...mapActions('filter', [
-                'fetchFilters'
+                'fetchFilters',
+                'fetchRepositoryCollectionFilters'
             ]),
             ...mapGetters('filter', [
-                'getFilters'
+                'getFilters',
+                'getRepositoryCollectionFilters'
             ]),
             ...mapGetters('search', [
                 'getSearchQuery',
@@ -1111,6 +1118,13 @@
                 })
                     .then(() => this.isLoadingFilters = false)
                     .catch(() => this.isLoadingFilters = false);
+
+                // On repository level we also fetch collection filters
+                if (this.isRepositoryLevel) {
+                    this.fetchRepositoryCollectionFilters()
+                        .catch(() => this.isLoadingFilters = false);
+                }
+
             },
             prepareMetadata() {
 
diff --git a/src/js/store/modules/filter/actions.js b/src/js/store/modules/filter/actions.js
index 3147d83f2..3fa01c76d 100644
--- a/src/js/store/modules/filter/actions.js
+++ b/src/js/store/modules/filter/actions.js
@@ -145,6 +145,54 @@ export const updateFilteTypes = ( { commit }, filterTypes) => {
     commit('setFilterTypes', filterTypes);
 };
 
+// REPOSITORY COLLECTION FILTERS - MULTIPLE COLLECTIONS ------------------------
+export const fetchRepositoryCollectionFilters = ({ dispatch, commit } ) => {
+    
+    commit('clearRepositoryCollectionFilters');
+
+    return new Promise((resolve, reject) => {
+
+        dispatch('collection/fetchCollectionsForParent', { } ,{ root: true })
+            .then((res) => {
+                let collections = res;
+                if (collections != undefined && collections.length != undefined) {
+
+                    let amountOfCollectionsLoaded = 0;
+
+                    for (let collection of collections ) {
+                
+                        let endpoint = '';
+                        endpoint = '/collection/' + collection.id + '/filters/?nopaging=1&include_disabled=no';
+
+                        axios.tainacan.get(endpoint)
+                            .then((resp) => {
+                                let repositoryFilters = resp.data.filter((filter) => { 
+                                    return (filter.collection_id == 'default' || filter.collection_id == 'filter_in_repository')
+                                });
+                                let collectionFilters = resp.data.filter((filter) => {
+                                    return (filter.collection_id != 'default' && filter.collection_id != 'filter_in_repository')
+                                });
+                                commit('setRepositoryCollectionFilters', { collectionName: collection.id, repositoryCollectionFilters: collectionFilters });
+                                commit('setRepositoryCollectionFilters', { collectionName: undefined, repositoryCollectionFilters: repositoryFilters });
+                                amountOfCollectionsLoaded++;
+
+                                if (amountOfCollectionsLoaded == collections.length) {
+                                    resolve();
+                                }
+                            }) 
+                            .catch((error) => {
+                                console.log(error);
+                                reject(error);
+                            });    
+                    }
+                }
+            })
+            .error(() => {
+                reject();
+            });
+    });
+};
+
 // TAXONOMY FILTERS - MULTIPLE COLLECTIONS ------------------------
 export const fetchTaxonomyFilters = ({ dispatch, commit }, taxonomyId ) => {
     
diff --git a/src/js/store/modules/filter/getters.js b/src/js/store/modules/filter/getters.js
index dad1b62c9..d238ff74e 100644
--- a/src/js/store/modules/filter/getters.js
+++ b/src/js/store/modules/filter/getters.js
@@ -19,6 +19,10 @@ export const getFilterTypes = state => {
     return state.filterTypes;
 }
 
+export const getRepositoryCollectionFilters = state => {
+    return state.repositoryCollectionFilters;
+}
+
 export const getTaxonomyFilters = state => {
     return state.taxonomyFilters;
 }
\ No newline at end of file
diff --git a/src/js/store/modules/filter/index.js b/src/js/store/modules/filter/index.js
index c04db4b8f..926829e6f 100644
--- a/src/js/store/modules/filter/index.js
+++ b/src/js/store/modules/filter/index.js
@@ -10,7 +10,8 @@ const state = {
     },
     filters: [],
     filterTypes: [],
-    taxonomyFilters: {}
+    taxonomyFilters: {},
+    repositoryCollectionFilters: {}
 };
 
 export default {
diff --git a/src/js/store/modules/filter/mutations.js b/src/js/store/modules/filter/mutations.js
index 45b941896..4d2d60355 100644
--- a/src/js/store/modules/filter/mutations.js
+++ b/src/js/store/modules/filter/mutations.js
@@ -36,6 +36,21 @@ export const setFilterTypes = (state, filterTypes) => {
     state.filterTypes = filterTypes;
 }
 
+// export const setRepositoryCollectionFilters = (state, repositoryCollectionFilters) => {
+//     state.repositoryCollectionFilters = repositoryCollectionFilters;
+// }
+
+export const setRepositoryCollectionFilters = (state, { collectionName, repositoryCollectionFilters }) => {
+    if (collectionName != undefined)
+        Vue.set(state.repositoryCollectionFilters, collectionName, repositoryCollectionFilters);
+    else
+        Vue.set(state.repositoryCollectionFilters, 'repository-filters', repositoryCollectionFilters);
+}
+
+export const clearRepositoryCollectionFilters = (state) => {
+    state.repositoryCollectionFilters = {};
+}
+
 export const setTaxonomyFilters = (state, taxonomyFilters) => {
     state.taxonomyFilters = taxonomyFilters;
 }