lfk/scanclient
3
0
Fork 0
Code Issues Pull Requests Actions Projects Releases 19 Wiki Activity

working scans 🎉

Browse Source
This commit is contained in:
Philipp Dormann 2021-03-17 19:59:07 +01:00
parent c930d87900
commit 0ebabe239c
1 changed files with 7 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
app/src/Scanner.svelte
View File

@ -19,6 +19,7 @@
}, 1000); }, 1000);
</script> </script>
<div class="min-h-screen">
<div class="bg-white shadow p-2"> <div class="bg-white shadow p-2">
<div class="flex flex-wrap -mx-1 overflow-hidden"> <div class="flex flex-wrap -mx-1 overflow-hidden">
<div class="my-1 px-1 w-1/3 overflow-hidden text-center self-center"> <div class="my-1 px-1 w-1/3 overflow-hidden text-center self-center">
@ -36,7 +37,6 @@
</div> </div>
</div> </div>
<div class="p-5 min-h-screen">
<h1 class="mr-6 text-7xl font-semibold text-center text-gray-900"> <h1 class="mr-6 text-7xl font-semibold text-center text-gray-900">
{hours}:{minutes}:{seconds} {hours}:{minutes}:{seconds}
</h1> </h1>
@ -65,17 +65,17 @@
method: "POST", method: "POST",
url: "https://dev.lauf-fuer-kaya.de/api/scans/trackscans", url: "https://dev.lauf-fuer-kaya.de/api/scans/trackscans",
headers: { Authorization: "Bearer " + $apikey }, headers: { Authorization: "Bearer " + $apikey },
data: { card, station: JSON.parse($stationinfo).id }, data: { card },
}) })
.then((response) => { .then((response) => {
console.log(response.data.runner);
lastscan_totaldistance = response.data.runner.distance + "m";
const time = new Date(); const time = new Date();
const hours = (time.getHours() + "").padStart(2, "0"); const hours = (time.getHours() + "").padStart(2, "0");
const minutes = (time.getMinutes() + "").padStart(2, "0"); const minutes = (time.getMinutes() + "").padStart(2, "0");
const seconds = (time.getSeconds() + "").padStart(2, "0"); const seconds = (time.getSeconds() + "").padStart(2, "0");
lastscan_time = hours + ":" + minutes + ":" + seconds; lastscan_time = hours + ":" + minutes + ":" + seconds;
lastscan_laptime = response.data.lapTime + "s"; response.data.lapTime = Math.floor(response.data.lapTime / 60) + 'min ' + (Math.floor(response.data.lapTime % 60) + "").padStart(2, "0") + "s"
lastscan_laptime = response.data.lapTime;
lastscan_totaldistance = Math.floor(response.data.runner.distance / 1000) + 'km ' + (Math.floor(response.data.runner.distance % 1000) + "").padStart(3, "0") + "m"
}) })
.catch((e) => { .catch((e) => {
lastscan_error = e.response.data.message; lastscan_error = e.response.data.message;
@ -101,15 +101,14 @@
<h1 class="text-3xl font-bold text-center">last scan</h1> <h1 class="text-3xl font-bold text-center">last scan</h1>
<h1 class="text-5xl font-bold text-center">{lastscan_time}</h1> <h1 class="text-5xl font-bold text-center">{lastscan_time}</h1>
<h1 class="text-3xl font-bold text-center">total distance</h1> <h1 class="text-3xl font-bold text-center">total distance</h1>
<h1 class="text-9xl font-bold text-center"> <h1 class="text-8xl font-bold text-center">
{lastscan_totaldistance} {lastscan_totaldistance}
</h1> </h1>
<h1 class="text-3xl font-bold text-center">lap time</h1> <h1 class="text-3xl font-bold text-center">lap time</h1>
<h1 class="text-9xl font-bold text-center">{lastscan_laptime}</h1> <h1 class="text-8xl font-bold text-center">{lastscan_laptime}</h1>
{:else} {:else}
<h1 class="text-3xl font-bold text-center">please scan a card...</h1> <h1 class="text-3xl font-bold text-center">please scan a card...</h1>
{/if} {/if}
<!-- <button type="submit" class="w-full py-3 bg-black text-white focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-black">Scan!</button> -->
<button type="submit" class="hidden">Scan!</button> <button type="submit" class="hidden">Scan!</button>
</form> </form>
</div> </div>