lfk/document-server
2
0
Fork 0
Code Issues 2 Pull Requests Actions Projects Releases 13 Wiki Activity

Styled front

Browse Source 
ref #14
This commit is contained in:
Nicolai Ort 2021-02-08 15:53:44 +01:00
parent b92a6f7b2b
commit 016f746c7c
2 changed files with 17 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/PdfCreator.ts
View File

@ -132,7 +132,7 @@ export class PdfCreator {
await i18next.changeLanguage(locale); await i18next.changeLanguage(locale);
const template_source = fs.readFileSync(`${this.templateDir}/runner_card.html`, 'utf8'); const template_source = fs.readFileSync(`${this.templateDir}/runner_card.html`, 'utf8');
const template = Handlebars.compile(template_source); const template = Handlebars.compile(template_source);
const result = template({ cards }) const result = template({ cards, eventname: "LfK! 2069" })
const pdf = await this.renderPdf(result, { format: "A4", landscape: false }); const pdf = await this.renderPdf(result, { format: "A4", landscape: false });
return pdf return pdf
} }

17
src/templates/runner_card.html
View File

@ -22,6 +22,7 @@
.runnercard { .runnercard {
border: 1px solid; border: 1px solid;
height: 5.5cm; height: 5.5cm;
overflow: hidden;
} }
</style> </style>
</head> </head>
@ -31,7 +32,21 @@
<div class="columns is-multiline"> <div class="columns is-multiline">
{{#each cards}} {{#each cards}}
<div class="column is-half runnercard"> <div class="column is-half runnercard">
<p>Front: {{this.code}}</p> <p class="title is-5" style="text-align: center; padding-bottom: 0; margin-top: -0.75rem;">{{../eventname}}</p>
<p style="text-align: center; margin-top: -1.5rem; font-size: small;">lauf-fuer-kaya.de - am 01.01.2021</p>
<p style="font-size: small;">Mit unterstützung von:</p>
<div class="columns" style="height: 6rem; overflow: hidden;">
<div class="column is-two-thirds">
<!--SPONSOR LOGO HERE-->
<img src="https://odit.services/assets/img/profile-pic-no_bg.hash.0c81702a.png" width="60%" />
</div>
<div class="column is-one-third">
<!--BARCODE HERE-->
<img src="https://odit.services/assets/img/profile-pic-no_bg.hash.0c81702a.png" width="100%" />
</div>
</div>
<p>{{this.runner.lastname}}, {{this.runner.firstname}} {{this.runner.middlename}}</p>
<p>{{this.runner.group.name}}</p>
</div> </div>
{{/each}} {{/each}}
</div> </div>