Mercurial > gemma
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 ); |