# HG changeset patch
# User Thomas Junk <thomas.junk@intevation.de>
# Date 1585730230 -7200
# Node ID fbffb3d7e33680d5a6cfc8b17bba5acb169c3a20
# Parent  265265725277c8cc9fafd1761734f4531367d630
hide data_availability_layer when timeslide is activated

diff -r 265265725277 -r fbffb3d7e336 client/src/components/layers/Layers.vue
--- 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(