0 && layout !== 'mosaic'"
+ v-if="items.length > 0 && layout !== 'mosaic' && layout !== 'tainacan-view-modes'"
:style="{
gridGap: layout == 'grid' ? ((showName ? gridMargin + 24 : gridMargin) + 'px') : 'inherit',
marginTop: (showSearchBar || showCollectionHeader) ? ((showName ? gridMargin + 24 : gridMargin) + 'px') : '0px'
@@ -261,6 +261,25 @@
+
@@ -302,7 +321,10 @@ export default {
showCollectionLabel: Boolean,
collectionBackgroundColor: String,
collectionTextColor: String,
- tainacanApiRoot: String
+ tainacanApiRoot: String,
+ enabledViewModes: Array,
+ tainacanViewMode: String,
+ displayedMetadata: Array
},
data() {
return {
@@ -318,7 +340,11 @@ export default {
paged: undefined,
totalItems: 0,
apiRoot: '',
- errorMessage: 'No items found.'
+ errorMessage: 'No items found.',
+ displayedMetadataObjects: [],
+ isLoadingMetadata: false,
+ itemsListTemplate: '',
+ registeredViewModes: tainacan_blocks.registered_view_modes,
}
},
created() {
@@ -335,7 +361,10 @@ export default {
if (this.showCollectionHeader)
this.fetchCollectionForHeader();
- this.fetchItems();
+ if (this.layout == 'tainacan-view-modes' && this.registeredViewModes !== undefined && this.registeredViewModes[this.tainacanViewMode] != undefined && this.registeredViewModes[this.tainacanViewMode]['dynamic_metadata'] == true)
+ this.fetchMetadata();
+ else
+ this.fetchItems();
},
methods: {
wpI18n(string, context) {
@@ -373,8 +402,22 @@ export default {
} else if (this.loadStrategy == 'selection') {
this.localMaxItemsNumber = this.selectedItems.length;
-
- let endpoint = '/collection/' + this.collectionId + '/items?' + qs.stringify({ postin: this.selectedItems, perpage: this.localMaxItemsNumber }) + '&orderby=post__in&fetch_only=title,url,thumbnail';
+
+ let endpoint = '/collection/' + this.collectionId + '/items?' + qs.stringify({ postin: this.selectedItems, perpage: this.localMaxItemsNumber }) + '&orderby=post__in';
+
+ if (
+ this.layout == 'tainacan-view-modes' &&
+ this.registeredViewModes !== undefined &&
+ this.registeredViewModes[this.tainacanViewMode] != undefined &&
+ this.registeredViewModes[this.tainacanViewMode]['dynamic_metadata'] == true
+ ) {
+ if ( this.displayedMetadataObjects.length > 0 )
+ endpoint += '&fetch_only=title,url,thumbnail&fetch_only_meta=' + this.displayedMetadataObjects.map((aMetadatum) => aMetadatum.id).join(',');
+ else
+ endpoint += '&fetch_only=title,description,url,thumbnail';
+ } else {
+ endpoint += '&fetch_only=title,url,thumbnail';
+ }
this.tainacanAxios.get(endpoint, { cancelToken: this.itemsRequestSource.token })
.then(response => {
@@ -382,6 +425,9 @@ export default {
for (let item of response.data.items)
this.items.push(item);
+ if ( response.data.template )
+ this.itemsListTemplate = response.data.template;
+
this.isLoading = false;
this.totalItems = response.headers['x-wp-total'];
@@ -475,6 +521,22 @@ export default {
});
}
},
+ fetchMetadata() {
+ let metadataEndpoint = '/collection/' + this.collectionId + '/metadata/?nopaging=1';
+
+ if ( this.displayedMetadata != undefined && this.displayedMetadata.length > 0 )
+ metadataEndpoint += '&' + qs.stringify({ postin: this.displayedMetadata });
+ else
+ metadataEndpoint += '&metakey=display&metavalue=yes';
+
+ this.isLoadingMetadata = true;
+ this.tainacanAxios.get(metadataEndpoint)
+ .then(response => {
+ this.displayedMetadataObjects = response.data;
+ this.fetchItems();
+ this.isLoadingMetadata = false;
+ });
+ },
mosaicPartition(items) {
const partition = _.groupBy(items, (item, i) => {
if (i % 2 == 0)
diff --git a/src/views/gutenberg-blocks/blocks/faceted-search/theme-search/js/view-modes-mixin.js b/src/views/gutenberg-blocks/blocks/faceted-search/theme-search/js/view-modes-mixin.js
index 0543fcb82..c4ad7e4db 100644
--- a/src/views/gutenberg-blocks/blocks/faceted-search/theme-search/js/view-modes-mixin.js
+++ b/src/views/gutenberg-blocks/blocks/faceted-search/theme-search/js/view-modes-mixin.js
@@ -23,7 +23,7 @@ export const viewModesMixin = {
},
computed: {
queries() {
- let currentQueries = JSON.parse(JSON.stringify(this.$route.query));
+ let currentQueries = this.$route && this.$route.query ? JSON.parse(JSON.stringify(this.$route.query)) : {};
if (currentQueries) {
delete currentQueries['view_mode'];
delete currentQueries['fetch_only'];
@@ -81,7 +81,8 @@ export const viewModesMixin = {
// Inserts information necessary for item by item navigation on single pages
this.queries['pos'] = ((this.queries['paged'] - 1) * this.queries['perpage']) + index;
this.queries['source_list'] = this.termId ? 'term' : (!this.collectionId || this.collectionId == 'default' ? 'repository' : 'collection');
- this.queries['ref'] = this.$route.path;
+ if ( this.$route && this.$route.path )
+ this.queries['ref'] = this.$route.path;
return itemUrl + '?' + qs.stringify(this.queries);
}
return itemUrl;
@@ -122,10 +123,11 @@ export const viewModesMixin = {
return metadata.value_as_html;
},
starSlideshowFromHere(index) {
- this.$router.replace({ query: {...this.$route.query, ...{'slideshow-from': index } }}).catch((error) => this.$console.log(error));
+ if (this.$router && this.$route && this.$route.query)
+ this.$router.replace({ query: {...this.$route.query, ...{'slideshow-from': index } }}).catch((error) => this.$console.log(error));
},
getPosInSet(index) {
- if (Number(this.queries.paged) !== NaN && Number(this.queries.perpage) !== NaN)
+ if ( !isNaN(Number(this.queries.paged)) && !isNaN(Number(this.queries.perpage)) )
return ((Number(this.queries.paged) - 1) * Number(this.queries.perpage)) + index + 1;
}
}
diff --git a/src/views/gutenberg-blocks/class-tainacan-gutenberg-block.php b/src/views/gutenberg-blocks/class-tainacan-gutenberg-block.php
index 5132285aa..7ffe1eb87 100644
--- a/src/views/gutenberg-blocks/class-tainacan-gutenberg-block.php
+++ b/src/views/gutenberg-blocks/class-tainacan-gutenberg-block.php
@@ -221,7 +221,8 @@ function tainacan_blocks_get_plugin_js_settings(){
'admin_url' => admin_url(),
'site_url' => site_url(),
'theme_items_list_url' => esc_url_raw( get_site_url() ) . '/' . \Tainacan\Theme_Helper::get_instance()->get_items_list_slug(),
- 'collections_post_types' => $cpts
+ 'collections_post_types' => $cpts,
+ 'registered_view_modes' => \Tainacan\Theme_Helper::get_instance()->get_registered_view_modes(),
];
return $settings;