Mercurial > gemma
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,