diff --git a/src/components/FacsimileComponent.vue b/src/components/FacsimileComponent.vue index 9668e77..9986290 100644 --- a/src/components/FacsimileComponent.vue +++ b/src/components/FacsimileComponent.vue @@ -32,6 +32,7 @@ export default { props: { }, + computed: { /** * the tileSource for the current page @@ -68,7 +69,8 @@ export default { showGrid () { const tab = this.$store.getters.explorerTab const validTabs = ['pages'] - return validTabs.indexOf(tab) !== -1 + const gridFlag = this.$store.getters.pageShowGrid + return gridFlag && validTabs.indexOf(tab) !== -1 }, /** @@ -794,6 +796,10 @@ export default { // this.focusActiveWritingZone() } }) + this.unwatchGrid = this.$store.watch((state, getters) => getters.pageShowGrid, + (newVal, oldVal) => { + this.renderGrid() + }) this.openFacsimile() }, @@ -810,6 +816,7 @@ export default { this.unwatchTileSource() this.unwatchSVG() this.unwatchSystems() + this.unwatchGrid() } } diff --git a/src/components/PagesTab.vue b/src/components/PagesTab.vue index d717d15..8baf6eb 100644 --- a/src/components/PagesTab.vue +++ b/src/components/PagesTab.vue @@ -6,6 +6,11 @@ +