From 0ebabe239c144c16faa23f6537f4b5516c81a033 Mon Sep 17 00:00:00 2001
From: Philipp Dormann <philipp@philippdormann.de>
Date: Wed, 17 Mar 2021 19:59:07 +0100
Subject: [PATCH] =?UTF-8?q?working=20scans=20=F0=9F=8E=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/src/Scanner.svelte | 15 +++++++--------
 1 file changed, 7 insertions(+), 8 deletions(-)

diff --git a/app/src/Scanner.svelte b/app/src/Scanner.svelte
index fc4869b..a0ddb72 100644
--- a/app/src/Scanner.svelte
+++ b/app/src/Scanner.svelte
@@ -19,6 +19,7 @@
   }, 1000);
 </script>
 
+<div class="min-h-screen">
 <div class="bg-white shadow p-2">
   <div class="flex flex-wrap -mx-1 overflow-hidden">
     <div class="my-1 px-1 w-1/3 overflow-hidden text-center self-center">
@@ -36,7 +37,6 @@
   </div>
 </div>
 
-<div class="p-5 min-h-screen">
   <h1 class="mr-6 text-7xl font-semibold text-center text-gray-900">
     {hours}:{minutes}:{seconds}
   </h1>
@@ -65,17 +65,17 @@
                 method: "POST",
                 url: "https://dev.lauf-fuer-kaya.de/api/scans/trackscans",
                 headers: { Authorization: "Bearer " + $apikey },
-                data: { card, station: JSON.parse($stationinfo).id },
+                data: { card },
               })
               .then((response) => {
-                console.log(response.data.runner);
-                lastscan_totaldistance = response.data.runner.distance + "m";
                 const time = new Date();
                 const hours = (time.getHours() + "").padStart(2, "0");
                 const minutes = (time.getMinutes() + "").padStart(2, "0");
                 const seconds = (time.getSeconds() + "").padStart(2, "0");
                 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) => {
                 lastscan_error = e.response.data.message;
@@ -101,15 +101,14 @@
           <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-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}
           </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}
           <h1 class="text-3xl font-bold text-center">please scan a card...</h1>
         {/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>
       </form>
     </div>