annotate client/src/lib/mixins.js @ 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 f4deb4aae485
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
2738
add2d47c2567 client: tables: implemented simple default sorting
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
1 /* This is Free Software under GNU Affero General Public License v >= 3.0
add2d47c2567 client: tables: implemented simple default sorting
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
2 * without warranty, see README.md and license for details.
add2d47c2567 client: tables: implemented simple default sorting
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
3 *
add2d47c2567 client: tables: implemented simple default sorting
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
4 * SPDX-License-Identifier: AGPL-3.0-or-later
add2d47c2567 client: tables: implemented simple default sorting
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
5 * License-Filename: LICENSES/AGPL-3.0.txt
add2d47c2567 client: tables: implemented simple default sorting
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
6 *
3792
3878bc0c8e58 client: update attribution infos on lib/mixins.js
Bernhard Reiter <bernhard@intevation.de>
parents: 3790
diff changeset
7 * Copyright (C) 2018, 2019 by via donau
2738
add2d47c2567 client: tables: implemented simple default sorting
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
8 * – Österreichische Wasserstraßen-Gesellschaft mbH
add2d47c2567 client: tables: implemented simple default sorting
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
9 * Software engineering by Intevation GmbH
add2d47c2567 client: tables: implemented simple default sorting
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
10 *
add2d47c2567 client: tables: implemented simple default sorting
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
11 * Author(s):
3792
3878bc0c8e58 client: update attribution infos on lib/mixins.js
Bernhard Reiter <bernhard@intevation.de>
parents: 3790
diff changeset
12 * * Markus Kottländer <markus.kottlaender@intevation.de>
3878bc0c8e58 client: update attribution infos on lib/mixins.js
Bernhard Reiter <bernhard@intevation.de>
parents: 3790
diff changeset
13 * * Fadi Abbud <fadi.abbud@intevation.de>
3878bc0c8e58 client: update attribution infos on lib/mixins.js
Bernhard Reiter <bernhard@intevation.de>
parents: 3790
diff changeset
14 * * Bernhard Reiter <bernhard.reiter@intevation.de>
2738
add2d47c2567 client: tables: implemented simple default sorting
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
15 */
3796
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
16 import jsPDF from "jspdf-yworks";
3137
35c0da49eb89 client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3079
diff changeset
17 import locale2 from "locale2";
3406
1ba669cbbee6 client: pdf-template:(minor) add missed parameter for image element
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3396
diff changeset
18 import { mapState } from "vuex";
3796
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
19
3180
429e28295902 available_fairway_depth: implement reactivity
Thomas Junk <thomas.junk@intevation.de>
parents: 3154
diff changeset
20 export const sortTable = {
2738
add2d47c2567 client: tables: implemented simple default sorting
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
21 data() {
add2d47c2567 client: tables: implemented simple default sorting
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
22 return {
add2d47c2567 client: tables: implemented simple default sorting
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
23 sortColumn: "",
add2d47c2567 client: tables: implemented simple default sorting
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
24 sortDirection: "ASC",
add2d47c2567 client: tables: implemented simple default sorting
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
25 pageSize: 20,
add2d47c2567 client: tables: implemented simple default sorting
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
26 page: 1
add2d47c2567 client: tables: implemented simple default sorting
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
27 };
add2d47c2567 client: tables: implemented simple default sorting
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
28 },
add2d47c2567 client: tables: implemented simple default sorting
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
29 methods: {
add2d47c2567 client: tables: implemented simple default sorting
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
30 sortTable(sorting) {
add2d47c2567 client: tables: implemented simple default sorting
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
31 this.sortColumn = sorting.sortColumn;
add2d47c2567 client: tables: implemented simple default sorting
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
32 this.sortDirection = sorting.sortDirection;
add2d47c2567 client: tables: implemented simple default sorting
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
33 }
add2d47c2567 client: tables: implemented simple default sorting
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
34 }
add2d47c2567 client: tables: implemented simple default sorting
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
35 };
add2d47c2567 client: tables: implemented simple default sorting
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
36
3180
429e28295902 available_fairway_depth: implement reactivity
Thomas Junk <thomas.junk@intevation.de>
parents: 3154
diff changeset
37 export const diagram = {
429e28295902 available_fairway_depth: implement reactivity
Thomas Junk <thomas.junk@intevation.de>
parents: 3154
diff changeset
38 methods: {
3235
0c5a28ffe9ee available_fairway_depth: flexible layouting options
Thomas Junk <thomas.junk@intevation.de>
parents: 3180
diff changeset
39 getDimensions({ main, nav }) {
3180
429e28295902 available_fairway_depth: implement reactivity
Thomas Junk <thomas.junk@intevation.de>
parents: 3154
diff changeset
40 //dimensions and margins
3478
afab8d87932c mixin: assume when element not in DOM width and height are 0
Thomas Junk <thomas.junk@intevation.de>
parents: 3429
diff changeset
41 const elem = document.querySelector("#" + this.containerId);
3500
5c4f117d8f98 diagram mixin: prevent null errors
Thomas Junk <thomas.junk@intevation.de>
parents: 3478
diff changeset
42 const svgWidth = elem != null ? elem.clientWidth : 0;
5c4f117d8f98 diagram mixin: prevent null errors
Thomas Junk <thomas.junk@intevation.de>
parents: 3478
diff changeset
43 const svgHeight = elem != null ? elem.clientHeight : 0;
3235
0c5a28ffe9ee available_fairway_depth: flexible layouting options
Thomas Junk <thomas.junk@intevation.de>
parents: 3180
diff changeset
44 const mainMargin = main || { top: 20, right: 20, bottom: 110, left: 80 };
0c5a28ffe9ee available_fairway_depth: flexible layouting options
Thomas Junk <thomas.junk@intevation.de>
parents: 3180
diff changeset
45 const navMargin = nav || {
3180
429e28295902 available_fairway_depth: implement reactivity
Thomas Junk <thomas.junk@intevation.de>
parents: 3154
diff changeset
46 top: svgHeight - mainMargin.top - 65,
429e28295902 available_fairway_depth: implement reactivity
Thomas Junk <thomas.junk@intevation.de>
parents: 3154
diff changeset
47 right: 20,
429e28295902 available_fairway_depth: implement reactivity
Thomas Junk <thomas.junk@intevation.de>
parents: 3154
diff changeset
48 bottom: 30,
429e28295902 available_fairway_depth: implement reactivity
Thomas Junk <thomas.junk@intevation.de>
parents: 3154
diff changeset
49 left: 80
429e28295902 available_fairway_depth: implement reactivity
Thomas Junk <thomas.junk@intevation.de>
parents: 3154
diff changeset
50 };
3478
afab8d87932c mixin: assume when element not in DOM width and height are 0
Thomas Junk <thomas.junk@intevation.de>
parents: 3429
diff changeset
51 const width = Number(svgWidth) - mainMargin.left - mainMargin.right;
afab8d87932c mixin: assume when element not in DOM width and height are 0
Thomas Junk <thomas.junk@intevation.de>
parents: 3429
diff changeset
52 const mainHeight = Number(svgHeight) - mainMargin.top - mainMargin.bottom;
afab8d87932c mixin: assume when element not in DOM width and height are 0
Thomas Junk <thomas.junk@intevation.de>
parents: 3429
diff changeset
53 const navHeight = Number(svgHeight) - navMargin.top - navMargin.bottom;
3180
429e28295902 available_fairway_depth: implement reactivity
Thomas Junk <thomas.junk@intevation.de>
parents: 3154
diff changeset
54 return { width, mainHeight, navHeight, mainMargin, navMargin };
429e28295902 available_fairway_depth: implement reactivity
Thomas Junk <thomas.junk@intevation.de>
parents: 3154
diff changeset
55 }
429e28295902 available_fairway_depth: implement reactivity
Thomas Junk <thomas.junk@intevation.de>
parents: 3154
diff changeset
56 }
429e28295902 available_fairway_depth: implement reactivity
Thomas Junk <thomas.junk@intevation.de>
parents: 3154
diff changeset
57 };
429e28295902 available_fairway_depth: implement reactivity
Thomas Junk <thomas.junk@intevation.de>
parents: 3154
diff changeset
58
429e28295902 available_fairway_depth: implement reactivity
Thomas Junk <thomas.junk@intevation.de>
parents: 3154
diff changeset
59 export const pane = {
3077
db890b71f070 client: panes: added paneId to mixin
Markus Kottlaender <markus@intevation.de>
parents: 3072
diff changeset
60 computed: {
db890b71f070 client: panes: added paneId to mixin
Markus Kottlaender <markus@intevation.de>
parents: 3072
diff changeset
61 paneId() {
db890b71f070 client: panes: added paneId to mixin
Markus Kottlaender <markus@intevation.de>
parents: 3072
diff changeset
62 return this.$parent.pane.id;
db890b71f070 client: panes: added paneId to mixin
Markus Kottlaender <markus@intevation.de>
parents: 3072
diff changeset
63 }
3072
0233845cadb7 client: improved splitscreen mechanis
Markus Kottlaender <markus@intevation.de>
parents: 2989
diff changeset
64 }
0233845cadb7 client: improved splitscreen mechanis
Markus Kottlaender <markus@intevation.de>
parents: 2989
diff changeset
65 };
0233845cadb7 client: improved splitscreen mechanis
Markus Kottlaender <markus@intevation.de>
parents: 2989
diff changeset
66
3180
429e28295902 available_fairway_depth: implement reactivity
Thomas Junk <thomas.junk@intevation.de>
parents: 3154
diff changeset
67 export const pdfgen = {
3406
1ba669cbbee6 client: pdf-template:(minor) add missed parameter for image element
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3396
diff changeset
68 computed: {
3408
a26c1d745fc3 client: pdf-template: fix display of user and move property to mixins.js
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3406
diff changeset
69 ...mapState("application", ["logoForPDF"]),
a26c1d745fc3 client: pdf-template: fix display of user and move property to mixins.js
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3406
diff changeset
70 ...mapState("user", ["user"])
3406
1ba669cbbee6 client: pdf-template:(minor) add missed parameter for image element
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3396
diff changeset
71 },
3137
35c0da49eb89 client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3079
diff changeset
72 methods: {
3798
e008197e2215 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3796
diff changeset
73 gaugeInfo(selectedGauge) {
e008197e2215 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3796
diff changeset
74 // returns string with formatted gauge info
e008197e2215 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3796
diff changeset
75 return (
e008197e2215 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3796
diff changeset
76 selectedGauge.properties.objname +
e008197e2215 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3796
diff changeset
77 " (" +
e008197e2215 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3796
diff changeset
78 selectedGauge.id
e008197e2215 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3796
diff changeset
79 .split(".")[1]
e008197e2215 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3796
diff changeset
80 .replace(/[()]/g, "")
e008197e2215 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3796
diff changeset
81 .split(",")[3] +
e008197e2215 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3796
diff changeset
82 ")"
e008197e2215 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3796
diff changeset
83 );
e008197e2215 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3796
diff changeset
84 },
3796
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
85 generatePDF(params) {
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
86 // creates a new jsPDF object into this.pdf.doc
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
87 let templateData = params["templateData"];
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
88 let diagramTitle = params["diagramTitle"];
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
89
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
90 this.pdf.doc = new jsPDF(
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
91 "l",
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
92 "mm",
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
93 this.templateData.properties.paperSize
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
94 );
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
95 // pdf width and height in millimeter (landscape)
3798
e008197e2215 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3796
diff changeset
96 if (templateData.properties.paperSize === "a3") {
e008197e2215 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3796
diff changeset
97 this.pdf.width = 420;
e008197e2215 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3796
diff changeset
98 this.pdf.height = 297;
e008197e2215 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3796
diff changeset
99 } else {
e008197e2215 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3796
diff changeset
100 this.pdf.width = 297;
e008197e2215 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3796
diff changeset
101 this.pdf.height = 210;
e008197e2215 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3796
diff changeset
102 }
3796
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
103 // check the template elements
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
104 if (templateData) {
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
105 let defaultFontSize = 11,
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
106 defaultColor = "black",
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
107 defaultWidth = 70,
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
108 defaultTextColor = "black",
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
109 defaultBorderColor = "white",
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
110 defaultBgColor = "white",
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
111 defaultRounding = 2,
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
112 defaultPadding = 2,
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
113 defaultOffset = { x: 0, y: 0 };
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
114 templateData.elements.forEach(e => {
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
115 switch (e.type) {
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
116 case "diagram": {
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
117 this.addDiagram(e.position, e.offset || defaultOffset);
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
118 break;
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
119 }
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
120 case "diagramlegend": {
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
121 this.addDiagramLegend(
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
122 e.position,
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
123 e.offset || defaultOffset,
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
124 e.color || defaultColor
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
125 );
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
126 break;
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
127 }
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
128 case "diagramtitle": {
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
129 this.addDiagramTitle(
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
130 e.position,
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
131 e.offset || defaultOffset,
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
132 e.fontsize || defaultFontSize,
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
133 e.color || defaultColor,
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
134 diagramTitle
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
135 );
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
136 break;
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
137 }
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
138 case "text": {
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
139 this.addText(
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
140 e.position,
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
141 e.offset || defaultOffset,
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
142 e.width || defaultWidth,
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
143 e.fontsize || defaultFontSize,
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
144 e.color || defaultTextColor,
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
145 e.text || ""
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
146 );
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
147 break;
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
148 }
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
149 case "image": {
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
150 this.addImage(
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
151 e.url,
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
152 e.format || "",
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
153 e.position,
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
154 e.offset || defaultOffset,
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
155 e.width || 90,
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
156 e.height || 60
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
157 );
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
158 break;
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
159 }
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
160 case "box": {
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
161 this.addBox(
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
162 e.position,
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
163 e.offset || defaultOffset,
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
164 e.width || 90,
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
165 e.height || 60,
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
166 e.rounding === 0 || e.rounding ? e.rounding : defaultRounding,
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
167 e.color || defaultBgColor,
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
168 e.brcolor || defaultBorderColor
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
169 );
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
170 break;
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
171 }
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
172 case "textbox": {
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
173 this.addTextBox(
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
174 e.position,
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
175 e.offset || defaultOffset,
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
176 e.width,
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
177 e.height,
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
178 e.rounding === 0 || e.rounding ? e.rounding : defaultRounding,
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
179 e.padding || defaultPadding,
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
180 e.fontsize || defaultFontSize,
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
181 e.color || defaultTextColor,
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
182 e.background || defaultBgColor,
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
183 e.text || "",
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
184 e.brcolor || defaultBorderColor
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
185 );
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
186 break;
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
187 }
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
188 }
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
189 });
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
190 }
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
191 },
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
192
243316850889 client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents: 3792
diff changeset
193 // add text at specific coordinates and do line breaks
3137
35c0da49eb89 client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3079
diff changeset
194 addText(position, offset, width, fontSize, color, text) {
35c0da49eb89 client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3079
diff changeset
195 text = this.replacePlaceholders(text);
35c0da49eb89 client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3079
diff changeset
196 // split the incoming string to an array, each element is a string of
35c0da49eb89 client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3079
diff changeset
197 // words in a single line
3396
169680c3698b client: pdf-template: set font style for the text element
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3350
diff changeset
198 this.pdf.doc.setFontStyle("normal");
3137
35c0da49eb89 client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3079
diff changeset
199 this.pdf.doc.setTextColor(color);
35c0da49eb89 client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3079
diff changeset
200 this.pdf.doc.setFontSize(fontSize);
35c0da49eb89 client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3079
diff changeset
201 var textLines = this.pdf.doc.splitTextToSize(text, width);
35c0da49eb89 client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3079
diff changeset
202 // x/y defaults to offset for topleft corner (normal x/y coordinates)
35c0da49eb89 client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3079
diff changeset
203 let x = offset.x;
35c0da49eb89 client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3079
diff changeset
204 let y = offset.y;
35c0da49eb89 client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3079
diff changeset
205 // if position is on the right, x needs to be calculate with pdf width and
35c0da49eb89 client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3079
diff changeset
206 // the size of the element
35c0da49eb89 client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3079
diff changeset
207 if (["topright", "bottomright"].indexOf(position) !== -1) {
35c0da49eb89 client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3079
diff changeset
208 x = this.pdf.width - offset.x - width;
35c0da49eb89 client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3079
diff changeset
209 }
35c0da49eb89 client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3079
diff changeset
210 if (["bottomright", "bottomleft"].indexOf(position) !== -1) {
35c0da49eb89 client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3079
diff changeset
211 y = this.pdf.height - offset.y - this.getTextHeight(textLines.length);
35c0da49eb89 client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3079
diff changeset
212 }
35c0da49eb89 client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3079
diff changeset
213 this.pdf.doc.text(textLines, x, y, { baseline: "hanging" });
35c0da49eb89 client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3079
diff changeset
214 },
35c0da49eb89 client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3079
diff changeset
215 replacePlaceholders(text) {
35c0da49eb89 client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3079
diff changeset
216 if (text.includes("{date}")) {
35c0da49eb89 client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3079
diff changeset
217 text = text.replace("{date}", new Date().toLocaleString(locale2));
35c0da49eb89 client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3079
diff changeset
218 }
3350
8da2f7b9a04b client: diagram-template:remove unnecessary template properties and typo
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3344
diff changeset
219 // get only day,month and year from the Date object
3137
35c0da49eb89 client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3079
diff changeset
220 if (text.includes("{date-minor}")) {
35c0da49eb89 client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3079
diff changeset
221 var date = new Date();
35c0da49eb89 client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3079
diff changeset
222 var dt =
35c0da49eb89 client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3079
diff changeset
223 (date.getDate() < 10 ? "0" : "") +
35c0da49eb89 client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3079
diff changeset
224 date.getDate() +
35c0da49eb89 client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3079
diff changeset
225 "." +
35c0da49eb89 client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3079
diff changeset
226 (date.getMonth() + 1 < 10 ? "0" : "") +
35c0da49eb89 client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3079
diff changeset
227 (date.getMonth() + 1) +
35c0da49eb89 client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3079
diff changeset
228 "." +
35c0da49eb89 client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3079
diff changeset
229 date.getFullYear();
35c0da49eb89 client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3079
diff changeset
230 text = text.replace("{date-minor}", dt.toLocaleString(locale2));
35c0da49eb89 client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3079
diff changeset
231 }
35c0da49eb89 client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3079
diff changeset
232 if (text.includes("{user}")) {
35c0da49eb89 client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3079
diff changeset
233 text = text.replace("{user}", this.user);
35c0da49eb89 client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3079
diff changeset
234 }
35c0da49eb89 client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3079
diff changeset
235 return text;
35c0da49eb89 client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3079
diff changeset
236 },
35c0da49eb89 client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3079
diff changeset
237 addImage(url, format, position, offset, width, height) {
35c0da49eb89 client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3079
diff changeset
238 let x = offset.x;
35c0da49eb89 client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3079
diff changeset
239 let y = offset.y;
35c0da49eb89 client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3079
diff changeset
240 if (["topright", "bottomright"].indexOf(position) !== -1) {
35c0da49eb89 client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3079
diff changeset
241 x = this.pdf.width - offset.x - width;
35c0da49eb89 client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3079
diff changeset
242 }
35c0da49eb89 client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3079
diff changeset
243 if (["bottomright", "bottomleft"].indexOf(position) !== -1) {
35c0da49eb89 client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3079
diff changeset
244 y = this.pdf.height - offset.y - height;
35c0da49eb89 client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3079
diff changeset
245 }
35c0da49eb89 client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3079
diff changeset
246 let image = new Image();
35c0da49eb89 client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3079
diff changeset
247 if (url) {
35c0da49eb89 client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3079
diff changeset
248 image.src = url;
35c0da49eb89 client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3079
diff changeset
249 } else {
35c0da49eb89 client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3079
diff changeset
250 if (this.logoForPDF) {
35c0da49eb89 client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3079
diff changeset
251 image.src = this.logoForPDF;
35c0da49eb89 client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3079
diff changeset
252 } else {
35c0da49eb89 client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3079
diff changeset
253 image.src = "/img/gemma-logo-for-pdf.png";
35c0da49eb89 client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3079
diff changeset
254 }
35c0da49eb89 client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3079
diff changeset
255 }
3544
067ad32fba69 client: diagram-template: improve values of template elements
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3500
diff changeset
256 if (format === "") {
067ad32fba69 client: diagram-template: improve values of template elements
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3500
diff changeset
257 let tmp = image.src.split(".");
067ad32fba69 client: diagram-template: improve values of template elements
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3500
diff changeset
258 format = tmp[tmp.length - 1].toUpperCase();
067ad32fba69 client: diagram-template: improve values of template elements
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3500
diff changeset
259 }
3429
7bbab09cdf71 client: pdf-template:(minor) add missing parameter
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3408
diff changeset
260 this.pdf.doc.addImage(image, format, x, y, width, height);
3141
42324626f9e2 client: add box element for pdf-template (waterlevel)
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3137
diff changeset
261 },
3293
76f643d20f19 clinet: pdf-gen: (cleanup) remove some pdf-functions from pdftool
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3285
diff changeset
262 // add text at specific coordinates with a background box
3141
42324626f9e2 client: add box element for pdf-template (waterlevel)
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3137
diff changeset
263 addBox(position, offset, width, height, rounding, color, brcolor) {
42324626f9e2 client: add box element for pdf-template (waterlevel)
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3137
diff changeset
264 // x/y defaults to offset for topleft corner (normal x/y coordinates)
42324626f9e2 client: add box element for pdf-template (waterlevel)
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3137
diff changeset
265 let x = offset.x;
42324626f9e2 client: add box element for pdf-template (waterlevel)
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3137
diff changeset
266 let y = offset.y;
42324626f9e2 client: add box element for pdf-template (waterlevel)
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3137
diff changeset
267
42324626f9e2 client: add box element for pdf-template (waterlevel)
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3137
diff changeset
268 // if position is on the right, x needs to be calculate with pdf width and
42324626f9e2 client: add box element for pdf-template (waterlevel)
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3137
diff changeset
269 // the size of the element
42324626f9e2 client: add box element for pdf-template (waterlevel)
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3137
diff changeset
270 if (["topright", "bottomright"].indexOf(position) !== -1) {
42324626f9e2 client: add box element for pdf-template (waterlevel)
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3137
diff changeset
271 x = this.pdf.width - offset.x - width;
42324626f9e2 client: add box element for pdf-template (waterlevel)
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3137
diff changeset
272 }
42324626f9e2 client: add box element for pdf-template (waterlevel)
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3137
diff changeset
273 if (["bottomright", "bottomleft"].indexOf(position) !== -1) {
42324626f9e2 client: add box element for pdf-template (waterlevel)
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3137
diff changeset
274 y = this.pdf.height - offset.y - height;
42324626f9e2 client: add box element for pdf-template (waterlevel)
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3137
diff changeset
275 }
42324626f9e2 client: add box element for pdf-template (waterlevel)
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3137
diff changeset
276 this.addRoundedBox(x, y, width, height, color, rounding, brcolor);
42324626f9e2 client: add box element for pdf-template (waterlevel)
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3137
diff changeset
277 },
3273
050e72ce5cf7 client: diagram-template: add template elements and get templates from backend(fairway avalibilty)
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3235
diff changeset
278 getTextHeight(numberOfLines) {
3790
60977e18e227 client: improve pdf generation getTextHeight()
Bernhard Reiter <bernhard@intevation.de>
parents: 3788
diff changeset
279 // Return estimated height in mm.
60977e18e227 client: improve pdf generation getTextHeight()
Bernhard Reiter <bernhard@intevation.de>
parents: 3788
diff changeset
280
60977e18e227 client: improve pdf generation getTextHeight()
Bernhard Reiter <bernhard@intevation.de>
parents: 3788
diff changeset
281 // FontSize is given in desktop publishing points defined as 1/72 inch.
60977e18e227 client: improve pdf generation getTextHeight()
Bernhard Reiter <bernhard@intevation.de>
parents: 3788
diff changeset
282 // aka 25.4 / 72 mm
60977e18e227 client: improve pdf generation getTextHeight()
Bernhard Reiter <bernhard@intevation.de>
parents: 3788
diff changeset
283 let fontSize = this.pdf.doc.getFontSize();
60977e18e227 client: improve pdf generation getTextHeight()
Bernhard Reiter <bernhard@intevation.de>
parents: 3788
diff changeset
284 let lineHeightFactor = 1.15; // default from jspdf-yworks 2.0.2
60977e18e227 client: improve pdf generation getTextHeight()
Bernhard Reiter <bernhard@intevation.de>
parents: 3788
diff changeset
285 if (typeof this.pdf.doc.getLineHeightFactor !== "undefined") {
60977e18e227 client: improve pdf generation getTextHeight()
Bernhard Reiter <bernhard@intevation.de>
parents: 3788
diff changeset
286 lineHeightFactor = this.pdf.doc.getLineHeightFactor();
60977e18e227 client: improve pdf generation getTextHeight()
Bernhard Reiter <bernhard@intevation.de>
parents: 3788
diff changeset
287 }
60977e18e227 client: improve pdf generation getTextHeight()
Bernhard Reiter <bernhard@intevation.de>
parents: 3788
diff changeset
288 return numberOfLines * fontSize * (25.4 / 72) * lineHeightFactor;
3273
050e72ce5cf7 client: diagram-template: add template elements and get templates from backend(fairway avalibilty)
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3235
diff changeset
289 },
3285
aac1ca73e92a client: diagram-template:(cleanup) move reusable pdf-functions to mixins.js
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3273
diff changeset
290 // title for diagram
aac1ca73e92a client: diagram-template:(cleanup) move reusable pdf-functions to mixins.js
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3273
diff changeset
291 addDiagramTitle(position, offset, size, color, text) {
aac1ca73e92a client: diagram-template:(cleanup) move reusable pdf-functions to mixins.js
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3273
diff changeset
292 let x = offset.x,
aac1ca73e92a client: diagram-template:(cleanup) move reusable pdf-functions to mixins.js
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3273
diff changeset
293 y = offset.y;
3336
db1dc197dc43 client: diagram-template: cleanup
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3293
diff changeset
294 this.pdf.doc.setFontSize(size);
3344
107de6def0c3 client: diagram-template: cleanup
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3336
diff changeset
295 this.pdf.doc.setFontStyle("bold");
107de6def0c3 client: diagram-template: cleanup
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3336
diff changeset
296 this.pdf.doc.setTextColor(color);
3285
aac1ca73e92a client: diagram-template:(cleanup) move reusable pdf-functions to mixins.js
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3273
diff changeset
297 let width =
aac1ca73e92a client: diagram-template:(cleanup) move reusable pdf-functions to mixins.js
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3273
diff changeset
298 (this.pdf.doc.getStringUnitWidth(text) * size) / (72 / 25.6) + size / 2;
aac1ca73e92a client: diagram-template:(cleanup) move reusable pdf-functions to mixins.js
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3273
diff changeset
299 // if position is on the right, x needs to be calculate with pdf width and
aac1ca73e92a client: diagram-template:(cleanup) move reusable pdf-functions to mixins.js
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3273
diff changeset
300 // the size of the element
aac1ca73e92a client: diagram-template:(cleanup) move reusable pdf-functions to mixins.js
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3273
diff changeset
301 if (["topright", "bottomright"].indexOf(position) !== -1) {
aac1ca73e92a client: diagram-template:(cleanup) move reusable pdf-functions to mixins.js
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3273
diff changeset
302 x = this.pdf.width - offset.x - width;
aac1ca73e92a client: diagram-template:(cleanup) move reusable pdf-functions to mixins.js
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3273
diff changeset
303 }
aac1ca73e92a client: diagram-template:(cleanup) move reusable pdf-functions to mixins.js
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3273
diff changeset
304 if (["bottomright", "bottomleft"].indexOf(position) !== -1) {
aac1ca73e92a client: diagram-template:(cleanup) move reusable pdf-functions to mixins.js
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3273
diff changeset
305 y = this.pdf.height - offset.y - this.getTextHeight(1);
aac1ca73e92a client: diagram-template:(cleanup) move reusable pdf-functions to mixins.js
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3273
diff changeset
306 }
aac1ca73e92a client: diagram-template:(cleanup) move reusable pdf-functions to mixins.js
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3273
diff changeset
307 this.pdf.doc.text(text, x, y, { baseline: "hanging" });
aac1ca73e92a client: diagram-template:(cleanup) move reusable pdf-functions to mixins.js
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3273
diff changeset
308 },
3141
42324626f9e2 client: add box element for pdf-template (waterlevel)
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3137
diff changeset
309 addRoundedBox(x, y, w, h, color, rounding, brcolor) {
42324626f9e2 client: add box element for pdf-template (waterlevel)
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3137
diff changeset
310 this.pdf.doc.setDrawColor(brcolor);
42324626f9e2 client: add box element for pdf-template (waterlevel)
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3137
diff changeset
311 this.pdf.doc.setFillColor(color);
42324626f9e2 client: add box element for pdf-template (waterlevel)
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3137
diff changeset
312 this.pdf.doc.roundedRect(x, y, w, h, rounding, rounding, "FD");
3154
b6c10b30d6bd client: pdf-gen: add one pdf-template element
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3145
diff changeset
313 },
b6c10b30d6bd client: pdf-gen: add one pdf-template element
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3145
diff changeset
314 addTextBox(
b6c10b30d6bd client: pdf-gen: add one pdf-template element
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3145
diff changeset
315 position,
b6c10b30d6bd client: pdf-gen: add one pdf-template element
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3145
diff changeset
316 offset,
b6c10b30d6bd client: pdf-gen: add one pdf-template element
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3145
diff changeset
317 width,
b6c10b30d6bd client: pdf-gen: add one pdf-template element
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3145
diff changeset
318 height,
b6c10b30d6bd client: pdf-gen: add one pdf-template element
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3145
diff changeset
319 rounding,
b6c10b30d6bd client: pdf-gen: add one pdf-template element
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3145
diff changeset
320 padding,
b6c10b30d6bd client: pdf-gen: add one pdf-template element
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3145
diff changeset
321 fontSize,
b6c10b30d6bd client: pdf-gen: add one pdf-template element
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3145
diff changeset
322 color,
b6c10b30d6bd client: pdf-gen: add one pdf-template element
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3145
diff changeset
323 background,
b6c10b30d6bd client: pdf-gen: add one pdf-template element
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3145
diff changeset
324 text,
b6c10b30d6bd client: pdf-gen: add one pdf-template element
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3145
diff changeset
325 brcolor
b6c10b30d6bd client: pdf-gen: add one pdf-template element
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3145
diff changeset
326 ) {
b6c10b30d6bd client: pdf-gen: add one pdf-template element
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3145
diff changeset
327 this.pdf.doc.setFontSize(fontSize);
b6c10b30d6bd client: pdf-gen: add one pdf-template element
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3145
diff changeset
328 text = this.replacePlaceholders(text);
b6c10b30d6bd client: pdf-gen: add one pdf-template element
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3145
diff changeset
329
b6c10b30d6bd client: pdf-gen: add one pdf-template element
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3145
diff changeset
330 if (!width) {
b6c10b30d6bd client: pdf-gen: add one pdf-template element
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3145
diff changeset
331 width = this.pdf.doc.getTextWidth(text) + 2 * padding;
b6c10b30d6bd client: pdf-gen: add one pdf-template element
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3145
diff changeset
332 }
b6c10b30d6bd client: pdf-gen: add one pdf-template element
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3145
diff changeset
333 let textWidth = width - 2 * padding;
b6c10b30d6bd client: pdf-gen: add one pdf-template element
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3145
diff changeset
334 if (!height) {
b6c10b30d6bd client: pdf-gen: add one pdf-template element
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3145
diff changeset
335 let textLines = this.pdf.doc.splitTextToSize(text, textWidth);
b6c10b30d6bd client: pdf-gen: add one pdf-template element
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3145
diff changeset
336 height = this.getTextHeight(textLines.length) + 2 * padding;
b6c10b30d6bd client: pdf-gen: add one pdf-template element
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3145
diff changeset
337 }
b6c10b30d6bd client: pdf-gen: add one pdf-template element
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3145
diff changeset
338 this.addBox(
b6c10b30d6bd client: pdf-gen: add one pdf-template element
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3145
diff changeset
339 position,
b6c10b30d6bd client: pdf-gen: add one pdf-template element
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3145
diff changeset
340 offset,
b6c10b30d6bd client: pdf-gen: add one pdf-template element
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3145
diff changeset
341 width,
b6c10b30d6bd client: pdf-gen: add one pdf-template element
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3145
diff changeset
342 height,
b6c10b30d6bd client: pdf-gen: add one pdf-template element
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3145
diff changeset
343 rounding,
b6c10b30d6bd client: pdf-gen: add one pdf-template element
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3145
diff changeset
344 background,
b6c10b30d6bd client: pdf-gen: add one pdf-template element
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3145
diff changeset
345 brcolor
b6c10b30d6bd client: pdf-gen: add one pdf-template element
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3145
diff changeset
346 );
b6c10b30d6bd client: pdf-gen: add one pdf-template element
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3145
diff changeset
347 this.addText(
b6c10b30d6bd client: pdf-gen: add one pdf-template element
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3145
diff changeset
348 position,
b6c10b30d6bd client: pdf-gen: add one pdf-template element
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3145
diff changeset
349 { x: offset.x + padding, y: offset.y + padding },
b6c10b30d6bd client: pdf-gen: add one pdf-template element
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3145
diff changeset
350 textWidth,
b6c10b30d6bd client: pdf-gen: add one pdf-template element
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3145
diff changeset
351 fontSize,
b6c10b30d6bd client: pdf-gen: add one pdf-template element
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3145
diff changeset
352 color,
b6c10b30d6bd client: pdf-gen: add one pdf-template element
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3145
diff changeset
353 text
b6c10b30d6bd client: pdf-gen: add one pdf-template element
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3145
diff changeset
354 );
3137
35c0da49eb89 client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3079
diff changeset
355 }
35c0da49eb89 client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3079
diff changeset
356 }
35c0da49eb89 client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3079
diff changeset
357 };