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) { function textToBase64Barcode(text: string, is_qrcode: boolean) {
const canvas = document.createElement('canvas'); const canvas = document.createElement('canvas');
let bcid = 'code128';
if (is_qrcode) { 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'); return canvas.toDataURL('image/png');
} }
@ -304,12 +311,15 @@
{response.lastname} {response.lastname}
</h3> </h3>
</div> </div>
<div class="mb-2 text-center"> <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 <img
class="w-full md:w-auto mb-2 mx-auto bg-white p-4" class="w-full md:w-auto mb-2 mx-auto bg-white p-4"
alt="runner id" alt="runner id"
src={textToBase64Barcode(response.id.toString(), false)} src={textToBase64Barcode(response.selfserviceLink.toString(), true)}
/> />
</div> </div>