refactor(register): Switch to showing qr code
All checks were successful
Build latest image / build-container (push) Successful in 45s

This commit is contained in:
Nicolai Ort 2025-04-08 20:22:11 +02:00
parent 6152500652
commit ed7242cc2a
Signed by: niggl
GPG Key ID: 13AFA55AF62F269F

View File

@ -62,19 +62,26 @@
function textToBase64Barcode(text: string, is_qrcode: boolean) {
const canvas = document.createElement('canvas');
let bcid = 'code128';
if (is_qrcode) {
bcid = 'qrcode';
bwipjs.toCanvas(canvas, {
bcid: "qrcode",
text: `${text}`,
scale: 10,
includetext: false,
textxalign: 'center',
backgroundcolor: 'ffffff',
});
} else {
bwipjs.toCanvas(canvas, {
bcid: "code128",
text: `${text}`,
scale: 10,
includetext: true,
textxalign: 'center',
backgroundcolor: 'ffffff',
height: 10
});
}
bwipjs.toCanvas(canvas, {
bcid,
text: `${text}`,
scale: 10,
includetext: true,
textxalign: 'center',
backgroundcolor: 'ffffff',
height: 10
});
return canvas.toDataURL('image/png');
}
@ -304,12 +311,15 @@
{response.lastname}
</h3>
</div>
<div class="mb-2 text-center">
<h3 class="text-2xl font-semibold dark:text-white">
Hier direkt den Selfservice öffnen und deine Rundenzeiten anzeigen:
</h3>
<img
class="w-full md:w-auto mb-2 mx-auto bg-white p-4"
alt="runner id"
src={textToBase64Barcode(response.id.toString(), false)}
src={textToBase64Barcode(response.selfserviceLink.toString(), true)}
/>
</div>