lfk/kiosk
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Register results

Browse Source
This commit is contained in:
Nicolai Ort 2023-04-19 11:48:34 +02:00
parent 710cad376e
commit 7cecbfe80e
Signed by: niggl
GPG Key ID: 13AFA55AF62F269F
1 changed files with 25 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
src/routes/registration/+page.svelte
View File

@ -28,19 +28,19 @@
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 = 'ean13'; let bcid = 'code128';
if (is_qrcode) { if (is_qrcode) {
bcid = 'qrcode'; bcid = 'qrcode';
} }
let codeconfig = { let codeconfig = {
bcid, bcid,
text: `${text}`, text: `${text}`,
scale: 4, scale: 10,
includetext: true, includetext: true,
textxalign: 'center', textxalign: 'center',
backgroundcolor: 'ffffff' backgroundcolor: 'ffffff'
}; };
if (bcid == 'ean13') { if (bcid == 'code128') {
codeconfig.height = 10; codeconfig.height = 10;
} }
bwipjs.toCanvas(canvas, codeconfig); bwipjs.toCanvas(canvas, codeconfig);
@ -166,25 +166,31 @@
</form> </form>
<!-- End Form --> <!-- End Form -->
{:else} {:else}
<div> <div class="mb-2">
<p class="text-lg mb-2 dark:text-white">ID: {response.id}</p> <h3 class="text-xl font-semibold text-center dark:text-white">Läuferdaten</h3>
<p class="text-lg mb-2 dark:text-white">Vorname: {response.firstname}</p> <p class="text-lg dark:text-white">ID: {response.id}</p>
<p class="text-lg mb-2 dark:text-white">Nachname: {response.lastname}</p> <p class="text-lg dark:text-white">Vorname: {response.firstname}</p>
<p class="text-lg dark:text-white">Nachname: {response.lastname}</p>
</div> </div>
<img <div class="mb-2 text-center">
class="w-full md:w-auto mb-2 mx-auto" <h3 class="text-xl font-semibold dark:text-white">Läufercode</h3>
alt="Runnerid" <img
src={textToBase64Barcode(response.id.toString(), false)} class="w-full md:w-auto mb-2 mx-auto bg-white p-4"
/> alt="Runnerid"
src={textToBase64Barcode(response.id.toString(), false)}
/>
</div>
<button <div class="mx-auto text-center items-center">
on:click={() => { <button
showResult = false; on:click={() => {
}} showResult = false;
class="py-3 px-4 inline-flex justify-center items-center gap-2 rounded-md border border-transparent font-semibold bg-blue-500 text-white hover:bg-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 transition-all text-sm dark:focus:ring-offset-gray-800" }}
>Fertig</button class="w-full py-3 px-4 inline-flex justify-center items-center gap-2 rounded-md border border-transparent font-semibold bg-blue-500 text-white hover:bg-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 transition-all text-sm dark:focus:ring-offset-gray-800"
> >Fertig</button
>
</div>
{/if} {/if}
</div> </div>
</div> </div>