changeset 5065:385cb52d32ee time-sliding

client: enhanced time-slider behavior on updating selected time after reloads
author Fadi Abbud <fadi.abbud@intevation.de>
date Tue, 10 Mar 2020 12:49:16 +0100
parents d87438a8c891
children 46f8c8b3054b
files client/src/components/TimeSlider.vue
diffstat 1 files changed, 1 insertions(+), 9 deletions(-) [+]
line wrap: on
line diff
--- a/client/src/components/TimeSlider.vue	Tue Mar 10 12:29:13 2020 +0100
+++ b/client/src/components/TimeSlider.vue	Tue Mar 10 12:49:16 2020 +0100
@@ -78,7 +78,7 @@
     ongoingRefresh() {
       if (this.ongoingRefresh) return;
       this.$store.commit("application/setSelectedTime", new Date());
-      this.$nextTick(this.redrawSlider);
+      this.$nextTick(this.rescaleSlider(1));
     }
   },
   computed: {
@@ -148,14 +148,6 @@
       this.getScale().domain(t.rescaleX(this.getScale()));
       d3.select(".zoom").call(zoom.transform, t);
     },
-    redrawSlider() {
-      this.createSlider();
-      zoom.translateTo(
-        d3.select(".line"),
-        xAxis.scale()(d3.isoParse(this.selectedTime.toISOString())),
-        1
-      );
-    },
     createSlider() {
       const element = document.getElementById("sliderContainer");
       const svgWidth = element ? element.clientWidth : 0,