From ff1f43e235ba318008b9c408853231c809760304 Mon Sep 17 00:00:00 2001
From: Philipp Dormann <philipp@philippdormann.de>
Date: Sun, 7 Mar 2021 14:22:03 +0100
Subject: [PATCH] format lap times + only display valid scans

ref #11
---
 src/components/Profile.vue | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/components/Profile.vue b/src/components/Profile.vue
index 8f566f8..2263b06 100644
--- a/src/components/Profile.vue
+++ b/src/components/Profile.vue
@@ -142,9 +142,7 @@
                           <td class="px-4 py-3">
                             <span v-text="s.distance"></span>m
                           </td>
-                          <td class="px-4 py-3">
-                            <span v-text="s.lapTime"></span>s
-                          </td>
+                          <td class="px-4 py-3" v-text="s.lapTime"></td>
                         </tr>
                       </tbody>
                     </table>
@@ -201,8 +199,12 @@ axios.get(`${config.baseurl}api/runners/me/${token}`)
   })
 axios.get(`${config.baseurl}api/runners/me/${token}/scans`)
   .then(({ data }) => {
+    data.map(function(s) {
+      s.lapTime = Math.floor(s.lapTime / 60) + 'min ' + (Math.floor(s.lapTime % 60) + "").padStart(2, "0") + "s"
+      return s;
+    })
+    data.filter(s => s.valid === true);
     state.scans = data;
-    // TODO: filter for valid=true scans only
   }).catch((error) => {
     toast.error("An error occured while loading your profile data");
   })