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

Hides filter by default on mobile in Item Listing Page.

This commit is contained in:
Mateus Machado Luna 2018-07-18 16:38:17 -03:00
parent 86767bbf70
commit 59260473f8
2 changed files with 15 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
.eslintrc.js
View File

@ -19,6 +19,7 @@ module.exports = {
},
globals: {
'tainacan_plugin': true,
'_': true
'_': true,
'jQuery': true
}
}

14
src/admin/pages/lists/items-page.vue
View File

@ -678,9 +678,19 @@
},
onChangeViewMode(viewMode) {
this.$eventBusSearch.setViewMode(viewMode);
// Updates searchControlHeight before in case we need to adjust filters position on mobile
setTimeout(() => {
this.searchControlHeight = this.$refs['search-control'].clientHeight;
}, 500);
},
onChangeAdminViewMode(adminViewMode) {
this.$eventBusSearch.setAdminViewMode(adminViewMode);
// Updates searchControlHeight before in case we need to adjust filters position on mobile
setTimeout(() => {
this.searchControlHeight = this.$refs['search-control'].clientHeight;
}, 500);
},
onChangeDisplayedMetadata() {
let fetchOnlyMetadatumIds = [];
@ -890,10 +900,12 @@
});
}
// Watches window resize to adjust filter's height on mobile
// Watches window resize to adjust filter's top position and compression on mobile
this.$nextTick(() => {
this.searchControlHeight = this.$refs['search-control'].clientHeight;
this.isFiltersMenuCompressed = jQuery(window).width() <= 768;
window.addEventListener('resize', () => {
this.isFiltersMenuCompressed = jQuery(window).width() <= 768;
this.searchControlHeight = this.$refs['search-control'].clientHeight;
});
})