Mercurial > gemma
annotate client/src/lib/mixins.js @ 4919:399458e60a9b fairway-marks-import
Geo styles as ZIP: Forgot to change the schema itself.
author | Sascha L. Teichmann <sascha.teichmann@intevation.de> |
---|---|
date | Fri, 14 Feb 2020 07:41:43 +0100 |
parents | b6d8570b8480 |
children | 660147046ddd |
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"; |
3941
7b3935a8d9ee
refactor addDiagram to mixin and remove code duplication
Thomas Junk <thomas.junk@intevation.de>
parents:
3936
diff
changeset
|
17 import svg2pdf from "svg2pdf.js"; |
3137
35c0da49eb89
client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3079
diff
changeset
|
18 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
|
19 import { mapState } from "vuex"; |
3802
e8a950cf6c02
Move Template loading and Imageprocessing to mixin
Thomas Junk <thomas.junk@intevation.de>
parents:
3801
diff
changeset
|
20 import { HTTP } from "@/lib/http"; |
4001
bf86f9a08733
improve fairwaydiagram printing positioning
Thomas Junk <thomas.junk@intevation.de>
parents:
4000
diff
changeset
|
21 import * as d3 from "d3"; |
4677
fa55e48bbca1
client: improve filename generation for downloads
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4486
diff
changeset
|
22 import sanitize from "sanitize-filename"; |
4792
9412bc2545e8
client: implement exporting of diagram as image (waterlevel)
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4677
diff
changeset
|
23 import canvg from "canvg"; |
4001
bf86f9a08733
improve fairwaydiagram printing positioning
Thomas Junk <thomas.junk@intevation.de>
parents:
4000
diff
changeset
|
24 |
4456
acb21e7362ce
client: pdf-gen: fix diagram title for pdf (waterlevels, hydrologicalconditions)
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4341
diff
changeset
|
25 /*eslint no-unused-vars: ["error", { "varsIgnorePattern": "[debugSVG|_]" }]*/ |
4001
bf86f9a08733
improve fairwaydiagram printing positioning
Thomas Junk <thomas.junk@intevation.de>
parents:
4000
diff
changeset
|
26 const debugSVG = ({ svg, svgWidth, svgHeight }) => { |
bf86f9a08733
improve fairwaydiagram printing positioning
Thomas Junk <thomas.junk@intevation.de>
parents:
4000
diff
changeset
|
27 d3.select(svg) |
bf86f9a08733
improve fairwaydiagram printing positioning
Thomas Junk <thomas.junk@intevation.de>
parents:
4000
diff
changeset
|
28 .append("rect") |
bf86f9a08733
improve fairwaydiagram printing positioning
Thomas Junk <thomas.junk@intevation.de>
parents:
4000
diff
changeset
|
29 .attr("width", svgWidth) |
bf86f9a08733
improve fairwaydiagram printing positioning
Thomas Junk <thomas.junk@intevation.de>
parents:
4000
diff
changeset
|
30 .attr("height", svgHeight) |
bf86f9a08733
improve fairwaydiagram printing positioning
Thomas Junk <thomas.junk@intevation.de>
parents:
4000
diff
changeset
|
31 .attr("fill-opacity", 0) |
bf86f9a08733
improve fairwaydiagram printing positioning
Thomas Junk <thomas.junk@intevation.de>
parents:
4000
diff
changeset
|
32 .attr("stroke", "#ff0000"); |
bf86f9a08733
improve fairwaydiagram printing positioning
Thomas Junk <thomas.junk@intevation.de>
parents:
4000
diff
changeset
|
33 }; |
3796
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
34 |
3180
429e28295902
available_fairway_depth: implement reactivity
Thomas Junk <thomas.junk@intevation.de>
parents:
3154
diff
changeset
|
35 export const sortTable = { |
2738
add2d47c2567
client: tables: implemented simple default sorting
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
36 data() { |
add2d47c2567
client: tables: implemented simple default sorting
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
37 return { |
add2d47c2567
client: tables: implemented simple default sorting
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
38 sortColumn: "", |
add2d47c2567
client: tables: implemented simple default sorting
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
39 sortDirection: "ASC", |
add2d47c2567
client: tables: implemented simple default sorting
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
40 pageSize: 20, |
add2d47c2567
client: tables: implemented simple default sorting
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
41 page: 1 |
add2d47c2567
client: tables: implemented simple default sorting
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
42 }; |
add2d47c2567
client: tables: implemented simple default sorting
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
43 }, |
add2d47c2567
client: tables: implemented simple default sorting
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
44 methods: { |
add2d47c2567
client: tables: implemented simple default sorting
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
45 sortTable(sorting) { |
add2d47c2567
client: tables: implemented simple default sorting
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
46 this.sortColumn = sorting.sortColumn; |
add2d47c2567
client: tables: implemented simple default sorting
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
47 this.sortDirection = sorting.sortDirection; |
add2d47c2567
client: tables: implemented simple default sorting
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
48 } |
add2d47c2567
client: tables: implemented simple default sorting
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
49 } |
add2d47c2567
client: tables: implemented simple default sorting
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
50 }; |
4153
7c44af0b9370
client: Waterleveldiagram
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4112
diff
changeset
|
51 /** |
7c44af0b9370
client: Waterleveldiagram
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4112
diff
changeset
|
52 * Since the names of LDC and HDC aren't normalized, we have to do guesswork |
7c44af0b9370
client: Waterleveldiagram
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4112
diff
changeset
|
53 * best fit is key with HDC or LDC in it |
7c44af0b9370
client: Waterleveldiagram
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4112
diff
changeset
|
54 */ |
7c44af0b9370
client: Waterleveldiagram
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4112
diff
changeset
|
55 export const refwaterlevels = { |
7c44af0b9370
client: Waterleveldiagram
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4112
diff
changeset
|
56 methods: { |
7c44af0b9370
client: Waterleveldiagram
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4112
diff
changeset
|
57 determineLDCHDC(refWaterLevels) { |
7c44af0b9370
client: Waterleveldiagram
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4112
diff
changeset
|
58 let HDC = |
7c44af0b9370
client: Waterleveldiagram
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4112
diff
changeset
|
59 refWaterLevels[Object.keys(refWaterLevels).find(e => /HDC/.test(e))]; |
7c44af0b9370
client: Waterleveldiagram
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4112
diff
changeset
|
60 let LDC = |
7c44af0b9370
client: Waterleveldiagram
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4112
diff
changeset
|
61 refWaterLevels[Object.keys(refWaterLevels).find(e => /LDC/.test(e))]; |
7c44af0b9370
client: Waterleveldiagram
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4112
diff
changeset
|
62 return { LDC, HDC }; |
7c44af0b9370
client: Waterleveldiagram
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4112
diff
changeset
|
63 } |
7c44af0b9370
client: Waterleveldiagram
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4112
diff
changeset
|
64 } |
7c44af0b9370
client: Waterleveldiagram
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4112
diff
changeset
|
65 }; |
2738
add2d47c2567
client: tables: implemented simple default sorting
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
66 |
3180
429e28295902
available_fairway_depth: implement reactivity
Thomas Junk <thomas.junk@intevation.de>
parents:
3154
diff
changeset
|
67 export const diagram = { |
429e28295902
available_fairway_depth: implement reactivity
Thomas Junk <thomas.junk@intevation.de>
parents:
3154
diff
changeset
|
68 methods: { |
3992
2f024d6189ca
Reverted merge with diagram-cleanup -- its not yet ready.
Sascha Wilde <wilde@intevation.de>
parents:
3967
diff
changeset
|
69 getDimensions({ svgWidth, svgHeight, main, nav }) { |
2f024d6189ca
Reverted merge with diagram-cleanup -- its not yet ready.
Sascha Wilde <wilde@intevation.de>
parents:
3967
diff
changeset
|
70 const mainMargin = main || { |
4138
33deb8634783
mixin: set relative defaults for margins
Thomas Junk <thomas.junk@intevation.de>
parents:
4135
diff
changeset
|
71 top: Math.floor(0.08 * svgHeight), |
33deb8634783
mixin: set relative defaults for margins
Thomas Junk <thomas.junk@intevation.de>
parents:
4135
diff
changeset
|
72 right: Math.floor(0.08 * svgWidth), |
33deb8634783
mixin: set relative defaults for margins
Thomas Junk <thomas.junk@intevation.de>
parents:
4135
diff
changeset
|
73 bottom: Math.floor(0.2 * svgHeight), |
33deb8634783
mixin: set relative defaults for margins
Thomas Junk <thomas.junk@intevation.de>
parents:
4135
diff
changeset
|
74 left: Math.floor(0.08 * svgWidth) |
3936
d859ec6cf2f0
Fairwayprofile enhanced
Thomas Junk <thomas.junk@intevation.de>
parents:
3919
diff
changeset
|
75 }; |
3992
2f024d6189ca
Reverted merge with diagram-cleanup -- its not yet ready.
Sascha Wilde <wilde@intevation.de>
parents:
3967
diff
changeset
|
76 const navMargin = nav || { |
4138
33deb8634783
mixin: set relative defaults for margins
Thomas Junk <thomas.junk@intevation.de>
parents:
4135
diff
changeset
|
77 top: Math.floor(0.78 * svgHeight), |
33deb8634783
mixin: set relative defaults for margins
Thomas Junk <thomas.junk@intevation.de>
parents:
4135
diff
changeset
|
78 right: Math.floor(0.013 * svgWidth), |
33deb8634783
mixin: set relative defaults for margins
Thomas Junk <thomas.junk@intevation.de>
parents:
4135
diff
changeset
|
79 bottom: Math.floor(0.095 * svgHeight), |
33deb8634783
mixin: set relative defaults for margins
Thomas Junk <thomas.junk@intevation.de>
parents:
4135
diff
changeset
|
80 left: Math.floor(0.07 * svgWidth) |
3180
429e28295902
available_fairway_depth: implement reactivity
Thomas Junk <thomas.junk@intevation.de>
parents:
3154
diff
changeset
|
81 }; |
3478
afab8d87932c
mixin: assume when element not in DOM width and height are 0
Thomas Junk <thomas.junk@intevation.de>
parents:
3429
diff
changeset
|
82 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
|
83 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
|
84 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
|
85 return { width, mainHeight, navHeight, mainMargin, navMargin }; |
429e28295902
available_fairway_depth: implement reactivity
Thomas Junk <thomas.junk@intevation.de>
parents:
3154
diff
changeset
|
86 } |
429e28295902
available_fairway_depth: implement reactivity
Thomas Junk <thomas.junk@intevation.de>
parents:
3154
diff
changeset
|
87 } |
429e28295902
available_fairway_depth: implement reactivity
Thomas Junk <thomas.junk@intevation.de>
parents:
3154
diff
changeset
|
88 }; |
429e28295902
available_fairway_depth: implement reactivity
Thomas Junk <thomas.junk@intevation.de>
parents:
3154
diff
changeset
|
89 |
429e28295902
available_fairway_depth: implement reactivity
Thomas Junk <thomas.junk@intevation.de>
parents:
3154
diff
changeset
|
90 export const pane = { |
3077
db890b71f070
client: panes: added paneId to mixin
Markus Kottlaender <markus@intevation.de>
parents:
3072
diff
changeset
|
91 computed: { |
db890b71f070
client: panes: added paneId to mixin
Markus Kottlaender <markus@intevation.de>
parents:
3072
diff
changeset
|
92 paneId() { |
db890b71f070
client: panes: added paneId to mixin
Markus Kottlaender <markus@intevation.de>
parents:
3072
diff
changeset
|
93 return this.$parent.pane.id; |
db890b71f070
client: panes: added paneId to mixin
Markus Kottlaender <markus@intevation.de>
parents:
3072
diff
changeset
|
94 } |
3072
0233845cadb7
client: improved splitscreen mechanis
Markus Kottlaender <markus@intevation.de>
parents:
2989
diff
changeset
|
95 } |
0233845cadb7
client: improved splitscreen mechanis
Markus Kottlaender <markus@intevation.de>
parents:
2989
diff
changeset
|
96 }; |
0233845cadb7
client: improved splitscreen mechanis
Markus Kottlaender <markus@intevation.de>
parents:
2989
diff
changeset
|
97 |
3802
e8a950cf6c02
Move Template loading and Imageprocessing to mixin
Thomas Junk <thomas.junk@intevation.de>
parents:
3801
diff
changeset
|
98 export const templateLoader = { |
e8a950cf6c02
Move Template loading and Imageprocessing to mixin
Thomas Junk <thomas.junk@intevation.de>
parents:
3801
diff
changeset
|
99 methods: { |
4677
fa55e48bbca1
client: improve filename generation for downloads
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4486
diff
changeset
|
100 downloadFilename(type, name) { |
fa55e48bbca1
client: improve filename generation for downloads
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4486
diff
changeset
|
101 return `${type}-${sanitize(name).replace( |
fa55e48bbca1
client: improve filename generation for downloads
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4486
diff
changeset
|
102 / /g, |
fa55e48bbca1
client: improve filename generation for downloads
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4486
diff
changeset
|
103 "-" |
fa55e48bbca1
client: improve filename generation for downloads
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4486
diff
changeset
|
104 )}-${this.dateForPDF()}`; |
fa55e48bbca1
client: improve filename generation for downloads
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4486
diff
changeset
|
105 }, |
3802
e8a950cf6c02
Move Template loading and Imageprocessing to mixin
Thomas Junk <thomas.junk@intevation.de>
parents:
3801
diff
changeset
|
106 loadTemplates(url) { |
e8a950cf6c02
Move Template loading and Imageprocessing to mixin
Thomas Junk <thomas.junk@intevation.de>
parents:
3801
diff
changeset
|
107 return new Promise((resolve, reject) => { |
e8a950cf6c02
Move Template loading and Imageprocessing to mixin
Thomas Junk <thomas.junk@intevation.de>
parents:
3801
diff
changeset
|
108 HTTP.get(url, { |
e8a950cf6c02
Move Template loading and Imageprocessing to mixin
Thomas Junk <thomas.junk@intevation.de>
parents:
3801
diff
changeset
|
109 headers: { |
e8a950cf6c02
Move Template loading and Imageprocessing to mixin
Thomas Junk <thomas.junk@intevation.de>
parents:
3801
diff
changeset
|
110 "X-Gemma-Auth": localStorage.getItem("token"), |
e8a950cf6c02
Move Template loading and Imageprocessing to mixin
Thomas Junk <thomas.junk@intevation.de>
parents:
3801
diff
changeset
|
111 "Content-type": "text/xml; charset=UTF-8" |
e8a950cf6c02
Move Template loading and Imageprocessing to mixin
Thomas Junk <thomas.junk@intevation.de>
parents:
3801
diff
changeset
|
112 } |
e8a950cf6c02
Move Template loading and Imageprocessing to mixin
Thomas Junk <thomas.junk@intevation.de>
parents:
3801
diff
changeset
|
113 }) |
e8a950cf6c02
Move Template loading and Imageprocessing to mixin
Thomas Junk <thomas.junk@intevation.de>
parents:
3801
diff
changeset
|
114 .then(response => { |
e8a950cf6c02
Move Template loading and Imageprocessing to mixin
Thomas Junk <thomas.junk@intevation.de>
parents:
3801
diff
changeset
|
115 resolve(response); |
e8a950cf6c02
Move Template loading and Imageprocessing to mixin
Thomas Junk <thomas.junk@intevation.de>
parents:
3801
diff
changeset
|
116 }) |
e8a950cf6c02
Move Template loading and Imageprocessing to mixin
Thomas Junk <thomas.junk@intevation.de>
parents:
3801
diff
changeset
|
117 .catch(error => { |
e8a950cf6c02
Move Template loading and Imageprocessing to mixin
Thomas Junk <thomas.junk@intevation.de>
parents:
3801
diff
changeset
|
118 reject(error); |
e8a950cf6c02
Move Template loading and Imageprocessing to mixin
Thomas Junk <thomas.junk@intevation.de>
parents:
3801
diff
changeset
|
119 }); |
e8a950cf6c02
Move Template loading and Imageprocessing to mixin
Thomas Junk <thomas.junk@intevation.de>
parents:
3801
diff
changeset
|
120 }); |
e8a950cf6c02
Move Template loading and Imageprocessing to mixin
Thomas Junk <thomas.junk@intevation.de>
parents:
3801
diff
changeset
|
121 }, |
e8a950cf6c02
Move Template loading and Imageprocessing to mixin
Thomas Junk <thomas.junk@intevation.de>
parents:
3801
diff
changeset
|
122 prepareImages(elements) { |
e8a950cf6c02
Move Template loading and Imageprocessing to mixin
Thomas Junk <thomas.junk@intevation.de>
parents:
3801
diff
changeset
|
123 /** |
e8a950cf6c02
Move Template loading and Imageprocessing to mixin
Thomas Junk <thomas.junk@intevation.de>
parents:
3801
diff
changeset
|
124 * In order to render the images from the template, we need to convert |
e8a950cf6c02
Move Template loading and Imageprocessing to mixin
Thomas Junk <thomas.junk@intevation.de>
parents:
3801
diff
changeset
|
125 * each image to dataURIs. Since this happens asynchronous, |
e8a950cf6c02
Move Template loading and Imageprocessing to mixin
Thomas Junk <thomas.junk@intevation.de>
parents:
3801
diff
changeset
|
126 * we need to wrap each image into its own promise and only after all are |
e8a950cf6c02
Move Template loading and Imageprocessing to mixin
Thomas Junk <thomas.junk@intevation.de>
parents:
3801
diff
changeset
|
127 * finished, we continue with the flow. |
e8a950cf6c02
Move Template loading and Imageprocessing to mixin
Thomas Junk <thomas.junk@intevation.de>
parents:
3801
diff
changeset
|
128 */ |
e8a950cf6c02
Move Template loading and Imageprocessing to mixin
Thomas Junk <thomas.junk@intevation.de>
parents:
3801
diff
changeset
|
129 return new Promise(resolve => { |
e8a950cf6c02
Move Template loading and Imageprocessing to mixin
Thomas Junk <thomas.junk@intevation.de>
parents:
3801
diff
changeset
|
130 const imageElementLoaders = elements.reduce((o, n, i) => { |
e8a950cf6c02
Move Template loading and Imageprocessing to mixin
Thomas Junk <thomas.junk@intevation.de>
parents:
3801
diff
changeset
|
131 if (n.type === "image") { |
e8a950cf6c02
Move Template loading and Imageprocessing to mixin
Thomas Junk <thomas.junk@intevation.de>
parents:
3801
diff
changeset
|
132 o.push( |
e8a950cf6c02
Move Template loading and Imageprocessing to mixin
Thomas Junk <thomas.junk@intevation.de>
parents:
3801
diff
changeset
|
133 new Promise(resolve => { |
e8a950cf6c02
Move Template loading and Imageprocessing to mixin
Thomas Junk <thomas.junk@intevation.de>
parents:
3801
diff
changeset
|
134 const image = new Image(); |
e8a950cf6c02
Move Template loading and Imageprocessing to mixin
Thomas Junk <thomas.junk@intevation.de>
parents:
3801
diff
changeset
|
135 image.onload = function() { |
e8a950cf6c02
Move Template loading and Imageprocessing to mixin
Thomas Junk <thomas.junk@intevation.de>
parents:
3801
diff
changeset
|
136 var canvas = document.createElement("canvas"); |
e8a950cf6c02
Move Template loading and Imageprocessing to mixin
Thomas Junk <thomas.junk@intevation.de>
parents:
3801
diff
changeset
|
137 canvas.width = this.naturalWidth; // or 'width' if you want a special/scaled size |
e8a950cf6c02
Move Template loading and Imageprocessing to mixin
Thomas Junk <thomas.junk@intevation.de>
parents:
3801
diff
changeset
|
138 canvas.height = this.naturalHeight; // or 'height' if you want a special/scaled size |
e8a950cf6c02
Move Template loading and Imageprocessing to mixin
Thomas Junk <thomas.junk@intevation.de>
parents:
3801
diff
changeset
|
139 canvas.getContext("2d").drawImage(this, 0, 0); |
e8a950cf6c02
Move Template loading and Imageprocessing to mixin
Thomas Junk <thomas.junk@intevation.de>
parents:
3801
diff
changeset
|
140 resolve({ |
e8a950cf6c02
Move Template loading and Imageprocessing to mixin
Thomas Junk <thomas.junk@intevation.de>
parents:
3801
diff
changeset
|
141 index: i, |
e8a950cf6c02
Move Template loading and Imageprocessing to mixin
Thomas Junk <thomas.junk@intevation.de>
parents:
3801
diff
changeset
|
142 url: canvas.toDataURL("image/png") |
e8a950cf6c02
Move Template loading and Imageprocessing to mixin
Thomas Junk <thomas.junk@intevation.de>
parents:
3801
diff
changeset
|
143 }); |
e8a950cf6c02
Move Template loading and Imageprocessing to mixin
Thomas Junk <thomas.junk@intevation.de>
parents:
3801
diff
changeset
|
144 }; |
3881
7db6999962db
mixins: if image given with no explict URL load either configured logo or placeholder
Thomas Junk <thomas.junk@intevation.de>
parents:
3862
diff
changeset
|
145 let URL = n.URL; |
7db6999962db
mixins: if image given with no explict URL load either configured logo or placeholder
Thomas Junk <thomas.junk@intevation.de>
parents:
3862
diff
changeset
|
146 if (!URL) { |
7db6999962db
mixins: if image given with no explict URL load either configured logo or placeholder
Thomas Junk <thomas.junk@intevation.de>
parents:
3862
diff
changeset
|
147 URL = this.logoForPDF |
7db6999962db
mixins: if image given with no explict URL load either configured logo or placeholder
Thomas Junk <thomas.junk@intevation.de>
parents:
3862
diff
changeset
|
148 ? this.logoForPDF |
7db6999962db
mixins: if image given with no explict URL load either configured logo or placeholder
Thomas Junk <thomas.junk@intevation.de>
parents:
3862
diff
changeset
|
149 : "/img/gemma-logo-for-pdf.png"; |
7db6999962db
mixins: if image given with no explict URL load either configured logo or placeholder
Thomas Junk <thomas.junk@intevation.de>
parents:
3862
diff
changeset
|
150 } |
7db6999962db
mixins: if image given with no explict URL load either configured logo or placeholder
Thomas Junk <thomas.junk@intevation.de>
parents:
3862
diff
changeset
|
151 image.src = URL; |
3802
e8a950cf6c02
Move Template loading and Imageprocessing to mixin
Thomas Junk <thomas.junk@intevation.de>
parents:
3801
diff
changeset
|
152 }) |
e8a950cf6c02
Move Template loading and Imageprocessing to mixin
Thomas Junk <thomas.junk@intevation.de>
parents:
3801
diff
changeset
|
153 ); |
e8a950cf6c02
Move Template loading and Imageprocessing to mixin
Thomas Junk <thomas.junk@intevation.de>
parents:
3801
diff
changeset
|
154 } |
e8a950cf6c02
Move Template loading and Imageprocessing to mixin
Thomas Junk <thomas.junk@intevation.de>
parents:
3801
diff
changeset
|
155 return o; |
e8a950cf6c02
Move Template loading and Imageprocessing to mixin
Thomas Junk <thomas.junk@intevation.de>
parents:
3801
diff
changeset
|
156 }, []); |
e8a950cf6c02
Move Template loading and Imageprocessing to mixin
Thomas Junk <thomas.junk@intevation.de>
parents:
3801
diff
changeset
|
157 Promise.all(imageElementLoaders).then(values => { |
e8a950cf6c02
Move Template loading and Imageprocessing to mixin
Thomas Junk <thomas.junk@intevation.de>
parents:
3801
diff
changeset
|
158 resolve(values); |
e8a950cf6c02
Move Template loading and Imageprocessing to mixin
Thomas Junk <thomas.junk@intevation.de>
parents:
3801
diff
changeset
|
159 }); |
e8a950cf6c02
Move Template loading and Imageprocessing to mixin
Thomas Junk <thomas.junk@intevation.de>
parents:
3801
diff
changeset
|
160 }); |
e8a950cf6c02
Move Template loading and Imageprocessing to mixin
Thomas Junk <thomas.junk@intevation.de>
parents:
3801
diff
changeset
|
161 } |
e8a950cf6c02
Move Template loading and Imageprocessing to mixin
Thomas Junk <thomas.junk@intevation.de>
parents:
3801
diff
changeset
|
162 } |
e8a950cf6c02
Move Template loading and Imageprocessing to mixin
Thomas Junk <thomas.junk@intevation.de>
parents:
3801
diff
changeset
|
163 }; |
e8a950cf6c02
Move Template loading and Imageprocessing to mixin
Thomas Junk <thomas.junk@intevation.de>
parents:
3801
diff
changeset
|
164 |
3180
429e28295902
available_fairway_depth: implement reactivity
Thomas Junk <thomas.junk@intevation.de>
parents:
3154
diff
changeset
|
165 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
|
166 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
|
167 ...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
|
168 ...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
|
169 }, |
3137
35c0da49eb89
client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3079
diff
changeset
|
170 methods: { |
4808
db450fcc8ed7
client: add title for the exported image
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4807
diff
changeset
|
171 downloadImage(elementName, title) { |
4807
7cd40008124b
client: image-export: render diagram offscreen and use mixins in fairway-diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4805
diff
changeset
|
172 const offScreen = document.querySelector("#offScreen"); |
7cd40008124b
client: image-export: render diagram offscreen and use mixins in fairway-diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4805
diff
changeset
|
173 const DPI = 96; |
7cd40008124b
client: image-export: render diagram offscreen and use mixins in fairway-diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4805
diff
changeset
|
174 const svgWidth = this.millimeter2pixels(428, DPI); |
7cd40008124b
client: image-export: render diagram offscreen and use mixins in fairway-diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4805
diff
changeset
|
175 const svgHeight = this.millimeter2pixels(119, DPI); |
7cd40008124b
client: image-export: render diagram offscreen and use mixins in fairway-diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4805
diff
changeset
|
176 offScreen.style.width = `${svgWidth}px`; |
7cd40008124b
client: image-export: render diagram offscreen and use mixins in fairway-diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4805
diff
changeset
|
177 offScreen.style.height = `${svgHeight}px`; |
7cd40008124b
client: image-export: render diagram offscreen and use mixins in fairway-diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4805
diff
changeset
|
178 let zoomLevel = this.zoomStore; |
7cd40008124b
client: image-export: render diagram offscreen and use mixins in fairway-diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4805
diff
changeset
|
179 const layout = this.getPrintLayout(svgHeight, svgWidth); |
7cd40008124b
client: image-export: render diagram offscreen and use mixins in fairway-diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4805
diff
changeset
|
180 this.renderTo({ |
7cd40008124b
client: image-export: render diagram offscreen and use mixins in fairway-diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4805
diff
changeset
|
181 element: offScreen, |
7cd40008124b
client: image-export: render diagram offscreen and use mixins in fairway-diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4805
diff
changeset
|
182 dimensions: this.getDimensions({ |
7cd40008124b
client: image-export: render diagram offscreen and use mixins in fairway-diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4805
diff
changeset
|
183 svgWidth: svgWidth, |
7cd40008124b
client: image-export: render diagram offscreen and use mixins in fairway-diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4805
diff
changeset
|
184 svgHeight: svgHeight, |
7cd40008124b
client: image-export: render diagram offscreen and use mixins in fairway-diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4805
diff
changeset
|
185 ...layout |
7cd40008124b
client: image-export: render diagram offscreen and use mixins in fairway-diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4805
diff
changeset
|
186 }), |
7cd40008124b
client: image-export: render diagram offscreen and use mixins in fairway-diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4805
diff
changeset
|
187 zoomLevel // passing the zoom level to draw the diagram on pdf at this point |
7cd40008124b
client: image-export: render diagram offscreen and use mixins in fairway-diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4805
diff
changeset
|
188 }); |
7cd40008124b
client: image-export: render diagram offscreen and use mixins in fairway-diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4805
diff
changeset
|
189 const diagramContainer = document.getElementById("offScreen"); |
4792
9412bc2545e8
client: implement exporting of diagram as image (waterlevel)
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4677
diff
changeset
|
190 const { clientHeight, clientWidth } = diagramContainer; |
4807
7cd40008124b
client: image-export: render diagram offscreen and use mixins in fairway-diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4805
diff
changeset
|
191 diagramContainer.querySelector("svg").setAttribute("width", clientWidth); |
7cd40008124b
client: image-export: render diagram offscreen and use mixins in fairway-diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4805
diff
changeset
|
192 diagramContainer |
7cd40008124b
client: image-export: render diagram offscreen and use mixins in fairway-diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4805
diff
changeset
|
193 .querySelector("svg") |
4809
b6d8570b8480
client: image-export: add diagram legend
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4808
diff
changeset
|
194 .setAttribute("height", clientHeight + 180); |
4807
7cd40008124b
client: image-export: render diagram offscreen and use mixins in fairway-diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4805
diff
changeset
|
195 const svg = diagramContainer.querySelector("svg").outerHTML; |
4792
9412bc2545e8
client: implement exporting of diagram as image (waterlevel)
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4677
diff
changeset
|
196 const canvas = document.createElement("canvas"); |
4808
db450fcc8ed7
client: add title for the exported image
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4807
diff
changeset
|
197 canvg(canvas, svg, { offsetY: 70 }); |
db450fcc8ed7
client: add title for the exported image
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4807
diff
changeset
|
198 const ctx = canvas.getContext("2d"); |
db450fcc8ed7
client: add title for the exported image
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4807
diff
changeset
|
199 // Draw white rectangular and place the title on it |
db450fcc8ed7
client: add title for the exported image
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4807
diff
changeset
|
200 ctx.beginPath(); |
db450fcc8ed7
client: add title for the exported image
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4807
diff
changeset
|
201 ctx.fillStyle = "#ffffff"; |
db450fcc8ed7
client: add title for the exported image
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4807
diff
changeset
|
202 ctx.fillRect(0, 0, clientWidth, 70); |
db450fcc8ed7
client: add title for the exported image
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4807
diff
changeset
|
203 ctx.stroke(); |
db450fcc8ed7
client: add title for the exported image
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4807
diff
changeset
|
204 ctx.fillStyle = "steelblue"; |
db450fcc8ed7
client: add title for the exported image
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4807
diff
changeset
|
205 ctx.font = "500 30px sans-serif"; |
db450fcc8ed7
client: add title for the exported image
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4807
diff
changeset
|
206 ctx.textAlign = "center"; |
db450fcc8ed7
client: add title for the exported image
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4807
diff
changeset
|
207 ctx.fillText(title, clientWidth / 2, 35); |
db450fcc8ed7
client: add title for the exported image
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4807
diff
changeset
|
208 ctx.closePath(); |
4809
b6d8570b8480
client: image-export: add diagram legend
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4808
diff
changeset
|
209 // Add diagramlegend |
b6d8570b8480
client: image-export: add diagram legend
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4808
diff
changeset
|
210 this.addLegendToCanvas(ctx, { |
b6d8570b8480
client: image-export: add diagram legend
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4808
diff
changeset
|
211 height: clientHeight + 100, |
b6d8570b8480
client: image-export: add diagram legend
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4808
diff
changeset
|
212 width: clientWidth |
b6d8570b8480
client: image-export: add diagram legend
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4808
diff
changeset
|
213 }); |
4808
db450fcc8ed7
client: add title for the exported image
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4807
diff
changeset
|
214 |
4792
9412bc2545e8
client: implement exporting of diagram as image (waterlevel)
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4677
diff
changeset
|
215 const imgData = canvas.toDataURL("image/png"); |
4805
7de099c4824c
client: image-export: improve hyperlink ids for download
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4792
diff
changeset
|
216 document.getElementById(elementName).setAttribute("href", imgData); |
4807
7cd40008124b
client: image-export: render diagram offscreen and use mixins in fairway-diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4805
diff
changeset
|
217 offScreen.removeChild(offScreen.firstChild); |
4792
9412bc2545e8
client: implement exporting of diagram as image (waterlevel)
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4677
diff
changeset
|
218 }, |
3941
7b3935a8d9ee
refactor addDiagram to mixin and remove code duplication
Thomas Junk <thomas.junk@intevation.de>
parents:
3936
diff
changeset
|
219 addDiagram(position, offset, width, height) { |
7b3935a8d9ee
refactor addDiagram to mixin and remove code duplication
Thomas Junk <thomas.junk@intevation.de>
parents:
3936
diff
changeset
|
220 let x = offset.x, |
7b3935a8d9ee
refactor addDiagram to mixin and remove code duplication
Thomas Junk <thomas.junk@intevation.de>
parents:
3936
diff
changeset
|
221 y = offset.y; |
4135
a6eda41e7724
hydrological_conditions: use offsets relative to svgwidth and svgheight
Thomas Junk <thomas.junk@intevation.de>
parents:
4112
diff
changeset
|
222 const DPI = 80; |
a6eda41e7724
hydrological_conditions: use offsets relative to svgwidth and svgheight
Thomas Junk <thomas.junk@intevation.de>
parents:
4112
diff
changeset
|
223 const svgWidth = this.millimeter2pixels(width, DPI); |
a6eda41e7724
hydrological_conditions: use offsets relative to svgwidth and svgheight
Thomas Junk <thomas.junk@intevation.de>
parents:
4112
diff
changeset
|
224 const svgHeight = this.millimeter2pixels(height, DPI); |
3941
7b3935a8d9ee
refactor addDiagram to mixin and remove code duplication
Thomas Junk <thomas.junk@intevation.de>
parents:
3936
diff
changeset
|
225 // draw the diagram in a separated html element to get the full size |
7b3935a8d9ee
refactor addDiagram to mixin and remove code duplication
Thomas Junk <thomas.junk@intevation.de>
parents:
3936
diff
changeset
|
226 const offScreen = document.querySelector("#offScreen"); |
7b3935a8d9ee
refactor addDiagram to mixin and remove code duplication
Thomas Junk <thomas.junk@intevation.de>
parents:
3936
diff
changeset
|
227 offScreen.style.width = `${svgWidth}px`; |
7b3935a8d9ee
refactor addDiagram to mixin and remove code duplication
Thomas Junk <thomas.junk@intevation.de>
parents:
3936
diff
changeset
|
228 offScreen.style.height = `${svgHeight}px`; |
4225
92c2f93fef3c
client: pdf-gen: export the selected time-range of diagram on pdf(waterlevels)
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4155
diff
changeset
|
229 let zoomLevel = this.zoomStore; |
4135
a6eda41e7724
hydrological_conditions: use offsets relative to svgwidth and svgheight
Thomas Junk <thomas.junk@intevation.de>
parents:
4112
diff
changeset
|
230 const layout = this.getPrintLayout(svgHeight, svgWidth); |
3941
7b3935a8d9ee
refactor addDiagram to mixin and remove code duplication
Thomas Junk <thomas.junk@intevation.de>
parents:
3936
diff
changeset
|
231 this.renderTo({ |
7b3935a8d9ee
refactor addDiagram to mixin and remove code duplication
Thomas Junk <thomas.junk@intevation.de>
parents:
3936
diff
changeset
|
232 element: offScreen, |
7b3935a8d9ee
refactor addDiagram to mixin and remove code duplication
Thomas Junk <thomas.junk@intevation.de>
parents:
3936
diff
changeset
|
233 dimensions: this.getDimensions({ |
7b3935a8d9ee
refactor addDiagram to mixin and remove code duplication
Thomas Junk <thomas.junk@intevation.de>
parents:
3936
diff
changeset
|
234 svgWidth: svgWidth, |
7b3935a8d9ee
refactor addDiagram to mixin and remove code duplication
Thomas Junk <thomas.junk@intevation.de>
parents:
3936
diff
changeset
|
235 svgHeight: svgHeight, |
3992
2f024d6189ca
Reverted merge with diagram-cleanup -- its not yet ready.
Sascha Wilde <wilde@intevation.de>
parents:
3967
diff
changeset
|
236 ...layout |
4225
92c2f93fef3c
client: pdf-gen: export the selected time-range of diagram on pdf(waterlevels)
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4155
diff
changeset
|
237 }), |
92c2f93fef3c
client: pdf-gen: export the selected time-range of diagram on pdf(waterlevels)
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4155
diff
changeset
|
238 zoomLevel // passing the zoom level to draw the diagram on pdf at this point |
3941
7b3935a8d9ee
refactor addDiagram to mixin and remove code duplication
Thomas Junk <thomas.junk@intevation.de>
parents:
3936
diff
changeset
|
239 }); |
7b3935a8d9ee
refactor addDiagram to mixin and remove code duplication
Thomas Junk <thomas.junk@intevation.de>
parents:
3936
diff
changeset
|
240 var svg = offScreen.querySelector("svg"); |
7b3935a8d9ee
refactor addDiagram to mixin and remove code duplication
Thomas Junk <thomas.junk@intevation.de>
parents:
3936
diff
changeset
|
241 if (["topright", "bottomright"].indexOf(position) !== -1) { |
7b3935a8d9ee
refactor addDiagram to mixin and remove code duplication
Thomas Junk <thomas.junk@intevation.de>
parents:
3936
diff
changeset
|
242 x = this.pdf.width - offset.x - width; |
7b3935a8d9ee
refactor addDiagram to mixin and remove code duplication
Thomas Junk <thomas.junk@intevation.de>
parents:
3936
diff
changeset
|
243 } |
7b3935a8d9ee
refactor addDiagram to mixin and remove code duplication
Thomas Junk <thomas.junk@intevation.de>
parents:
3936
diff
changeset
|
244 if (["bottomright", "bottomleft"].indexOf(position) !== -1) { |
7b3935a8d9ee
refactor addDiagram to mixin and remove code duplication
Thomas Junk <thomas.junk@intevation.de>
parents:
3936
diff
changeset
|
245 y = this.pdf.height - offset.y - height; |
7b3935a8d9ee
refactor addDiagram to mixin and remove code duplication
Thomas Junk <thomas.junk@intevation.de>
parents:
3936
diff
changeset
|
246 } |
4135
a6eda41e7724
hydrological_conditions: use offsets relative to svgwidth and svgheight
Thomas Junk <thomas.junk@intevation.de>
parents:
4112
diff
changeset
|
247 //debugSVG({ svg, svgWidth, svgHeight }); |
3941
7b3935a8d9ee
refactor addDiagram to mixin and remove code duplication
Thomas Junk <thomas.junk@intevation.de>
parents:
3936
diff
changeset
|
248 svg2pdf(svg, this.pdf.doc, { |
7b3935a8d9ee
refactor addDiagram to mixin and remove code duplication
Thomas Junk <thomas.junk@intevation.de>
parents:
3936
diff
changeset
|
249 xOffset: x, |
7b3935a8d9ee
refactor addDiagram to mixin and remove code duplication
Thomas Junk <thomas.junk@intevation.de>
parents:
3936
diff
changeset
|
250 yOffset: y, |
4135
a6eda41e7724
hydrological_conditions: use offsets relative to svgwidth and svgheight
Thomas Junk <thomas.junk@intevation.de>
parents:
4112
diff
changeset
|
251 scale: this.pixel2millimeter(1, DPI) |
3941
7b3935a8d9ee
refactor addDiagram to mixin and remove code duplication
Thomas Junk <thomas.junk@intevation.de>
parents:
3936
diff
changeset
|
252 }); |
7b3935a8d9ee
refactor addDiagram to mixin and remove code duplication
Thomas Junk <thomas.junk@intevation.de>
parents:
3936
diff
changeset
|
253 offScreen.removeChild(svg); |
7b3935a8d9ee
refactor addDiagram to mixin and remove code duplication
Thomas Junk <thomas.junk@intevation.de>
parents:
3936
diff
changeset
|
254 }, |
3906
ec1d91fdd6a2
fairway_profile: print template edited and print mechanism improved
Thomas Junk <thomas.junk@intevation.de>
parents:
3886
diff
changeset
|
255 getPaperDimensions(format) { |
ec1d91fdd6a2
fairway_profile: print template edited and print mechanism improved
Thomas Junk <thomas.junk@intevation.de>
parents:
3886
diff
changeset
|
256 const dims = { |
ec1d91fdd6a2
fairway_profile: print template edited and print mechanism improved
Thomas Junk <thomas.junk@intevation.de>
parents:
3886
diff
changeset
|
257 A3: { |
ec1d91fdd6a2
fairway_profile: print template edited and print mechanism improved
Thomas Junk <thomas.junk@intevation.de>
parents:
3886
diff
changeset
|
258 height: 297, |
ec1d91fdd6a2
fairway_profile: print template edited and print mechanism improved
Thomas Junk <thomas.junk@intevation.de>
parents:
3886
diff
changeset
|
259 width: 420 |
ec1d91fdd6a2
fairway_profile: print template edited and print mechanism improved
Thomas Junk <thomas.junk@intevation.de>
parents:
3886
diff
changeset
|
260 }, |
ec1d91fdd6a2
fairway_profile: print template edited and print mechanism improved
Thomas Junk <thomas.junk@intevation.de>
parents:
3886
diff
changeset
|
261 A4: { |
ec1d91fdd6a2
fairway_profile: print template edited and print mechanism improved
Thomas Junk <thomas.junk@intevation.de>
parents:
3886
diff
changeset
|
262 height: 210, |
ec1d91fdd6a2
fairway_profile: print template edited and print mechanism improved
Thomas Junk <thomas.junk@intevation.de>
parents:
3886
diff
changeset
|
263 width: 297 |
ec1d91fdd6a2
fairway_profile: print template edited and print mechanism improved
Thomas Junk <thomas.junk@intevation.de>
parents:
3886
diff
changeset
|
264 } |
ec1d91fdd6a2
fairway_profile: print template edited and print mechanism improved
Thomas Junk <thomas.junk@intevation.de>
parents:
3886
diff
changeset
|
265 }; |
ec1d91fdd6a2
fairway_profile: print template edited and print mechanism improved
Thomas Junk <thomas.junk@intevation.de>
parents:
3886
diff
changeset
|
266 return dims[format.toUpperCase()]; |
ec1d91fdd6a2
fairway_profile: print template edited and print mechanism improved
Thomas Junk <thomas.junk@intevation.de>
parents:
3886
diff
changeset
|
267 }, |
3886
9fa9a485c182
mixins: calculator for pixels2millimeter vice versa
Thomas Junk <thomas.junk@intevation.de>
parents:
3881
diff
changeset
|
268 millimeter2pixels(length, dpi) { |
9fa9a485c182
mixins: calculator for pixels2millimeter vice versa
Thomas Junk <thomas.junk@intevation.de>
parents:
3881
diff
changeset
|
269 return (dpi * length) / 25.4; |
9fa9a485c182
mixins: calculator for pixels2millimeter vice versa
Thomas Junk <thomas.junk@intevation.de>
parents:
3881
diff
changeset
|
270 }, |
9fa9a485c182
mixins: calculator for pixels2millimeter vice versa
Thomas Junk <thomas.junk@intevation.de>
parents:
3881
diff
changeset
|
271 pixel2millimeter(pixels, dpi) { |
9fa9a485c182
mixins: calculator for pixels2millimeter vice versa
Thomas Junk <thomas.junk@intevation.de>
parents:
3881
diff
changeset
|
272 return (pixels * 25.4) / dpi; |
9fa9a485c182
mixins: calculator for pixels2millimeter vice versa
Thomas Junk <thomas.junk@intevation.de>
parents:
3881
diff
changeset
|
273 }, |
4456
acb21e7362ce
client: pdf-gen: fix diagram title for pdf (waterlevels, hydrologicalconditions)
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4341
diff
changeset
|
274 isrsInfo(gauge) { |
acb21e7362ce
client: pdf-gen: fix diagram title for pdf (waterlevels, hydrologicalconditions)
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4341
diff
changeset
|
275 // See https://www.elwis.de/DE/Service/Daten-und-Fakten/RIS-Index/RIS-Index-node.html |
acb21e7362ce
client: pdf-gen: fix diagram title for pdf (waterlevels, hydrologicalconditions)
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4341
diff
changeset
|
276 const [ |
acb21e7362ce
client: pdf-gen: fix diagram title for pdf (waterlevels, hydrologicalconditions)
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4341
diff
changeset
|
277 _, |
acb21e7362ce
client: pdf-gen: fix diagram title for pdf (waterlevels, hydrologicalconditions)
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4341
diff
changeset
|
278 countryCode, |
acb21e7362ce
client: pdf-gen: fix diagram title for pdf (waterlevels, hydrologicalconditions)
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4341
diff
changeset
|
279 loCode, |
acb21e7362ce
client: pdf-gen: fix diagram title for pdf (waterlevels, hydrologicalconditions)
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4341
diff
changeset
|
280 fairwaySection, |
acb21e7362ce
client: pdf-gen: fix diagram title for pdf (waterlevels, hydrologicalconditions)
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4341
diff
changeset
|
281 orc, |
acb21e7362ce
client: pdf-gen: fix diagram title for pdf (waterlevels, hydrologicalconditions)
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4341
diff
changeset
|
282 hectometre |
acb21e7362ce
client: pdf-gen: fix diagram title for pdf (waterlevels, hydrologicalconditions)
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4341
diff
changeset
|
283 ] = gauge.properties.isrs_code.match( |
acb21e7362ce
client: pdf-gen: fix diagram title for pdf (waterlevels, hydrologicalconditions)
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4341
diff
changeset
|
284 /(\w{2})(\w{3})(\w{5})(\w{5})(\w{5})/ |
3798
e008197e2215
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3796
diff
changeset
|
285 ); |
4456
acb21e7362ce
client: pdf-gen: fix diagram title for pdf (waterlevels, hydrologicalconditions)
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4341
diff
changeset
|
286 return { |
acb21e7362ce
client: pdf-gen: fix diagram title for pdf (waterlevels, hydrologicalconditions)
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4341
diff
changeset
|
287 countryCode: countryCode, |
acb21e7362ce
client: pdf-gen: fix diagram title for pdf (waterlevels, hydrologicalconditions)
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4341
diff
changeset
|
288 loCode: loCode, |
acb21e7362ce
client: pdf-gen: fix diagram title for pdf (waterlevels, hydrologicalconditions)
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4341
diff
changeset
|
289 fairwaySection: fairwaySection, |
acb21e7362ce
client: pdf-gen: fix diagram title for pdf (waterlevels, hydrologicalconditions)
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4341
diff
changeset
|
290 orc: orc, |
acb21e7362ce
client: pdf-gen: fix diagram title for pdf (waterlevels, hydrologicalconditions)
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4341
diff
changeset
|
291 hectometre: hectometre |
acb21e7362ce
client: pdf-gen: fix diagram title for pdf (waterlevels, hydrologicalconditions)
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4341
diff
changeset
|
292 }; |
3798
e008197e2215
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3796
diff
changeset
|
293 }, |
3992
2f024d6189ca
Reverted merge with diagram-cleanup -- its not yet ready.
Sascha Wilde <wilde@intevation.de>
parents:
3967
diff
changeset
|
294 generatePDF(params) { |
3796
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
295 // creates a new jsPDF object into this.pdf.doc |
3799
f4deb4aae485
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3798
diff
changeset
|
296 // will call functions that the calling context has to provide |
f4deb4aae485
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3798
diff
changeset
|
297 // as specified in the templateData |
3992
2f024d6189ca
Reverted merge with diagram-cleanup -- its not yet ready.
Sascha Wilde <wilde@intevation.de>
parents:
3967
diff
changeset
|
298 let templateData = params["templateData"]; |
2f024d6189ca
Reverted merge with diagram-cleanup -- its not yet ready.
Sascha Wilde <wilde@intevation.de>
parents:
3967
diff
changeset
|
299 let diagramTitle = params["diagramTitle"]; |
3796
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
300 |
3799
f4deb4aae485
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3798
diff
changeset
|
301 this.pdf.doc = new jsPDF("l", "mm", templateData.properties.paperSize); |
3796
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
302 // pdf width and height in millimeter (landscape) |
3798
e008197e2215
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3796
diff
changeset
|
303 if (templateData.properties.paperSize === "a3") { |
e008197e2215
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3796
diff
changeset
|
304 this.pdf.width = 420; |
e008197e2215
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3796
diff
changeset
|
305 this.pdf.height = 297; |
e008197e2215
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3796
diff
changeset
|
306 } else { |
e008197e2215
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3796
diff
changeset
|
307 this.pdf.width = 297; |
e008197e2215
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3796
diff
changeset
|
308 this.pdf.height = 210; |
e008197e2215
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3796
diff
changeset
|
309 } |
3796
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
310 // check the template elements |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
311 if (templateData) { |
3801
1399d31531f7
client: improve pdf generation to use linbiolinum font
Bernhard Reiter <bernhard@intevation.de>
parents:
3799
diff
changeset
|
312 this.pdf.doc.setFont("linbiolinum", "normal"); |
3796
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
313 let defaultFontSize = 11, |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
314 defaultColor = "black", |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
315 defaultTextColor = "black", |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
316 defaultBorderColor = "white", |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
317 defaultBgColor = "white", |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
318 defaultRounding = 2, |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
319 defaultPadding = 2, |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
320 defaultOffset = { x: 0, y: 0 }; |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
321 templateData.elements.forEach(e => { |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
322 switch (e.type) { |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
323 case "diagram": { |
3807
876dc90c2825
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3802
diff
changeset
|
324 this.addDiagram( |
876dc90c2825
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3802
diff
changeset
|
325 e.position, |
876dc90c2825
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3802
diff
changeset
|
326 e.offset || defaultOffset, |
3943
3c468ed76daf
client:pdf-gen: correct default values of diagram size on pdf
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3941
diff
changeset
|
327 // use default width,height if they are missing in template definition |
3c468ed76daf
client:pdf-gen: correct default values of diagram size on pdf
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3941
diff
changeset
|
328 e.width || |
3992
2f024d6189ca
Reverted merge with diagram-cleanup -- its not yet ready.
Sascha Wilde <wilde@intevation.de>
parents:
3967
diff
changeset
|
329 (this.templateData.properties.paperSize === "a3" ? 318 : 230), |
3943
3c468ed76daf
client:pdf-gen: correct default values of diagram size on pdf
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3941
diff
changeset
|
330 e.height || |
3992
2f024d6189ca
Reverted merge with diagram-cleanup -- its not yet ready.
Sascha Wilde <wilde@intevation.de>
parents:
3967
diff
changeset
|
331 (this.templateData.properties.paperSize === "a3" ? 104 : 110) |
3807
876dc90c2825
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3802
diff
changeset
|
332 ); |
3796
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
333 break; |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
334 } |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
335 case "diagramlegend": { |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
336 this.addDiagramLegend( |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
337 e.position, |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
338 e.offset || defaultOffset, |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
339 e.color || defaultColor |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
340 ); |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
341 break; |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
342 } |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
343 case "diagramtitle": { |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
344 this.addDiagramTitle( |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
345 e.position, |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
346 e.offset || defaultOffset, |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
347 e.fontsize || defaultFontSize, |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
348 e.color || defaultColor, |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
349 diagramTitle |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
350 ); |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
351 break; |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
352 } |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
353 case "text": { |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
354 this.addText( |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
355 e.position, |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
356 e.offset || defaultOffset, |
3993
6672b780722f
client: pdf-gen: improve addtext for pdf
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3992
diff
changeset
|
357 e.width, |
3796
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
358 e.fontsize || defaultFontSize, |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
359 e.color || defaultTextColor, |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
360 e.text || "" |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
361 ); |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
362 break; |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
363 } |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
364 case "image": { |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
365 this.addImage( |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
366 e.url, |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
367 e.format || "", |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
368 e.position, |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
369 e.offset || defaultOffset, |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
370 e.width || 90, |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
371 e.height || 60 |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
372 ); |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
373 break; |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
374 } |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
375 case "box": { |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
376 this.addBox( |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
377 e.position, |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
378 e.offset || defaultOffset, |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
379 e.width || 90, |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
380 e.height || 60, |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
381 e.rounding === 0 || e.rounding ? e.rounding : defaultRounding, |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
382 e.color || defaultBgColor, |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
383 e.brcolor || defaultBorderColor |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
384 ); |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
385 break; |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
386 } |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
387 case "textbox": { |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
388 this.addTextBox( |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
389 e.position, |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
390 e.offset || defaultOffset, |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
391 e.width, |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
392 e.height, |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
393 e.rounding === 0 || e.rounding ? e.rounding : defaultRounding, |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
394 e.padding || defaultPadding, |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
395 e.fontsize || defaultFontSize, |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
396 e.color || defaultTextColor, |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
397 e.background || defaultBgColor, |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
398 e.text || "", |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
399 e.brcolor || defaultBorderColor |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
400 ); |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
401 break; |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
402 } |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
403 } |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
404 }); |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
405 } |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
406 }, |
243316850889
client: improve pdf generation
Bernhard Reiter <bernhard@intevation.de>
parents:
3792
diff
changeset
|
407 // 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
|
408 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
|
409 text = this.replacePlaceholders(text); |
35c0da49eb89
client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3079
diff
changeset
|
410 // 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
|
411 // 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
|
412 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
|
413 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
|
414 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
|
415 // 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
|
416 let x = offset.x; |
35c0da49eb89
client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3079
diff
changeset
|
417 let y = offset.y; |
35c0da49eb89
client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3079
diff
changeset
|
418 // 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
|
419 // the size of the element |
3993
6672b780722f
client: pdf-gen: improve addtext for pdf
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3992
diff
changeset
|
420 if (!width) { |
6672b780722f
client: pdf-gen: improve addtext for pdf
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3992
diff
changeset
|
421 width = this.pdf.doc.getTextWidth(text); |
6672b780722f
client: pdf-gen: improve addtext for pdf
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3992
diff
changeset
|
422 } |
6672b780722f
client: pdf-gen: improve addtext for pdf
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3992
diff
changeset
|
423 var textLines = this.pdf.doc.splitTextToSize(text, width); |
6672b780722f
client: pdf-gen: improve addtext for pdf
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3992
diff
changeset
|
424 if ( |
6672b780722f
client: pdf-gen: improve addtext for pdf
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3992
diff
changeset
|
425 ["topright", "topleft"].indexOf(position) !== -1 && |
6672b780722f
client: pdf-gen: improve addtext for pdf
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3992
diff
changeset
|
426 y < this.getTextHeight(1) |
6672b780722f
client: pdf-gen: improve addtext for pdf
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3992
diff
changeset
|
427 ) { |
6672b780722f
client: pdf-gen: improve addtext for pdf
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3992
diff
changeset
|
428 y = this.getTextHeight(1); |
6672b780722f
client: pdf-gen: improve addtext for pdf
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3992
diff
changeset
|
429 } |
3137
35c0da49eb89
client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3079
diff
changeset
|
430 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
|
431 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
|
432 } |
35c0da49eb89
client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3079
diff
changeset
|
433 if (["bottomright", "bottomleft"].indexOf(position) !== -1) { |
4000
c40f8b026de3
clinet: pdf-gen: fix positioning of text for template-textbox element
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3993
diff
changeset
|
434 y = this.pdf.height - offset.y - this.getTextHeight(textLines.length); |
3137
35c0da49eb89
client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3079
diff
changeset
|
435 } |
35c0da49eb89
client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3079
diff
changeset
|
436 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
|
437 }, |
35c0da49eb89
client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3079
diff
changeset
|
438 replacePlaceholders(text) { |
35c0da49eb89
client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3079
diff
changeset
|
439 if (text.includes("{date}")) { |
35c0da49eb89
client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3079
diff
changeset
|
440 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
|
441 } |
3350
8da2f7b9a04b
client: diagram-template:remove unnecessary template properties and typo
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3344
diff
changeset
|
442 // 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
|
443 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
|
444 var date = new Date(); |
35c0da49eb89
client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3079
diff
changeset
|
445 var dt = |
35c0da49eb89
client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3079
diff
changeset
|
446 (date.getDate() < 10 ? "0" : "") + |
35c0da49eb89
client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3079
diff
changeset
|
447 date.getDate() + |
35c0da49eb89
client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3079
diff
changeset
|
448 "." + |
35c0da49eb89
client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3079
diff
changeset
|
449 (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
|
450 (date.getMonth() + 1) + |
35c0da49eb89
client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3079
diff
changeset
|
451 "." + |
35c0da49eb89
client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3079
diff
changeset
|
452 date.getFullYear(); |
35c0da49eb89
client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3079
diff
changeset
|
453 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
|
454 } |
35c0da49eb89
client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3079
diff
changeset
|
455 if (text.includes("{user}")) { |
35c0da49eb89
client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3079
diff
changeset
|
456 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
|
457 } |
35c0da49eb89
client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3079
diff
changeset
|
458 return text; |
35c0da49eb89
client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3079
diff
changeset
|
459 }, |
35c0da49eb89
client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3079
diff
changeset
|
460 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
|
461 let x = offset.x; |
35c0da49eb89
client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3079
diff
changeset
|
462 let y = offset.y; |
35c0da49eb89
client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3079
diff
changeset
|
463 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
|
464 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
|
465 } |
35c0da49eb89
client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3079
diff
changeset
|
466 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
|
467 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
|
468 } |
35c0da49eb89
client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3079
diff
changeset
|
469 let image = new Image(); |
3881
7db6999962db
mixins: if image given with no explict URL load either configured logo or placeholder
Thomas Junk <thomas.junk@intevation.de>
parents:
3862
diff
changeset
|
470 image.src = url; |
3544
067ad32fba69
client: diagram-template: improve values of template elements
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3500
diff
changeset
|
471 if (format === "") { |
067ad32fba69
client: diagram-template: improve values of template elements
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3500
diff
changeset
|
472 let tmp = image.src.split("."); |
067ad32fba69
client: diagram-template: improve values of template elements
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3500
diff
changeset
|
473 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
|
474 } |
3429
7bbab09cdf71
client: pdf-template:(minor) add missing parameter
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3408
diff
changeset
|
475 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
|
476 }, |
3293
76f643d20f19
clinet: pdf-gen: (cleanup) remove some pdf-functions from pdftool
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3285
diff
changeset
|
477 // 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
|
478 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
|
479 // 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
|
480 let x = offset.x; |
42324626f9e2
client: add box element for pdf-template (waterlevel)
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3137
diff
changeset
|
481 let y = offset.y; |
42324626f9e2
client: add box element for pdf-template (waterlevel)
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3137
diff
changeset
|
482 |
42324626f9e2
client: add box element for pdf-template (waterlevel)
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3137
diff
changeset
|
483 // 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
|
484 // the size of the element |
42324626f9e2
client: add box element for pdf-template (waterlevel)
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3137
diff
changeset
|
485 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
|
486 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
|
487 } |
42324626f9e2
client: add box element for pdf-template (waterlevel)
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3137
diff
changeset
|
488 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
|
489 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
|
490 } |
42324626f9e2
client: add box element for pdf-template (waterlevel)
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3137
diff
changeset
|
491 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
|
492 }, |
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
|
493 getTextHeight(numberOfLines) { |
3790
60977e18e227
client: improve pdf generation getTextHeight()
Bernhard Reiter <bernhard@intevation.de>
parents:
3788
diff
changeset
|
494 // Return estimated height in mm. |
60977e18e227
client: improve pdf generation getTextHeight()
Bernhard Reiter <bernhard@intevation.de>
parents:
3788
diff
changeset
|
495 |
60977e18e227
client: improve pdf generation getTextHeight()
Bernhard Reiter <bernhard@intevation.de>
parents:
3788
diff
changeset
|
496 // 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
|
497 // aka 25.4 / 72 mm |
60977e18e227
client: improve pdf generation getTextHeight()
Bernhard Reiter <bernhard@intevation.de>
parents:
3788
diff
changeset
|
498 let fontSize = this.pdf.doc.getFontSize(); |
60977e18e227
client: improve pdf generation getTextHeight()
Bernhard Reiter <bernhard@intevation.de>
parents:
3788
diff
changeset
|
499 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
|
500 if (typeof this.pdf.doc.getLineHeightFactor !== "undefined") { |
60977e18e227
client: improve pdf generation getTextHeight()
Bernhard Reiter <bernhard@intevation.de>
parents:
3788
diff
changeset
|
501 lineHeightFactor = this.pdf.doc.getLineHeightFactor(); |
60977e18e227
client: improve pdf generation getTextHeight()
Bernhard Reiter <bernhard@intevation.de>
parents:
3788
diff
changeset
|
502 } |
60977e18e227
client: improve pdf generation getTextHeight()
Bernhard Reiter <bernhard@intevation.de>
parents:
3788
diff
changeset
|
503 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
|
504 }, |
3285
aac1ca73e92a
client: diagram-template:(cleanup) move reusable pdf-functions to mixins.js
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3273
diff
changeset
|
505 // 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
|
506 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
|
507 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
|
508 y = offset.y; |
3336
db1dc197dc43
client: diagram-template: cleanup
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3293
diff
changeset
|
509 this.pdf.doc.setFontSize(size); |
3344
107de6def0c3
client: diagram-template: cleanup
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3336
diff
changeset
|
510 this.pdf.doc.setFontStyle("bold"); |
107de6def0c3
client: diagram-template: cleanup
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3336
diff
changeset
|
511 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
|
512 let width = |
aac1ca73e92a
client: diagram-template:(cleanup) move reusable pdf-functions to mixins.js
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3273
diff
changeset
|
513 (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
|
514 // 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
|
515 // 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
|
516 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
|
517 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
|
518 } |
aac1ca73e92a
client: diagram-template:(cleanup) move reusable pdf-functions to mixins.js
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3273
diff
changeset
|
519 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
|
520 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
|
521 } |
aac1ca73e92a
client: diagram-template:(cleanup) move reusable pdf-functions to mixins.js
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3273
diff
changeset
|
522 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
|
523 }, |
3141
42324626f9e2
client: add box element for pdf-template (waterlevel)
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3137
diff
changeset
|
524 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
|
525 this.pdf.doc.setDrawColor(brcolor); |
42324626f9e2
client: add box element for pdf-template (waterlevel)
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3137
diff
changeset
|
526 this.pdf.doc.setFillColor(color); |
42324626f9e2
client: add box element for pdf-template (waterlevel)
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3137
diff
changeset
|
527 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
|
528 }, |
b6c10b30d6bd
client: pdf-gen: add one pdf-template element
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3145
diff
changeset
|
529 addTextBox( |
b6c10b30d6bd
client: pdf-gen: add one pdf-template element
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3145
diff
changeset
|
530 position, |
b6c10b30d6bd
client: pdf-gen: add one pdf-template element
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3145
diff
changeset
|
531 offset, |
b6c10b30d6bd
client: pdf-gen: add one pdf-template element
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3145
diff
changeset
|
532 width, |
b6c10b30d6bd
client: pdf-gen: add one pdf-template element
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3145
diff
changeset
|
533 height, |
b6c10b30d6bd
client: pdf-gen: add one pdf-template element
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3145
diff
changeset
|
534 rounding, |
b6c10b30d6bd
client: pdf-gen: add one pdf-template element
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3145
diff
changeset
|
535 padding, |
b6c10b30d6bd
client: pdf-gen: add one pdf-template element
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3145
diff
changeset
|
536 fontSize, |
b6c10b30d6bd
client: pdf-gen: add one pdf-template element
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3145
diff
changeset
|
537 color, |
b6c10b30d6bd
client: pdf-gen: add one pdf-template element
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3145
diff
changeset
|
538 background, |
b6c10b30d6bd
client: pdf-gen: add one pdf-template element
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3145
diff
changeset
|
539 text, |
b6c10b30d6bd
client: pdf-gen: add one pdf-template element
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3145
diff
changeset
|
540 brcolor |
b6c10b30d6bd
client: pdf-gen: add one pdf-template element
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3145
diff
changeset
|
541 ) { |
b6c10b30d6bd
client: pdf-gen: add one pdf-template element
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3145
diff
changeset
|
542 this.pdf.doc.setFontSize(fontSize); |
b6c10b30d6bd
client: pdf-gen: add one pdf-template element
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3145
diff
changeset
|
543 text = this.replacePlaceholders(text); |
b6c10b30d6bd
client: pdf-gen: add one pdf-template element
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3145
diff
changeset
|
544 |
b6c10b30d6bd
client: pdf-gen: add one pdf-template element
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3145
diff
changeset
|
545 if (!width) { |
b6c10b30d6bd
client: pdf-gen: add one pdf-template element
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3145
diff
changeset
|
546 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
|
547 } |
b6c10b30d6bd
client: pdf-gen: add one pdf-template element
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3145
diff
changeset
|
548 let textWidth = width - 2 * padding; |
4341
e58affd956c5
pdf-gen: adjust place of text for textbox element
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4225
diff
changeset
|
549 let textLines = this.pdf.doc.splitTextToSize(text, textWidth); |
3154
b6c10b30d6bd
client: pdf-gen: add one pdf-template element
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3145
diff
changeset
|
550 if (!height) { |
b6c10b30d6bd
client: pdf-gen: add one pdf-template element
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3145
diff
changeset
|
551 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
|
552 } |
b6c10b30d6bd
client: pdf-gen: add one pdf-template element
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3145
diff
changeset
|
553 this.addBox( |
b6c10b30d6bd
client: pdf-gen: add one pdf-template element
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3145
diff
changeset
|
554 position, |
b6c10b30d6bd
client: pdf-gen: add one pdf-template element
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3145
diff
changeset
|
555 offset, |
b6c10b30d6bd
client: pdf-gen: add one pdf-template element
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3145
diff
changeset
|
556 width, |
b6c10b30d6bd
client: pdf-gen: add one pdf-template element
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3145
diff
changeset
|
557 height, |
b6c10b30d6bd
client: pdf-gen: add one pdf-template element
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3145
diff
changeset
|
558 rounding, |
b6c10b30d6bd
client: pdf-gen: add one pdf-template element
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3145
diff
changeset
|
559 background, |
b6c10b30d6bd
client: pdf-gen: add one pdf-template element
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3145
diff
changeset
|
560 brcolor |
b6c10b30d6bd
client: pdf-gen: add one pdf-template element
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3145
diff
changeset
|
561 ); |
4486
e58fc3a62118
client: pdf-gen: improve code for textbox element
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4473
diff
changeset
|
562 let yForText = |
e58fc3a62118
client: pdf-gen: improve code for textbox element
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4473
diff
changeset
|
563 ["bottomright", "bottomleft"].indexOf(position) !== -1 |
e58fc3a62118
client: pdf-gen: improve code for textbox element
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4473
diff
changeset
|
564 ? offset.y |
e58fc3a62118
client: pdf-gen: improve code for textbox element
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4473
diff
changeset
|
565 : offset.y + height - this.getTextHeight(textLines.length); |
e58fc3a62118
client: pdf-gen: improve code for textbox element
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4473
diff
changeset
|
566 this.addText( |
e58fc3a62118
client: pdf-gen: improve code for textbox element
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4473
diff
changeset
|
567 position, |
e58fc3a62118
client: pdf-gen: improve code for textbox element
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4473
diff
changeset
|
568 { x: offset.x + padding, y: yForText }, |
e58fc3a62118
client: pdf-gen: improve code for textbox element
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4473
diff
changeset
|
569 textWidth, |
e58fc3a62118
client: pdf-gen: improve code for textbox element
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4473
diff
changeset
|
570 fontSize, |
e58fc3a62118
client: pdf-gen: improve code for textbox element
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4473
diff
changeset
|
571 color, |
e58fc3a62118
client: pdf-gen: improve code for textbox element
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4473
diff
changeset
|
572 text |
e58fc3a62118
client: pdf-gen: improve code for textbox element
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4473
diff
changeset
|
573 ); |
4473
3543af71d04c
client: pdf-gen: improve file naming for the exported pdf
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4456
diff
changeset
|
574 }, |
3543af71d04c
client: pdf-gen: improve file naming for the exported pdf
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4456
diff
changeset
|
575 dateForPDF() { |
3543af71d04c
client: pdf-gen: improve file naming for the exported pdf
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4456
diff
changeset
|
576 return new Date() |
3543af71d04c
client: pdf-gen: improve file naming for the exported pdf
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4456
diff
changeset
|
577 .toISOString() |
3543af71d04c
client: pdf-gen: improve file naming for the exported pdf
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4456
diff
changeset
|
578 .slice(0, 10) |
3543af71d04c
client: pdf-gen: improve file naming for the exported pdf
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4456
diff
changeset
|
579 .replace(/-/g, ""); |
3137
35c0da49eb89
client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3079
diff
changeset
|
580 } |
35c0da49eb89
client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3079
diff
changeset
|
581 } |
35c0da49eb89
client: pdf-gen: prepare pdf template for waterlevel diagram
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3079
diff
changeset
|
582 }; |