Mercurial > gemma

comparison client/src/components/fairway/Fairwayprofile.vue @ 3667:c91bcb92e0b7

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
client: fix rendering of diagram on PDF (Fairwayprofile)
author Fadi Abbud <fadi.abbud@intevation.de>
date Mon, 17 Jun 2019 11:00:21 +0200
parents 9e91b416d5bb
children c086f5176ef2
comparison
equal deleted inserted replaced
3666:db87f34805fb 3667:c91bcb92e0b7
91 <translate>Export to PDF</translate> 91 <translate>Export to PDF</translate>
92 </button> 92 </button>
93 </div> 93 </div>
94 </DiagramLegend> 94 </DiagramLegend>
95 <div 95 <div
96 ref="diagramContainer" 96 id="pdfContainer"
97 class="d-flex flex-fill justify-content-center align-items-center diagram-container position-relative" 97 class="d-flex flex-fill justify-content-center align-items-center diagram-container position-relative"
98 > 98 >
99 <div class="direction-indicator"></div> 99 <div class="direction-indicator"></div>
100 <div v-if="!fairwayData"> 100 <div v-if="!fairwayData">
101 <translate>No data available.</translate> 101 <translate>No data available.</translate>
462 ); 462 );
463 }, 463 },
464 addDiagram(position, offset, width, height) { 464 addDiagram(position, offset, width, height) {
465 let x = offset.x, 465 let x = offset.x,
466 y = offset.y; 466 y = offset.y;
467 var svg = this.$refs.diagramContainer.innerHTML; 467 let svg = document.querySelector("#pdfContainer>svg").outerHTML;
468 if (svg) { 468
469 svg = svg.replace(/\r?\n|\r/g, "").trim();
470 }
471 // use default width,height if they are missing in the template definition 469 // use default width,height if they are missing in the template definition
472 if (!width) { 470 if (!width) {
473 width = this.templateData.properties.paperSize === "a3" ? 380 : 290; 471 width = this.templateData.properties.paperSize === "a3" ? 380 : 290;
474 } 472 }
475 if (!height) { 473 if (!height) {