Mercurial > gemma
changeset 2205:59c21dee6315 pdf-export
pdf-gen: improve pdftool to use value from template
* change download function to check the commig values for template
* old coordinates are still used , improve it to get them from template is still needed
#: src/components/Logs.vue:25
msgid "Accesslog"
msgstr "Zugriffs-Protokoll"
| author | Fadi Abbud <fadi.abbud@intevation.de> |
|---|---|
| date | Tue, 05 Feb 2019 16:33:01 +0100 |
| parents | af136b1a854e |
| children | 2e64d1be3dbc |
| files | client/src/components/Pdftool.vue |
| diffstat | 1 files changed, 148 insertions(+), 9 deletions(-) [+] |
line wrap: on
line diff
--- a/client/src/components/Pdftool.vue Tue Feb 05 14:46:26 2019 +0100 +++ b/client/src/components/Pdftool.vue Tue Feb 05 16:33:01 2019 +0100 @@ -146,7 +146,44 @@ format: "landscape", resolution: "80", paperSize: "a4" - } + }, + elements: [ + { + type: "docinfo", + x_coordinate: 0, + y_coordinate: 0, + elementWidth: 118, + elementHeight: 8 + }, + { + type: "image", + imageType: "PNG", + imageUrl: "", + x_coordinate: 30, + y_coordinate: 297, + imageWidth: 50, + imageHeight: 23 + }, + { + type: "scalebar", + //x_coordinate:, + y_coordinate: 204 + //elementsize: 50 + }, + { + type: "textbox", + x_coordinate: 50, + y_coordinate: 190, + elementSize: 8, + text: "textfrom template", + color: "black" + }, + { + type: "aboutbox" + //x_coordinate: 0, + //y_coordinate: 210 - 20 + } + ] }, { name: "Template 2", @@ -154,7 +191,44 @@ format: "portrait", resolution: "120", paperSize: "a3" - } + }, + elements: [ + { + type: "image", + imageType: "PNG", + imageUrl: "", + x_coordinate: 30, + y_coordinate: 297, + imageWidth: 50, + imageHeight: 23 + }, + { + type: "scalebar", + //x_coordinate: 250, + y_coordinate: 420 - 6 + //elementsize: 50 + }, + { + type: "textbox", + x_coordinate: 50, + y_coordinate: 50, + elementSize: 22, + text: "from template", + color: "black" + }, + { + type: "docinfo", + x_coordinate: 0, + y_coordinate: 0, + elementWidth: 118, + elementHeight: 8 + }, + { + type: "aboutbox" + //x_coordinate: 0, + //y_coordinate: 210 - 20 + } + ] } ], logoImageForPDF: null, // a HTMLImageElement instance @@ -194,6 +268,7 @@ }); }, download() { + let template = this.templates.find(t => t.name === this.form.template); // disable button while working on it this.readyToGenerate = false; @@ -266,16 +341,80 @@ var data = canvas.toDataURL("image/jpeg"); pdf.addImage(data, "JPEG", 0, 0, width, height); - self.addScaleBar(pdf, width, height, scaleNominator); + //self.addScaleBar(pdf, width, height, scaleNominator); self.addNorthArrow(pdf, 15, 9, northarrowSize); - self.addPageInfo(pdf); - self.addAboutBox(pdf, width, height); + //self.addPageInfo(pdf); + //self.addAboutBox(pdf, width, height); if (self.getLayerByName("Bottleneck isolines").isVisible) { self.addLegend(pdf, width, height); } + if (template) { + template.elements.forEach(t => { + switch (t.type) { + case "image": { + console.log("autobox from template"); + if (t.imageUrl.length > 0) { + pdf.addImage( + t.imageUrl, + t.imageType, + t.x_coordinate, + t.y_coordinate, + t.imageWidth, + t.imageHeight + ); + } + break; + } + case "scalebar": { + self.addScaleBar( + pdf, + width, + height, + scaleNominator, + t.y_coordinate + ); + break; + } + case "textbox": { + self.addText( + pdf, + t.x_coordinate, + t.y_coordinate, + t.elementSize, + t.color, + 100, + t.text + ); + break; + } + case "docinfo": { + self.addPageInfo(pdf); + break; + } + case "aboutbox": { + self.addAboutBox(pdf, width, height); + break; + } + /* case "docinfo": { + self.addAboutBox( + pdf, + t.x_coordinate, + t.y_coordinate, + t.elementWidth, + t.elementHeight + ); + } */ + } + }); - pdf.save("map.pdf"); + pdf.save("map.pdf"); + } else { + self.addScaleBar(pdf, width, height, scaleNominator, 204); + self.addPageInfo(pdf); + self.addAboutBox(pdf, width, height); + pdf.save("map.pdf"); + } // reset to original size map.setSize(mapSize); map.getView().fit(mapExtent, { size: mapSize }); @@ -324,7 +463,7 @@ doc.setFillColor(255, 255, 255); doc.roundedRect(x, y, w, h, 3, 3, "FD"); }, - addScaleBar(doc, docWidth, docHeight, scaleNominator) { + addScaleBar(doc, docWidth, docHeight, scaleNominator, y) { // scaleNominator is the x in 1:x of the map scale // hardcode maximal width for now and place in lower right corner @@ -353,7 +492,7 @@ unit = "km"; unitConversionFactor = 1e6; } else if (maxLength >= 1e4) { - // >= 10 m + // >= 10 m) unit = "m"; unitConversionFactor = 1e3; } @@ -384,7 +523,7 @@ let size = (length * unitConversionFactor) / scaleNominator / 4; let x = docWidth - (size * 4 + 8); - let y = docHeight - 6; + //let y = docHeight - 6; this.addRoundedBox(doc, x - 4, y - 4, size * 4 + 12, 10);