# HG changeset patch
# User Fadi Abbud <fadi.abbud@intevation.de>
# Date 1583495128 -3600
# Node ID 2e6f7372687945e67637ec06749783cf5471ead5
# Parent  8741fae4babd3b3e99fd83486cc1a049159cab92
client: improve time-slider behavior

	* Set suitable zoom level to the selected date/time

diff -r 8741fae4babd -r 2e6f73726879 client/src/components/TimeSlider.vue
--- a/client/src/components/TimeSlider.vue	Fri Mar 06 12:41:13 2020 +0100
+++ b/client/src/components/TimeSlider.vue	Fri Mar 06 12:45:28 2020 +0100
@@ -88,7 +88,12 @@
       set(value) {
         const date = new Date(value);
         this.$store.commit("application/setSelectedTime", date);
-        this.$nextTick(this.redrawSlider);
+        zoom.translateTo(
+          d3.select(".zoom"),
+          this.getScale()(d3.isoParse(this.selectedTime.toISOString())),
+          0
+        );
+        zoom.scaleTo(d3.select(".zoom"), 50);
       }
     },
     timeSelection: {
@@ -101,7 +106,12 @@
         date = setHours(date, value.split(":")[0]);
         date = setMinutes(date, value.split(":")[1]);
         this.$store.commit("application/setSelectedTime", date);
-        this.$nextTick(this.redrawSlider);
+        zoom.scaleTo(d3.select(".zoom"), 800);
+        zoom.translateTo(
+          d3.select(".zoom"),
+          this.getScale()(d3.isoParse(this.selectedTime.toISOString())),
+          0
+        );
       }
     },
     selectedTime: {