tmdinosaurcenter
/
tainacan
mirror of https://github.com/tainacan/tainacan
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Fixes issues with Swiper update and parent communication on sldieshow. #794.

This commit is contained in:
mateuswetah 2024-01-23 17:27:03 -03:00
parent 2d949364eb
commit 59aa6340ee
4 changed files with 33 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/views/admin/js/event-bus-search.js
View File

@ -207,6 +207,9 @@ export default {
store.dispatch('search/highlightsItem', itemId);
this.updateURLQueries();
},
exitViewModeWithoutPagination() {
app.config.globalProperties.$eventBusSearchEmitter.emit( 'exitViewModeWithoutPagination', true);
},
async updateURLQueries() {
const newQueries = store.getters['search/getPostQuery'];

33
src/views/gutenberg-blocks/blocks/faceted-search/theme-search/components/view-mode-slideshow.vue
View File

@ -414,12 +414,6 @@ export default {
}
},
watch: {
'swiper.activeIndex': {
handler(currentIndex, previousIndex) {
this.updateSliderBasedOnIndex(currentIndex, previousIndex);
},
immediate: true
},
isLoading: {
handler(val, oldValue) {
if (val === false && oldValue === true && this.swiper && this.items && this.items.length) {
@ -472,6 +466,7 @@ export default {
preventInteractionOnTransition: true,
slidesPerView: 24,
spaceBetween: 12,
initialSlide: self.itemPosition,
centeredSlides: true,
centerInsufficientSlides: false,
slideToClickedSlide: true,
@ -516,6 +511,9 @@ export default {
this.slideTo(self.itemPosition);
self.itemPosition = null;
}
},
activeIndexChange: function() {
self.updateSliderBasedOnIndex(this.activeIndex);
}
},
modules: [Navigation, Virtual, Mousewheel]
@ -558,14 +556,7 @@ export default {
this.hideControls = !this.hideControls;
},
closeSlideViewMode() {
let currentQuery = this.$route.query;
delete currentQuery['slideshow-from'];
this.$router.replace({ query: currentQuery });
// Sets the perpage and paged from previous configuration
this.$eventBusSearch.setItemsPerPage(this.$parent.latestPerPageAfterViewModeWithoutPagination, true);
this.$eventBusSearch.setPage(this.$parent.latestPageAfterViewModeWithoutPagination);
this.$parent.onChangeViewMode(this.$parent.latestNonFullscreenViewMode ? this.$parent.latestNonFullscreenViewMode : this.$parent.defaultViewMode);
this.$eventBusSearch.exitViewModeWithoutPagination();
},
moveToClikedSlide(index) {
if (this.swiper)
@ -690,21 +681,7 @@ export default {
</script>
<style lang="scss">
@import "../scss/_view-mode-slideshow.scss";
.is-fullscreen .table-wrapper {
overflow: hidden !important;
display: flex;
flex-wrap: nowrap;
flex-direction: column;
justify-content: space-between;
width: 100%;
height: 100%;
height: 100vh;
width: 100vw;
}
</style>

15
src/views/gutenberg-blocks/blocks/faceted-search/theme-search/scss/_view-mode-slideshow.scss
View File

@ -28,7 +28,20 @@
display: none !important;
}
.metadata-alert {
position: absolute;
display: none;
visibility: hidden;
}
.table-wrapper {
overflow: hidden !important;
display: flex;
flex-wrap: nowrap;
flex-direction: column;
justify-content: space-between;
width: 100%;
height: 100%;
height: 100vh;
width: 100vw;
}
}

11
src/views/gutenberg-blocks/blocks/faceted-search/theme.vue
View File

@ -1078,6 +1078,17 @@
this.$eventBusSearchEmitter.on('hasFiltered', hasFiltered => {
this.hasFiltered = hasFiltered;
});
this.$eventBusSearchEmitter.on('exitViewModeWithoutPagination', () => {
let currentQuery = this.$route.query;
delete currentQuery['slideshow-from'];
this.$router.replace({ query: currentQuery });
// Sets the perpage and paged from previous configuration
this.$eventBusSearch.setItemsPerPage(this.latestPerPageAfterViewModeWithoutPagination, true);
this.$eventBusSearch.setPage(this.latestPageAfterViewModeWithoutPagination);
this.onChangeViewMode(this.latestNonFullscreenViewMode ? this.latestNonFullscreenViewMode : this.defaultViewMode);
});
if (!this.hideAdvancedSearch) {