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