{$_("card_assignment_for_mobile")}

{#if state === "done"}

{$_("done")}

{cardCode}
{runnerinfo.firstname} {runnerinfo.lastname} [#{runnerinfo.id}]

{:else if state === "assigning"}

{$_("please_wait_a_moment_while_we_assign_the_card")}
{cardCode}

{:else if state === "error_runner"}

{$_("runner_not_found")}

{:else if state === "error_card"}

{$_("card_not_found")}

{:else} {#if runnerinfo.id === 0}

{$_("scan_runner")}

{$_("selfservice_qr_registration_barcode")}

{:else}

{runnerinfo.firstname} {runnerinfo.lastname}

ID: #{runnerinfo.id}
created_via: {runnerinfo.created_via}
{runnerinfo.group.name}

{/if} {/if} {#if state === "scan_card"}

{$_("scan_card")}

{$_("code_128_barcode")}

{/if} {#if state.includes("scan_")} {#if scannerActive} { if (scannerActive) { scannerActive = false; console.log({ type: "DETECT", code: e.detail.decodedText }); if (runnerinfo.id === 0) { new Audio("/beep.mp3").play(); if ( e.detail.decodedText.includes( "https://portal.lauf-fuer-kaya.de/profile/" ) ) { const runnerID = JSON.parse( atob( e.detail.decodedText .replace("https://portal.lauf-fuer-kaya.de/profile/", "") .split(".")[1] ) ).id; RunnerService.runnerControllerGetOne(runnerID) .then((runner) => { runnerinfo = runner; }) .catch((e) => { console.error(e); state = "error_runner"; // resetAll(); }); } else { const runnerID = parseInt(e.detail.decodedText); RunnerService.runnerControllerGetOne(runnerID) .then((runner) => { runnerinfo = runner; }) .catch((e) => { console.error(e); state = "error_runner"; // resetAll(); }); } } else { if (`${e.detail.decodedText}`.length > 10) { cardCode = e.detail.decodedText; new Audio("/beep.mp3").play(); state = "assigning"; RunnerCardService.runnerCardControllerGetAll() .then((cards) => { console.log(cards); const card = cards.find((c) => c.code === cardCode); if (card) { console.log("card found", card); RunnerCardService.runnerCardControllerPut(card.id, { enabled: true, id: card.id, runner: runnerinfo.id, }) .then(() => { state = "done"; }) .catch(() => { state = "error_card"; scannerActive = false; }); } else { scannerActive = true; } }) .catch(() => { scannerActive = true; }); } } } }} width={320} height={320} class="w-full max-w-sm bg-neutral-300 rounded-lg overflow-hidden" /> {/if} {#if runnerinfo.id !== 0 && state !== "scan_card"} {/if} {#if state === "scan_card" || runnerinfo.id !== 0} {/if} {/if}