Mercurial > gemma
changeset 5147:fbffb3d7e336
hide data_availability_layer when timeslide is activated
author | Thomas Junk <thomas.junk@intevation.de> |
---|---|
date | Wed, 01 Apr 2020 10:37:10 +0200 |
parents | 265265725277 |
children | 004f41497f97 |
files | client/src/components/layers/Layers.vue |
diffstat | 1 files changed, 9 insertions(+), 2 deletions(-) [+] |
line wrap: on
line diff
--- a/client/src/components/layers/Layers.vue Wed Apr 01 10:01:25 2020 +0200 +++ b/client/src/components/layers/Layers.vue Wed Apr 01 10:37:10 2020 +0200 @@ -33,7 +33,7 @@ <Layerselect layerId="WATERWAYPROFILES" /> <Layerselect layerId="BOTTLENECKSTATUS" /> <Layerselect layerId="BOTTLENECKFAIRWAYAVAILABILITY" /> - <Layerselect layerId="DATAAVAILABILITY" /> + <Layerselect v-if="!showTimeSlider" layerId="DATAAVAILABILITY" /> <Layerselect layerId="DISTANCEMARKS" /> <Layerselect layerId="DISTANCEMARKSAXIS" /> <Layerselect layerId="GAUGES" /> @@ -67,7 +67,7 @@ Layerselect: () => import("./Layerselect") }, computed: { - ...mapState("application", ["showLayers"]), + ...mapState("application", ["showLayers", "showTimeSlider"]), ...mapState("map", ["openLayersMaps", "reviewActive"]), ...mapGetters("map", ["openLayersMap"]), label() { @@ -85,6 +85,13 @@ } }, watch: { + showTimeSlider() { + if (!this.showTimeSlider) return; + const availabilityLayer = this.openLayersMap().getLayer( + "DATAAVAILABILITY" + ); + availabilityLayer.setVisible(false); + }, reviewActive() { if (!this.reviewActive) { const fairwaydimensionLayer = this.openLayersMap().getLayer(