Mercurial > gemma

changeset 2138:4a903d382901

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
client: pdf-gen: make bottleneck infos more fancy * Use different font styles to beautify the bottleneck details on the pdf. This also demonstrates how to calculate the size of text elements for laout purposes.
author Bernhard Reiter <bernhard@intevation.de>
date Wed, 06 Feb 2019 17:05:10 +0100
parents a31c9fa47ab8
children 22bbd0d0500e
files client/src/components/Pdftool.vue
diffstat 1 files changed, 26 insertions(+), 7 deletions(-) [+]
line wrap: on
line diff
--- a/client/src/components/Pdftool.vue	Wed Feb 06 16:26:39 2019 +0100
+++ b/client/src/components/Pdftool.vue	Wed Feb 06 17:05:10 2019 +0100
@@ -486,16 +486,35 @@
     },
     addBottleneckInfo(doc, height, docWidth) {
       this.addRoundedBox(doc, docWidth - 54, 0, 54, height);
-      let str1 = this.$gettext("Bottleneck") + ": " + this.selectedBottleneck;
-      this.addText(doc, docWidth - 51, 4, 8, "black", 46, str1);
+
+      console.log("Fontlist =", doc.getFontList());
+      doc.setFont("times", "normal");
+
+      let name, w, str;
 
-      let survey = this.selectedSurvey;
+      doc.setFontStyle("italic");
+      name = this.$gettext("Bottleneck") + ": ";
+      w = doc.getTextWidth(name);
+      this.addText(doc, docWidth - 51, 4, 8, "black", 46, name);
+      doc.setFontStyle("bold");
+      str = this.selectedBottleneck;
+      this.addText(doc, docWidth - 51 + w, 4, 8, "black", 46, str);
 
-      let str2 = this.$gettext("Survey date") + ": " + survey.date_info;
-      this.addText(doc, docWidth - 51, 7.5, 8, "black", 46, str2);
+      doc.setFontStyle("italic");
+      name = this.$gettext("Survey date") + ": ";
+      w = doc.getTextWidth(name);
+      this.addText(doc, docWidth - 51, 7.5, 8, "black", 46, name);
+      doc.setFontStyle("normal");
+      str = this.selectedSurvey.date_info;
+      this.addText(doc, docWidth - 51 + w, 7.5, 8, "black", 46, str);
 
-      let str3 = this.$gettext("Ref gauge") + ": " + survey.gauge_objname;
-      this.addText(doc, docWidth - 51, 11, 8, "black", 46, str3);
+      doc.setFontStyle("italic");
+      name = this.$gettext("Ref gauge") + ": ";
+      w = doc.getTextWidth(name);
+      this.addText(doc, docWidth - 51, 11, 8, "black", 46, name);
+      doc.setFontStyle("normal");
+      str = this.selectedSurvey.gauge_objname;
+      this.addText(doc, docWidth - 51 + w, 11, 8, "black", 46, str);
     }
   }
 };