From 121022c8434484a363a3f2ea68aba4d8ef7cad2d Mon Sep 17 00:00:00 2001
From: Philipp Dormann <philipp@philippdormann.de>
Date: Tue, 6 Apr 2021 21:23:24 +0200
Subject: [PATCH] added distance formatting

ref #39
---
 src/views/Profile.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/views/Profile.vue b/src/views/Profile.vue
index bdc1747..8d123bf 100644
--- a/src/views/Profile.vue
+++ b/src/views/Profile.vue
@@ -216,7 +216,7 @@
                       <tbody class="text-gray-900 dark:text-gray-50">
                         <tr v-for="s in state.scans" :key="s.id">
                           <td class="px-4 py-3">
-                            <span v-text="s.distance"></span>m
+                            <span v-text="s.distance"></span>
                           </td>
                           <td class="px-4 py-3" v-text="s.lapTime"></td>
                         </tr>
@@ -342,6 +342,7 @@ axios.get(`${config.baseurl}api/runners/me/${accesstoken}/scans`)
   .then(({ data }) => {
     data.map(function(s) {
       s.lapTime = Math.floor(s.lapTime / 60) + 'min ' + (Math.floor(s.lapTime % 60) + "").padStart(2, "0") + "s"
+      s.distance = Math.floor(s.distance / 1000) + 'km ' + (Math.floor(s.distance % 1000) + "").padStart(3, "0") + "m"
       return s;
     })
     data.filter(s => s.valid === true);