Mercurial > gemma

comparison client/src/components/fairway/Fairwayprofile.vue @ 3682:c086f5176ef2

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
client: diagrams: fixed removal of resize listener listeners were not removed so diagrams were redrawn even if they were closed/not visible/mounted, leading to console errors.
author Markus Kottlaender <markus@intevation.de>
date Tue, 18 Jun 2019 12:53:05 +0200
parents c91bcb92e0b7
children 4a00ff7e44f0
comparison
equal deleted inserted replaced
3681:c9e1848a516a 3682:c086f5176ef2
163 components: { 163 components: {
164 DiagramLegend: () => import("@/components/DiagramLegend") 164 DiagramLegend: () => import("@/components/DiagramLegend")
165 }, 165 },
166 data() { 166 data() {
167 return { 167 return {
168 resizeListenerFunction: null,
168 width: null, 169 width: null,
169 height: null, 170 height: null,
170 margin: { 171 margin: {
171 top: 20, 172 top: 20,
172 right: 80, 173 right: 80,
800 this.height = clientHeight; 801 this.height = clientHeight;
801 this.width = clientWidth; 802 this.width = clientWidth;
802 } 803 }
803 }, 804 },
804 created() { 805 created() {
805 window.addEventListener("resize", debounce(this.drawDiagram), 100); 806 this.resizeListenerFunction = debounce(this.drawDiagram, 100);
807 window.addEventListener("resize", this.resizeListenerFunction);
806 }, 808 },
807 mounted() { 809 mounted() {
808 this.drawDiagram(); 810 this.drawDiagram();
809 this.templates[0] = this.defaultTemplate; 811 this.templates[0] = this.defaultTemplate;
810 this.form.template = this.templates[0]; 812 this.form.template = this.templates[0];
833 }, 835 },
834 updated() { 836 updated() {
835 this.drawDiagram(); 837 this.drawDiagram();
836 }, 838 },
837 destroyed() { 839 destroyed() {
838 window.removeEventListener("resize", debounce(this.drawDiagram)); 840 window.removeEventListener("resize", this.resizeListenerFunction);
839 } 841 }
840 }; 842 };
841 </script> 843 </script>