refactor(register): Switch to showing qr code
All checks were successful
Build latest image / build-container (push) Successful in 45s
All checks were successful
Build latest image / build-container (push) Successful in 45s
This commit is contained in:
parent
6152500652
commit
ed7242cc2a
@ -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>
|
||||
|
||||
|
Loading…
x
Reference in New Issue
Block a user