View modes adjustments and checkbox filter fixes for #794.

src/views/admin/components/filter-types/taxonomy/TainacanFilterCheckbox.vue

@@ -251,7 +251,7 @@
                     props: {
                         parent: parent,
                         filter: this.filter,
-                        taxonomy_id: this.taxonomyId,
+                        taxonomyId: this.taxonomyId,
                         selected: this.selected,
                         metadatumId: this.metadatumId,
                         taxonomy: this.taxonomy,

src/views/admin/components/lists/items-list.vue

@@ -2110,6 +2110,9 @@ export default {
             if ( this.viewMode == 'map' && this.selectedGeocoordinateMetadatum.slug && this.items ) {
                 for (let item of this.items) {
                     
+                    if ( !item.metadata )
+                        continue;
+                    
                     let selectedItemMetadatum = item.metadata[this.selectedGeocoordinateMetadatum.slug];
 
                     // Handle compound metadata child first, as they will not appear in this list by default (they are inside their parents value)

src/views/admin/components/lists/related-items-list.vue

@@ -3,7 +3,7 @@
         <div class="table-container">
             <b-loading
                     v-model="displayLoading" 
-                    is-full-page="false" />
+                    :is-full-page="false" />
             <div class="table-wrapper">
                 <div class="related-items-list">
                     <div 

src/views/admin/components/other/checkbox-radio-filter-input.vue

@@ -444,17 +444,21 @@
                 return this.totalRemaining[key].remaining === true || (this.finderColumns[key].children.length < this.totalRemaining[key].remaining);
             },
             fetchSelectedLabels() {
-
+                
                 let selected = this.selected instanceof Array ? this.selected : [this.selected];
 
                 if (this.taxonomyId && selected.length) {
 
                     this.isSelectedTermsLoading = true;
 
-                    axios.get(`/taxonomy/${this.taxonomy_id}/terms/?${qs.stringify({ hideempty: 0, include: selected})}`)
+                    axios.get(`/taxonomy/${this.taxonomyId}/terms/?${qs.stringify({ hideempty: 0, include: selected})}`)
                         .then((res) => {
                             for (const term of res.data)
-                                this.saveSelectedTagName(term.id, term.name, term.url);
+                                this.saveSelectedTagName(
+                                    term.id,
+                                    term.name,
+                                    term.url
+                                );
 
                             this.isSelectedTermsLoading = false;
                         })

src/views/admin/js/axios.js

@@ -2,7 +2,6 @@ import axios from 'axios';
 import { SnackbarProgrammatic, ModalProgrammatic } from '@ntohq/buefy-next';
 import CustomDialog from '../components/other/custom-dialog.vue'
 
-
 // Simpler version of the i18n plugin to translate error feedback messages
 const i18nGet = function (key) {
     let string = tainacan_plugin.i18n[key];
@@ -15,8 +14,6 @@ const tainacanSanitize = function(htmlString) {
 
 export const tainacanErrorHandler = function(error) {
 
-    const self = getCurrentInstance();
-
     if (error.response && error.response.status) {
         // The request was made and the server responded with a status code
         // that falls out of the range of 2xx

src/views/admin/scss/_view-mode-cards.scss

@@ -29,6 +29,10 @@
         text-decoration: none !important;
         transition: background-color 0.2s ease;
 
+        :deep(img) {
+            height: auto;
+        }
+
         &.selected-card {
             background-color: var(--tainacan-turquoise1);
             .metadata-title {

src/views/admin/scss/_view-mode-grid.scss

@@ -22,6 +22,10 @@
         margin: 15px;
         text-align: center;
         transition: background-color 0.2s ease;
+        
+        :deep(img) {
+            height: auto;
+        }
 
         &:hover {
             background-color: var(--tainacan-item-heading-hover-background-color);

src/views/admin/scss/_view-mode-list.scss

@@ -21,6 +21,10 @@
         display: block;
         transition: background-color 0.2s ease;
 
+        :deep(img) {
+            height: auto;
+        }
+
         &:hover {
             background-color: var(--tainacan-item-hover-background-color) !important;
             a {

src/views/admin/scss/_view-mode-masonry.scss

@@ -69,6 +69,10 @@
         text-decoration: none;
         transition: background-color 0.2s ease;
 
+        :deep(img) {
+            height: auto;
+        }
+
         &:hover:not(.skeleton) {
             background-color: var(--tainacan-item-heading-hover-background-color);
         }

src/views/admin/scss/_view-mode-records.scss

@@ -39,6 +39,10 @@
         display: block;
         transition: background-color 0.2s ease;
 
+        :deep(img) {
+            height: auto;
+        }
+
         &:hover {
             background-color: var(--tainacan-item-hover-background-color) !important;
         }

src/views/gutenberg-blocks/blocks/faceted-search/theme-search/components/view-mode-map.vue

@@ -391,6 +391,12 @@ export default {
     mixins: [
         viewModesMixin
     ],
+    props: {
+        isRepositoryLevel: {
+            type: Boolean,
+            default: false
+        }
+    },
     data () {
         return {
             selectedGeocoordinateMetadatumId: false,
@@ -416,6 +422,9 @@ export default {
             if ( this.selectedGeocoordinateMetadatum.slug && this.items ) {
                 for (let item of this.items) {
                     
+                    if ( !item.metadata )
+                        continue;
+                    
                     let selectedItemMetadatum = item.metadata[this.selectedGeocoordinateMetadatum.slug];
 
                     // Handle compound metadata child first, as they will not appear in this list by default (they are inside their parents value)

src/views/gutenberg-blocks/blocks/faceted-search/theme.js

@@ -13,6 +13,7 @@ import {
     Checkbox,
     Radio,
     Tag,
+    Icon,
     Loading,
     Dropdown,
     Modal,
@@ -175,6 +176,7 @@ export default (element) => {
             VueItemsList.use(Checkbox);
             VueItemsList.use(Radio);
             VueItemsList.use(Tag);
+            VueItemsList.use(Icon);
             VueItemsList.use(Tabs);
             VueItemsList.use(Loading);
             VueItemsList.use(Dropdown);

src/views/gutenberg-blocks/blocks/faceted-search/theme.vue

@@ -602,7 +602,8 @@
                     :total-items="totalItems"
                     :is-loading="showLoading"
                     :enabled-view-modes="enabledViewModes"
-                    :initial-item-position="initialItemPosition">
+                    :initial-item-position="initialItemPosition"
+                    :is-repository-level="isRepositoryLevel">
                 
                 
                 <!-- Empty Placeholder, rendered in a slot inside the view modes -->
@@ -988,7 +989,7 @@
             },
             openAdvancedSearch(newValue){
                 if (newValue == false){
-                    this.$eventBusSearchEmitter.$emit('closeAdvancedSearch');
+                    this.$eventBusSearchEmitter.emit('closeAdvancedSearch');
 
                     if ( !this.isMobileScreen )
                         this.isFiltersModalActive = !this.startWithFiltersHidden;
@@ -1673,14 +1674,14 @@
     @import "../../../admin/scss/_tooltips.scss";
     @import "../../../admin/scss/_notices.scss";
     @import "../../../admin/scss/_modals.scss";
-    
+
     // Scoped, to avoid conflicts with theme's css 
     .tainacan-modal,
     .theme-items-list {
 
         // Vue Blurhash transtition effect
         @import '../../../../../node_modules/another-vue3-blurhash/dist/style.css';
-        :deep(canvas.child) {
+        canvas.child {
             max-width: 100%;
         }