comparison client/src/components/gauge/Waterlevel.vue @ 3798:e008197e2215 yworks-svg2pdf

client: improve pdf generation * Use generatePDF() from HydrologicalConditions.vue to unify code. * Split out formatting of gaugeInfo, used from Waterlevel.vue and HydrologicalConditions.vue. * Make paper width and size setting in generatePDF() more readable by grouping the conditions more logically.
author Bernhard Reiter <bernhard@intevation.de>
date Thu, 04 Jul 2019 10:15:46 +0200
parents 243316850889
children 7f2c5576ec0a
comparison
equal deleted inserted replaced
3797:20c1ac8ab8a2 3798:e008197e2215
247 let filename = 247 let filename =
248 this.selectedGauge.properties.objname + "-waterlevel-diagram.svg"; 248 this.selectedGauge.properties.objname + "-waterlevel-diagram.svg";
249 saveAs(blog, filename); 249 saveAs(blog, filename);
250 }, 250 },
251 downloadPDF() { 251 downloadPDF() {
252 let gaugeInfo = 252 let diagramTitle =
253 this.selectedGauge.properties.objname + 253 this.gaugeInfo(this.selectedGauge) +
254 " (" + 254 ": Waterlevel " +
255 this.selectedGauge.id
256 .split(".")[1]
257 .replace(/[()]/g, "")
258 .split(",")[3] +
259 "):" +
260 " Waterlevel " +
261 this.dateFrom.toLocaleDateString() + 255 this.dateFrom.toLocaleDateString() +
262 " - " + 256 " - " +
263 this.dateTo.toLocaleDateString(); 257 this.dateTo.toLocaleDateString();
264 258
265 this.generatePDF({ 259 this.generatePDF({
266 templateData: this.templateData, 260 templateData: this.templateData,
267 diagramTitle: gaugeInfo 261 diagramTitle: diagramTitle
268 }); 262 });
269 263
270 this.pdf.doc.save( 264 this.pdf.doc.save(
271 this.selectedGauge.properties.objname + " Waterlevel-Diagram.pdf" 265 this.selectedGauge.properties.objname + " Waterlevel-Diagram.pdf"
272 ); 266 );