Mercurial > gemma

changeset 5147:fbffb3d7e336

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
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(