comparison client/src/components/fairway/Fairwayprofile.vue @ 2860:dbc799261811

client: fairway profile: removed old code
author Markus Kottlaender <markus@intevation.de>
date Thu, 28 Mar 2019 18:24:02 +0100
parents 1b5acce6120d
children 792d4476d5d5
comparison
equal deleted inserted replaced
2859:405c2fd252f1 2860:dbc799261811
49 components: { 49 components: {
50 DiagramLegend: () => import("@/components/DiagramLegend") 50 DiagramLegend: () => import("@/components/DiagramLegend")
51 }, 51 },
52 data() { 52 data() {
53 return { 53 return {
54 coordinatesInput: "",
55 coordinatesSelect: null,
56 cutLabel: "",
57 showLabelInput: false,
58 width: null, 54 width: null,
59 height: null, 55 height: null,
60 margin: { 56 margin: {
61 top: 20, 57 top: 20,
62 right: 40, 58 right: 40,
151 * 147 *
152 */ 148 */
153 return depth - this.relativeWaterLevelDelta; 149 return depth - this.relativeWaterLevelDelta;
154 }, 150 },
155 drawDiagram() { 151 drawDiagram() {
156 this.coordinatesSelect = null;
157 d3.select(".diagram-container svg").remove(); 152 d3.select(".diagram-container svg").remove();
158 this.scaleFairwayProfile(); 153 this.scaleFairwayProfile();
159 let svg = d3.select(".diagram-container").append("svg"); 154 let svg = d3.select(".diagram-container").append("svg");
160 svg.attr("width", "100%"); 155 svg.attr("width", "100%");
161 svg.attr("height", "100%"); 156 svg.attr("height", "100%");
360 }, 355 },
361 mounted() { 356 mounted() {
362 this.drawDiagram(); 357 this.drawDiagram();
363 }, 358 },
364 updated() { 359 updated() {
365 this.scaleFairwayProfile(); 360 this.drawDiagram();
366 }, 361 },
367 destroyed() { 362 destroyed() {
368 window.removeEventListener("resize", debounce(this.drawDiagram)); 363 window.removeEventListener("resize", debounce(this.drawDiagram));
369 } 364 }
370 }; 365 };