From f8ceec492d720ced359da9001088bf691cb8c28f Mon Sep 17 00:00:00 2001
From: Philipp Dormann <philipp@philippdormann.de>
Date: Sun, 7 Mar 2021 13:21:43 +0100
Subject: [PATCH 01/14] =?UTF-8?q?=E2=9C=A8=20Profile=20-=20basic=20parsing?=
 =?UTF-8?q?=20for=20hash=20based=20query=20params?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

diff --git a/src/components/Profile.vue b/src/components/Profile.vue
index 0f883f1..9af3209 100644
--- a/src/components/Profile.vue
+++ b/src/components/Profile.vue
@@ -175,7 +175,7 @@
 </template>
 
 <script setup>
-import { computed, ref, reactive, watch } from "vue";
+import { computed, ref, reactive, watch, defineProps } from "vue";
 import axios from "redaxios";
 import isEmail from 'validator/es/lib/isEmail';
 import isMobilePhone from 'validator/es/lib/isMobilePhone';
@@ -183,4 +183,6 @@ import isPostalCode from 'validator/es/lib/isPostalCode';
 import { useToast } from "vue-toastification";
 // 
 let activetab = ref("profile");
+const token = location.hash.substr(1).split('&')[0].split('=')[1];
+console.log(token);
 </script>
\ No newline at end of file

From ac9f1ba2aca43d38d67604a4f6e77c5b29a670af Mon Sep 17 00:00:00 2001
From: Philipp Dormann <philipp@philippdormann.de>
Date: Sun, 7 Mar 2021 13:30:05 +0100
Subject: [PATCH 02/14] routing import fix

ref #10
---
 src/main.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/main.js b/src/main.js
index bd77f66..188d3ff 100644
--- a/src/main.js
+++ b/src/main.js
@@ -26,7 +26,7 @@ const Home = import('./components/Home.vue');
 const Imprint = import('./components/Imprint.vue');
 const Privacy = import('./components/Privacy.vue');
 const Register = import('./components/Register.vue');
-const Profile = import('./components/Profile.vue');
+const Profile = () => import('./components/Profile.vue');
 //
 let routes = [ { path: '/', component: EnvError } ];
 if (typeof config !== 'undefined') {

From 0929f2bbc7037106bc6c9a4c948f51c59148a10b Mon Sep 17 00:00:00 2001
From: Philipp Dormann <philipp@philippdormann.de>
Date: Sun, 7 Mar 2021 13:30:23 +0100
Subject: [PATCH 03/14] Profile - fetch user profile data from api

ref #10
---
 src/components/Profile.vue | 26 ++++++++++++++++++++++++--
 1 file changed, 24 insertions(+), 2 deletions(-)

diff --git a/src/components/Profile.vue b/src/components/Profile.vue
index 9af3209..9ee3205 100644
--- a/src/components/Profile.vue
+++ b/src/components/Profile.vue
@@ -80,6 +80,7 @@
                         class="w-full dark:bg-gray-800 rounded border border-gray-700 focus:border-indigo-500 focus:ring-2 focus:ring-indigo-900 text-base outline-none dark:text-gray-100 text-gray-600 py-1 px-3 leading-8 transition-colors duration-200 ease-in-out"
                         type="text"
                         :placeholder="[[$t('vorname')]]"
+                        v-model="state.firstname"
                       />
                     </div>
                     <div class="form-element">
@@ -89,6 +90,7 @@
                         class="w-full dark:bg-gray-800 rounded border border-gray-700 focus:border-indigo-500 focus:ring-2 focus:ring-indigo-900 text-base outline-none dark:text-gray-100 text-gray-600 py-1 px-3 leading-8 transition-colors duration-200 ease-in-out"
                         type="text"
                         :placeholder="[[$t('mittelname')]]"
+                        v-model="state.middlename"
                       />
                     </div>
                     <div class="form-element">
@@ -98,6 +100,7 @@
                         type="text"
                         class="w-full dark:bg-gray-800 rounded border border-gray-700 focus:border-indigo-500 focus:ring-2 focus:ring-indigo-900 text-base outline-none dark:text-gray-100 text-gray-600 py-1 px-3 leading-8 transition-colors duration-200 ease-in-out"
                         :placeholder="[[$t('nachname')]]"
+                        v-model="state.lastname"
                       />
                     </div>
                     <div class="form-element">
@@ -107,6 +110,7 @@
                         type="email"
                         class="w-full dark:bg-gray-800 rounded border border-gray-700 focus:border-indigo-500 focus:ring-2 focus:ring-indigo-900 text-base outline-none dark:text-gray-100 text-gray-600 py-1 px-3 leading-8 transition-colors duration-200 ease-in-out"
                         :placeholder="[[$t('e_mail_adress')]]"
+                        v-model="state.email"
                       />
                     </div>
                     <div class="form-element">
@@ -116,6 +120,7 @@
                         type="tel"
                         class="w-full dark:bg-gray-800 rounded border border-gray-700 focus:border-indigo-500 focus:ring-2 focus:ring-indigo-900 text-base outline-none dark:text-gray-100 text-gray-600 py-1 px-3 leading-8 transition-colors duration-200 ease-in-out"
                         :placeholder="[[$t('phone_number')]]"
+                        v-model="state.phone"
                       />
                     </div>
                   </div>
@@ -176,13 +181,30 @@
 
 <script setup>
 import { computed, ref, reactive, watch, defineProps } from "vue";
+import { useToast } from "vue-toastification";
 import axios from "redaxios";
 import isEmail from 'validator/es/lib/isEmail';
 import isMobilePhone from 'validator/es/lib/isMobilePhone';
 import isPostalCode from 'validator/es/lib/isPostalCode';
-import { useToast } from "vue-toastification";
 // 
+const state = reactive({
+  phone: "",
+  email: "",
+  firstname: "",
+  middlename: "",
+  lastname: "",
+})
 let activetab = ref("profile");
+const toast = useToast();
 const token = location.hash.substr(1).split('&')[0].split('=')[1];
-console.log(token);
+axios.get(`${config.baseurl}api/runners/me/${token}`)
+  .then(({ data }) => {
+    state.phone = data.phone;
+    state.email = data.email;
+    state.firstname = data.firstname;
+    state.middlename = data.middlename;
+    state.lastname = data.lastname;
+  }).catch((error) => {
+    toast.error("An error occured while loading your profile data");
+  })
 </script>
\ No newline at end of file

From b30277b617c1329702cb538b7e98d98929ca2346 Mon Sep 17 00:00:00 2001
From: Philipp Dormann <philipp@philippdormann.de>
Date: Sun, 7 Mar 2021 13:46:25 +0100
Subject: [PATCH 04/14] display user name in Profile title

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

diff --git a/src/components/Profile.vue b/src/components/Profile.vue
index 9ee3205..ccf280d 100644
--- a/src/components/Profile.vue
+++ b/src/components/Profile.vue
@@ -5,7 +5,10 @@
         <div
           class="flex flex-col md:pr-10 md:mb-0 mb-6 pr-0 w-full md:w-auto md:text-left text-center text-black dark:text-gray-200"
         >
-          <p class="text-3xl font-bold whitespace-nowrap">Max Mustermann</p>
+          <p
+            class="text-3xl font-bold whitespace-nowrap"
+            v-text="(state.firstname || '') + ' ' + (state.middlename || '') + ' ' + (state.lastname || '')"
+          ></p>
           <p class="text-md whitespace-nowrap">Musterfirma > PR</p>
         </div>
         <div class="inline-flex md:ml-auto md:mr-0 mx-auto items-center space-x-4">

From 8205c11bd9a38c49608b0641dd89df22f492efd0 Mon Sep 17 00:00:00 2001
From: Philipp Dormann <philipp@philippdormann.de>
Date: Sun, 7 Mar 2021 13:49:56 +0100
Subject: [PATCH 05/14] Profile - remove form styling. data is not editable yet

ref #10
---
 src/components/Profile.vue | 63 +++++++++++++++-----------------------
 1 file changed, 24 insertions(+), 39 deletions(-)

diff --git a/src/components/Profile.vue b/src/components/Profile.vue
index ccf280d..7d60dcf 100644
--- a/src/components/Profile.vue
+++ b/src/components/Profile.vue
@@ -77,53 +77,38 @@
                 <form class="form flex flex-wrap w-full">
                   <div class="w-full">
                     <div class="form-element">
-                      <div class="form-label">{{ $t('vorname') }}</div>
-                      <input
-                        name="first-name"
-                        class="w-full dark:bg-gray-800 rounded border border-gray-700 focus:border-indigo-500 focus:ring-2 focus:ring-indigo-900 text-base outline-none dark:text-gray-100 text-gray-600 py-1 px-3 leading-8 transition-colors duration-200 ease-in-out"
-                        type="text"
-                        :placeholder="[[$t('vorname')]]"
-                        v-model="state.firstname"
+                      <div class="text-lg">{{ $t('vorname') }}</div>
+                      <p
+                        class="w-full dark:bg-gray-800 rounded text-base outline-none dark:text-gray-100 text-gray-600 py-1 px-3 leading-8 transition-colors duration-200 ease-in-out"
+                        v-text="state.firstname"
                       />
                     </div>
                     <div class="form-element">
-                      <div class="form-label">{{ $t('mittelname') }}</div>
-                      <input
-                        name="middle-name"
-                        class="w-full dark:bg-gray-800 rounded border border-gray-700 focus:border-indigo-500 focus:ring-2 focus:ring-indigo-900 text-base outline-none dark:text-gray-100 text-gray-600 py-1 px-3 leading-8 transition-colors duration-200 ease-in-out"
-                        type="text"
-                        :placeholder="[[$t('mittelname')]]"
-                        v-model="state.middlename"
+                      <div class="text-lg">{{ $t('mittelname') }}</div>
+                      <p
+                        class="w-full dark:bg-gray-800 rounded text-base outline-none dark:text-gray-100 text-gray-600 py-1 px-3 leading-8 transition-colors duration-200 ease-in-out"
+                        v-text="state.middlename"
                       />
                     </div>
                     <div class="form-element">
-                      <div class="form-label">{{ $t('nachname') }}</div>
-                      <input
-                        name="last-name"
-                        type="text"
-                        class="w-full dark:bg-gray-800 rounded border border-gray-700 focus:border-indigo-500 focus:ring-2 focus:ring-indigo-900 text-base outline-none dark:text-gray-100 text-gray-600 py-1 px-3 leading-8 transition-colors duration-200 ease-in-out"
-                        :placeholder="[[$t('nachname')]]"
-                        v-model="state.lastname"
+                      <div class="text-lg">{{ $t('nachname') }}</div>
+                      <p
+                        class="w-full dark:bg-gray-800 rounded text-base outline-none dark:text-gray-100 text-gray-600 py-1 px-3 leading-8 transition-colors duration-200 ease-in-out"
+                        v-text="state.lastname"
                       />
                     </div>
                     <div class="form-element">
-                      <div class="form-label">{{ $t('e_mail_adress') }}</div>
-                      <input
-                        name="email"
-                        type="email"
-                        class="w-full dark:bg-gray-800 rounded border border-gray-700 focus:border-indigo-500 focus:ring-2 focus:ring-indigo-900 text-base outline-none dark:text-gray-100 text-gray-600 py-1 px-3 leading-8 transition-colors duration-200 ease-in-out"
-                        :placeholder="[[$t('e_mail_adress')]]"
-                        v-model="state.email"
+                      <div class="text-lg">{{ $t('e_mail_adress') }}</div>
+                      <p
+                        class="w-full dark:bg-gray-800 rounded text-base outline-none dark:text-gray-100 text-gray-600 py-1 px-3 leading-8 transition-colors duration-200 ease-in-out"
+                        v-text="state.email"
                       />
                     </div>
                     <div class="form-element">
-                      <div class="form-label">{{ $t('phone_number') }}</div>
-                      <input
-                        name="tel"
-                        type="tel"
-                        class="w-full dark:bg-gray-800 rounded border border-gray-700 focus:border-indigo-500 focus:ring-2 focus:ring-indigo-900 text-base outline-none dark:text-gray-100 text-gray-600 py-1 px-3 leading-8 transition-colors duration-200 ease-in-out"
-                        :placeholder="[[$t('phone_number')]]"
-                        v-model="state.phone"
+                      <div class="text-lg">{{ $t('phone_number') }}</div>
+                      <p
+                        class="w-full dark:bg-gray-800 rounded text-base outline-none dark:text-gray-100 text-gray-600 py-1 px-3 leading-8 transition-colors duration-200 ease-in-out"
+                        v-text="state.phone"
                       />
                     </div>
                   </div>
@@ -183,12 +168,12 @@
 </template>
 
 <script setup>
-import { computed, ref, reactive, watch, defineProps } from "vue";
+import { ref, reactive } from "vue";
 import { useToast } from "vue-toastification";
 import axios from "redaxios";
-import isEmail from 'validator/es/lib/isEmail';
-import isMobilePhone from 'validator/es/lib/isMobilePhone';
-import isPostalCode from 'validator/es/lib/isPostalCode';
+// import isEmail from 'validator/es/lib/isEmail';
+// import isMobilePhone from 'validator/es/lib/isMobilePhone';
+// import isPostalCode from 'validator/es/lib/isPostalCode';
 // 
 const state = reactive({
   phone: "",

From 14369480ea23e8b0af8548596a6bf3d331de13e5 Mon Sep 17 00:00:00 2001
From: Philipp Dormann <philipp@philippdormann.de>
Date: Sun, 7 Mar 2021 14:04:29 +0100
Subject: [PATCH 06/14] basic lap/ scans ui

ref #11
---
 src/components/Profile.vue | 33 +++++++++---------
 src/locales/en.json        | 71 +++++++++++++++++++-------------------
 2 files changed, 53 insertions(+), 51 deletions(-)

diff --git a/src/components/Profile.vue b/src/components/Profile.vue
index 7d60dcf..7a3fb7a 100644
--- a/src/components/Profile.vue
+++ b/src/components/Profile.vue
@@ -121,7 +121,10 @@
               <section class="text-gray-400 dark:bg-gray-900 body-font">
                 <div class="container mx-auto">
                   <div class="lg:w-2/3 w-full mx-auto overflow-auto">
-                    <table class="table-auto w-full text-left whitespace-no-wrap">
+                    <table
+                      v-if="state.scans.length > 0"
+                      class="table-auto w-full text-left whitespace-no-wrap"
+                    >
                       <thead
                         class="text-black bg-gray-300 dark:text-white text-sm dark:bg-gray-800"
                       >
@@ -135,24 +138,15 @@
                         </tr>
                       </thead>
                       <tbody class="text-gray-900 dark:text-gray-50">
-                        <tr class="border-t-2 border-gray-800">
-                          <td class="px-4 py-3">400m</td>
-                          <td class="px-4 py-3">0min 57s</td>
-                        </tr>
-                        <tr class="border-t-2 border-gray-800">
-                          <td class="px-4 py-3">400m</td>
-                          <td class="px-4 py-3">1min 15s</td>
-                        </tr>
-                        <tr class="border-t-2 border-gray-800">
-                          <td class="px-4 py-3">1km</td>
-                          <td class="px-4 py-3">2min 50s</td>
-                        </tr>
-                        <tr class="border-t-2 border-gray-800">
-                          <td class="px-4 py-3">1km</td>
-                          <td class="px-4 py-3">3min 00s</td>
+                        <tr v-for="s in state.scans" :key="s.id">
+                          <td class="px-4 py-3">s.distance</td>
+                          <td class="px-4 py-3">s.time</td>
                         </tr>
                       </tbody>
                     </table>
+                    <div v-else class="text-center font-bold text-black dark:text-white text-2xl">
+                      {{ $t('no_laps_scans_were_recorded_yet') }}
+                    </div>
                   </div>
                 </div>
               </section>
@@ -181,6 +175,7 @@ const state = reactive({
   firstname: "",
   middlename: "",
   lastname: "",
+  scans: []
 })
 let activetab = ref("profile");
 const toast = useToast();
@@ -195,4 +190,10 @@ axios.get(`${config.baseurl}api/runners/me/${token}`)
   }).catch((error) => {
     toast.error("An error occured while loading your profile data");
   })
+axios.get(`${config.baseurl}api/runners/me/${token}/scans`)
+  .then(({ data }) => {
+    state.scans = data;
+  }).catch((error) => {
+    toast.error("An error occured while loading your profile data");
+  })
 </script>
\ No newline at end of file
diff --git a/src/locales/en.json b/src/locales/en.json
index 7ce8dba..e134b50 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -1,36 +1,37 @@
 {
-    "already_have_an_account": "Already have an account?",
-    "apartment_suite_etc": "Apartment, suite, etc.",
-    "configuration_error": "Configuration error",
-    "distance": "Distance",
-    "download_certificate": "Download certificate",
-    "e_mail_adress": "mail address",
-    "go_to_login": "Go To Login",
-    "if_you_are_the_system_administrator_please_refer_to_the_official_product_documentation_readme_for_configuration_guidance": "If you are the system administrator, please refer to the official product documentation/ README for configuration guidance.",
-    "imprint": "Imprint",
-    "lap_time": "Lap time",
-    "lap_times": "Lap times",
-    "main_page_text": "Here you can register for the Lauf Für Kaya! or manage your runner profile.",
-    "mittelname": "Middlename",
-    "nachname": "Lastname",
-    "ort": "City",
-    "phone_number": "Phone Number",
-    "please_provide_a_valid_zipcode": "Please provide a valid zipcode...",
-    "please_provide_valid_mail": "Please provide a valid mail address.",
-    "plz": "zipcode",
-    "privacy_policy": "Privacy Policy",
-    "profile": "Profile",
-    "provide_address": "Provide a postal address?",
-    "register": {
-        "register_now": "Register now for Lauf für Kaya! 2021."
-    },
-    "register_now": "Register now!",
-    "registrieren": "Register Now",
-    "save_changes": "Save changes",
-    "sponsoring": "Sponsoring",
-    "strasse": "Street/ Block",
-    "the_system_is_not_properly_configured_please_contact_the_system_administrator_for_help": "The system is not properly configured. Please contact the system administrator for help.",
-    "this_is_not_a_valid_international_phone_number": "This is not a valid international phone number",
-    "view_my_data": "View my data",
-    "vorname": "Firstname"
-}
\ No newline at end of file
+  "already_have_an_account": "Already have an account?",
+  "apartment_suite_etc": "Apartment, suite, etc.",
+  "configuration_error": "Configuration error",
+  "distance": "Distance",
+  "download_certificate": "Download certificate",
+  "e_mail_adress": "mail address",
+  "go_to_login": "Go To Login",
+  "if_you_are_the_system_administrator_please_refer_to_the_official_product_documentation_readme_for_configuration_guidance": "If you are the system administrator, please refer to the official product documentation/ README for configuration guidance.",
+  "imprint": "Imprint",
+  "lap_time": "Lap time",
+  "lap_times": "Lap times",
+  "main_page_text": "Here you can register for the Lauf Für Kaya! or manage your runner profile.",
+  "mittelname": "Middlename",
+  "nachname": "Lastname",
+  "ort": "City",
+  "phone_number": "Phone Number",
+  "please_provide_a_valid_zipcode": "Please provide a valid zipcode...",
+  "please_provide_valid_mail": "Please provide a valid mail address.",
+  "plz": "zipcode",
+  "privacy_policy": "Privacy Policy",
+  "profile": "Profile",
+  "provide_address": "Provide a postal address?",
+  "register": {
+    "register_now": "Register now for Lauf für Kaya! 2021."
+  },
+  "register_now": "Register now!",
+  "registrieren": "Register Now",
+  "save_changes": "Save changes",
+  "sponsoring": "Sponsoring",
+  "strasse": "Street/ Block",
+  "the_system_is_not_properly_configured_please_contact_the_system_administrator_for_help": "The system is not properly configured. Please contact the system administrator for help.",
+  "this_is_not_a_valid_international_phone_number": "This is not a valid international phone number",
+  "view_my_data": "View my data",
+  "vorname": "Firstname",
+  "no_laps_scans_were_recorded_yet": "No laps/ scans were recorded yet..."
+}

From 49c3507a71a6ca212b0b8ade2b1945ea90db96bc Mon Sep 17 00:00:00 2001
From: Philipp Dormann <philipp@philippdormann.de>
Date: Sun, 7 Mar 2021 14:04:40 +0100
Subject: [PATCH 07/14] added empty state for scans

ref #11
---
 src/assets/empty_laps.svg  | 1 +
 src/components/Profile.vue | 5 +++++
 2 files changed, 6 insertions(+)
 create mode 100644 src/assets/empty_laps.svg

diff --git a/src/assets/empty_laps.svg b/src/assets/empty_laps.svg
new file mode 100644
index 0000000..17ed002
--- /dev/null
+++ b/src/assets/empty_laps.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500"><path d="M307.18 117.6c21.3 1.09 42.83 9.39 57.52 22 46.68 39.91 40.22 110.84 5.81 156.19-33.82 44.58-91.54 70.06-147.13 68a153 153 0 01-48.79-9.79c-27.05-10.33-62.88-30.25-73.29-59.11-12.52-34.72 23.7-41.72 47.84-32.89 19.42 7.12 39 19.43 60.05 9.57 23.33-10.91 35.2-36.06 36.4-60.82 1.3-26.77-13.13-55.71 10.43-77.1 13.63-12.33 32.31-17.01 51.16-16.05z" fill="#407bff"/><path d="M307.18 117.6c21.3 1.09 42.83 9.39 57.52 22 46.68 39.91 40.22 110.84 5.81 156.19-33.82 44.58-91.54 70.06-147.13 68a153 153 0 01-48.79-9.79c-27.05-10.33-62.88-30.25-73.29-59.11-12.52-34.72 23.7-41.72 47.84-32.89 19.42 7.12 39 19.43 60.05 9.57 23.33-10.91 35.2-36.06 36.4-60.82 1.3-26.77-13.13-55.71 10.43-77.1 13.63-12.33 32.31-17.01 51.16-16.05z" fill="#fff" opacity=".9"/><ellipse cx="250" cy="416.24" rx="193.89" ry="11.32" fill="#f5f5f5"/><path fill="#407bff" d="M259.8 382.52H79.91L63.12 316H243l16.8 66.52z"/><path fill="#407bff" d="M242.79 316H62.9l-16.8 66.52h179.89l16.8-66.52z"/><path style="isolation:isolate" fill="#fff" opacity=".6" d="M242.79 316H62.9l-16.8 66.52h179.89l16.8-66.52z"/><path fill="#407bff" d="M449.92 382.52H270.03L253.24 316h179.88l16.8 66.52z"/><path fill="#407bff" d="M432.91 316H253.02l-16.8 66.52h179.89l16.8-66.52z"/><path style="isolation:isolate" fill="#fff" opacity=".6" d="M432.91 316H253.02l-16.8 66.52h179.89l16.8-66.52z"/><g><path d="M266 176a11.19 11.19 0 00-11.52-6.35c-9 .83-17.67 12.16-25.83 9.83S221.5 172 221.5 172s-3 7.39 7.17 13.6 24-9.46 35.48-4.8z" fill="#2e353a"/><path d="M266 176a14.65 14.65 0 00-12.52-9.39c-9.62-.75-15.25 11.41-22.62 9.39" fill="none" stroke="#263238" stroke-linecap="round" stroke-linejoin="round" stroke-width=".48"/><path d="M288.12 189.65s3.42-14.12-8.43-17-17.19 4.1-19.19 11.79 3 18.4 13.77 16.63 13.42-8.07 13.85-11.42z" fill="#2e353a"/><path d="M292.51 211.59c9.74-4.53 22.54-14.45 22.3-18.06s-10.06-27.9-10.06-27.9a7.65 7.65 0 01-2.26-1.08c-1-.72-2.17-9.66-.72-10.14a44.09 44.09 0 017.49-1.21c1.2 0 .72 8 .24 9.9 0 0 15.58 21.72 14.55 32.12s-25.18 28.47-33.63 31 2.09-14.63 2.09-14.63zM186.81 329.9l2.76-5.88 8.63 2.88 7.92 2.66-2.14 7.51-9.1-3.79-8.07-3.38z" fill="#e4897b"/><path d="M190.54 322.94c.64.32-3.61 8-3.61 8s-7.29 2.56-10.64 6.79-5 .23-2.46-5.09l6.17-13.11c1.79-3.78 3.89.1 10.54 3.41z" fill="#2e353a"/><path d="M183.72 335.61a.55.55 0 01-.18 0 .84.84 0 01-.76-.59c-.28-1.1 2.2-3.2 2.7-3.61a.19.19 0 01.1-.05.34.34 0 01.14.05c.07.07 1.61 1.61 1.55 2.9a1.37 1.37 0 01-.51 1 .8.8 0 01-.92.2c-.4-.22-.56-1-.6-1.79a3.62 3.62 0 01-1 1.69 1 1 0 01-.52.2zm1.55-3.43c-1.05.94-2.17 2.19-2 2.71 0 0 .05.18.4.25a.5.5 0 00.38-.1c.56-.42 1-1.88 1.22-2.86zm.54-.07c-.11 1.39 0 2.82.33 3 .1.06.29-.08.39-.16a.9.9 0 00.35-.68 3.92 3.92 0 00-1.07-2.16z" fill="#407bff"/><path style="isolation:isolate" opacity=".2" d="M194.7 333.19l3.34-6.36 8 2.69-2.1 7.53-9.24-3.86z"/><path d="M288.12 290.82c-3.62 15.68-19.81 69.19-45 67.19S199.5 342.15 199 335.83s1.44-9.8 7.72-9.82 24.71 5.64 32.74 5.07S255 296.41 255 296.41z" fill="#407bff"/><path d="M288.12 290.82c-3.62 15.68-19.81 69.19-45 67.19S199.5 342.15 199 335.83s1.44-9.8 7.72-9.82 24.71 5.64 32.74 5.07S255 296.41 255 296.41z" style="isolation:isolate" opacity=".4"/><path fill="#e4897b" d="M352.37 403.04l-5.97 2.58-4.56-7.88-4.18-7.23 6.58-4.21 4.3 8.86 3.83 7.88z"/><path d="M345 405.79c-.27-.66 8-3.64 8-3.64s7.15 2.91 12.47 2 3.87 3.11-1.53 5.44l-13.34 5.76c-3.84 1.65-2.85-2.68-5.6-9.56z" fill="#2e353a"/><path d="M355 402.91a5.6 5.6 0 00-.61.09h-.13a.68.68 0 01-.21-.11v-.08a.08.08 0 000-.06v-.06s.05-.06.05-.09c0-.09-.11-2.27.79-3.2a1.33 1.33 0 011.07-.42q.68 0 .84.45c.16.43-.23 1.1-.74 1.74a3.68 3.68 0 011.9-.59 1 1 0 01.67.36.93.93 0 01.18 1c-.48.81-2.69.97-3.81.97zm2.8-1.88a6.36 6.36 0 00-2.73 1.32c1.41 0 3.08-.21 3.33-.68 0 0 .08-.17-.13-.45a.47.47 0 00-.36-.18zm-1.87-2c-.27 0-.49.31-.67.5a4.1 4.1 0 00-.63 2.44c1-1 1.88-2.26 1.74-2.63a.6.6 0 00-.4-.31z" fill="#407bff"/><path style="isolation:isolate" opacity=".2" d="M348.62 395.35l-6.71 2.56-4.22-7.32 6.57-4.25 4.36 9.01z"/><path d="M257.71 259.72s-14 20.78-11.11 36.26c3.4 18.27 47.4 38.84 59.4 47.93s17.62 43.42 32.56 50l8.13-2.91s4.14-5.72 1.05-15.45c-13-40.8-23.74-60.3-59.62-84.73 0 0 2.36-19.78 1.37-29.8z" fill="#407bff"/><path d="M257.71 259.72s-14 20.78-11.11 36.26c3.4 18.27 47.4 38.84 59.4 47.93s17.62 43.42 32.56 50l8.13-2.91s4.14-5.72 1.05-15.45c-13-40.8-23.74-60.3-59.62-84.73 0 0 2.36-19.78 1.37-29.8z" style="isolation:isolate" opacity=".3"/><path d="M342.38 392.54l-2 .72c-4.54-5.78-8.25-16.2-12.14-27.14-4.13-11.59-8.4-23.57-13.43-28.33-3.5-3.31-11.26-8.52-20.25-14.56-18.35-12.33-39.16-26.3-40.55-34.82-1.47-9.06 3.16-22 5.93-28.6l2.14.09c-2.63 6.23-7.53 19.41-6.09 28.19 1.25 7.66 23.46 22.59 39.68 33.48 9.07 6.09 16.89 11.34 20.52 14.77 5.37 5.09 9.53 16.75 13.93 29.11 3.8 10.67 7.72 21.68 12.26 27.09z" fill="#407bff"/><path d="M288.12 290.82S280.75 286 271.5 280l13.5 5.41a55.44 55.44 0 004.71-19.48 236.85 236.85 0 01-1.59 24.89z" style="isolation:isolate" opacity=".1"/><path d="M257.71 259.72l32 3.28s7.63-29.4 7.82-54.08c0 0-12.26 4-23.28 2.66s-20.77-7.08-20.77-7.08 5.19 32.19 4.23 55.22z" fill="#2e353a"/><path d="M277.46 218c-7.62-2-9.53-5.58-9.53-5.58 5.51-4 2.45-12.57 2.45-12.57l9.11 2.93a26.07 26.07 0 00-.87 3.88c-.79 5.65 1.76 6 1.76 6 1.24 3.34-2.92 5.34-2.92 5.34z" fill="#e4897b"/><path d="M279.49 202.78a26.07 26.07 0 00-.87 3.88c-6.3-.81-8.24-6.81-8.24-6.81z" style="isolation:isolate" opacity=".2"/><path d="M277.66 176.05c8.16.59 10.47 5.15 10.46 13.6 0 10.57-2.88 17.87-12.93 14.89-13.64-4.06-11.09-29.47 2.47-28.49z" fill="#e4897b"/><path d="M282.88 188.82a16.91 16.91 0 002.13 3.55 2.26 2.26 0 01-2.22.77z" fill="#de5753"/><path d="M277.93 187.79c0 .67-.42 1.19-.87 1.17s-.78-.58-.75-1.25.42-1.2.87-1.18.82.58.75 1.26z" fill="#2e353a"/><path d="M277 186.55l1.49-.5s-.8 1.2-1.49.5zM286.29 188.05c0 .68-.43 1.2-.87 1.18s-.79-.58-.76-1.25.43-1.2.87-1.18.79.58.76 1.25z" fill="#2e353a"/><path d="M285.35 186.82l1.48-.5s-.78 1.19-1.48.5z" fill="#2e353a"/><path d="M278.26 182.14a4.27 4.27 0 00-3.63 1M284.21 182.23a3.84 3.84 0 013.21.9" fill="none" stroke="#263238" stroke-linecap="round" stroke-linejoin="round" stroke-width=".696"/><path d="M281.37 196.27a19.93 19.93 0 00-1.16 2.76 4.34 4.34 0 01-.52-.09c-2.36-.41-3.32-1.38-3.67-2.33a3.25 3.25 0 01-.13-1.45 2.92 2.92 0 01.21-.81 11.4 11.4 0 004.46 1.76c.49.11.81.16.81.16z" fill="#2e353a"/><path d="M280.56 196.11l-.36.81c-2.22-.39-3.73-1-4.31-1.76a2.92 2.92 0 01.21-.81 11.4 11.4 0 004.46 1.76z" fill="#fff"/><path d="M279.69 198.94c-2.36-.41-3.32-1.38-3.67-2.33a7.62 7.62 0 012.53 1 2.85 2.85 0 011.14 1.33z" fill="#de5753"/><path d="M267.74 189.16s4.3-6.43 4.1-11.65c0 0 16.65-5.44 16.26 11 0 0 2.64-14.47-11.37-15.81s-15.43 19.2-8.63 25.84c0 .04-3.02-5.36-.36-9.38z" fill="#2e353a"/><path d="M269 191a3.59 3.59 0 00-3.62-3.55c-2.55.09-4.13 5.2 2.07 6.9.84.22 1.42-.62 1.55-3.35zM253.5 204.5s5.74 9.65 2.63 20.12c0 0-22.13-24.63-24.13-30.25s12.41-37.62 12.41-37.62-2.41-6.75-1.91-8.25 6.75-5 8.25-4 1 12 .25 13.5l-.75 1.5s-7.7 29-6.73 31.11 9.98 13.89 9.98 13.89z" fill="#e4897b"/><path d="M282.13 176s-8.76 13.12-20.39 11c0 0-.57-9.94 7.21-12.12a17.63 17.63 0 0113.18 1.12z" fill="#2e353a"/><path d="M280.56 176s3.65 5.48-6.29 9.11M284.37 175.61s4.19 3.84 5.92-1.66" fill="none" stroke="#263238" stroke-linecap="round" stroke-linejoin="round" stroke-width=".48"/><path d="M292.09 252.66l.91-1.53s-1.12-.34-3.06-.79c.82-5.59 3.33-26.74-2.8-40.46l-1.14.87s2.84 4.35 3.13 12.88l-21.2-.13s-2.43-11.87-5.44-15.52l-.76.35a88.34 88.34 0 014.46 39.91 62 62 0 00-9.94 1.39l.81 1.5a123.63 123.63 0 0118-.72l11.14 1c1.97.34 3.96.74 5.89 1.25z" fill="#407bff"/><path d="M292.09 252.66l.91-1.53s-1.12-.34-3.06-.79c.82-5.59 3.33-26.74-2.8-40.46l-1.14.87s2.84 4.35 3.13 12.88l-21.2-.13s-2.43-11.87-5.44-15.52l-.76.35a88.34 88.34 0 014.46 39.91 62 62 0 00-9.94 1.39l.81 1.5a123.63 123.63 0 0118-.72l11.14 1c1.97.34 3.96.74 5.89 1.25z" style="isolation:isolate" fill="#fff" opacity=".6"/><path d="M279.51 239.12a4 4 0 01-.82 2.71 3.21 3.21 0 01-2.54.93 3.13 3.13 0 01-2.45-.91 3.73 3.73 0 01-.83-2.61v-.36H275v.5a1.46 1.46 0 00.31 1.07 1.11 1.11 0 00.83.31 1.13 1.13 0 00.9-.36 2.12 2.12 0 00.32-1.36v-2.56a2.07 2.07 0 01-2 1.24 2.13 2.13 0 01-1.83-.82 3.91 3.91 0 01-.61-2.38V232a3.68 3.68 0 01.86-2.61 3.83 3.83 0 015 0 3.68 3.68 0 01.86 2.61zm-3.34-3.4a1.11 1.11 0 00.83-.31 1.46 1.46 0 00.31-1.07v-2.52a1.44 1.44 0 00-.31-1.06 1.3 1.3 0 00-1.66 0 1.44 1.44 0 00-.31 1.06v2.52a1.46 1.46 0 00.31 1.07 1.11 1.11 0 00.83.31zM287.43 239.12a4 4 0 01-.82 2.71 3.21 3.21 0 01-2.54.93 3.13 3.13 0 01-2.45-.91 3.73 3.73 0 01-.83-2.61v-.36h2.08v.5a1.46 1.46 0 00.31 1.07 1.11 1.11 0 00.83.31 1.13 1.13 0 00.9-.36 2.12 2.12 0 00.32-1.36v-2.56a2.07 2.07 0 01-2 1.24 2.13 2.13 0 01-1.83-.82 3.91 3.91 0 01-.61-2.38V232a3.68 3.68 0 01.86-2.61 3.83 3.83 0 015 0 3.68 3.68 0 01.86 2.61zm-3.34-3.4a1.11 1.11 0 00.83-.31 1.46 1.46 0 00.31-1.07v-2.52a1.44 1.44 0 00-.31-1.06 1.3 1.3 0 00-1.66 0 1.44 1.44 0 00-.31 1.06v2.52a1.46 1.46 0 00.31 1.07 1.11 1.11 0 00.83.31z" fill="#407bff"/></g></svg>
\ No newline at end of file
diff --git a/src/components/Profile.vue b/src/components/Profile.vue
index 7a3fb7a..cc1bdea 100644
--- a/src/components/Profile.vue
+++ b/src/components/Profile.vue
@@ -145,6 +145,11 @@
                       </tbody>
                     </table>
                     <div v-else class="text-center font-bold text-black dark:text-white text-2xl">
+                      <img
+                        src="../assets/empty_laps.svg"
+                        style="height:25rem;"
+                        :alt="[[$t('no_laps_scans_were_recorded_yet')]]"
+                      />
                       {{ $t('no_laps_scans_were_recorded_yet') }}
                     </div>
                   </div>

From 4fb9aee25586cc873f7e276fd44e41458b633b70 Mon Sep 17 00:00:00 2001
From: Philipp Dormann <philipp@philippdormann.de>
Date: Sun, 7 Mar 2021 14:04:56 +0100
Subject: [PATCH 08/14] =?UTF-8?q?re-order=20language=20files=20?=
 =?UTF-8?q?=F0=9F=98=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

ref #11
---
 src/locales/en.json | 72 ++++++++++++++++++++++-----------------------
 1 file changed, 36 insertions(+), 36 deletions(-)

diff --git a/src/locales/en.json b/src/locales/en.json
index e134b50..f1be63e 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -1,37 +1,37 @@
 {
-  "already_have_an_account": "Already have an account?",
-  "apartment_suite_etc": "Apartment, suite, etc.",
-  "configuration_error": "Configuration error",
-  "distance": "Distance",
-  "download_certificate": "Download certificate",
-  "e_mail_adress": "mail address",
-  "go_to_login": "Go To Login",
-  "if_you_are_the_system_administrator_please_refer_to_the_official_product_documentation_readme_for_configuration_guidance": "If you are the system administrator, please refer to the official product documentation/ README for configuration guidance.",
-  "imprint": "Imprint",
-  "lap_time": "Lap time",
-  "lap_times": "Lap times",
-  "main_page_text": "Here you can register for the Lauf Für Kaya! or manage your runner profile.",
-  "mittelname": "Middlename",
-  "nachname": "Lastname",
-  "ort": "City",
-  "phone_number": "Phone Number",
-  "please_provide_a_valid_zipcode": "Please provide a valid zipcode...",
-  "please_provide_valid_mail": "Please provide a valid mail address.",
-  "plz": "zipcode",
-  "privacy_policy": "Privacy Policy",
-  "profile": "Profile",
-  "provide_address": "Provide a postal address?",
-  "register": {
-    "register_now": "Register now for Lauf für Kaya! 2021."
-  },
-  "register_now": "Register now!",
-  "registrieren": "Register Now",
-  "save_changes": "Save changes",
-  "sponsoring": "Sponsoring",
-  "strasse": "Street/ Block",
-  "the_system_is_not_properly_configured_please_contact_the_system_administrator_for_help": "The system is not properly configured. Please contact the system administrator for help.",
-  "this_is_not_a_valid_international_phone_number": "This is not a valid international phone number",
-  "view_my_data": "View my data",
-  "vorname": "Firstname",
-  "no_laps_scans_were_recorded_yet": "No laps/ scans were recorded yet..."
-}
+    "already_have_an_account": "Already have an account?",
+    "apartment_suite_etc": "Apartment, suite, etc.",
+    "configuration_error": "Configuration error",
+    "distance": "Distance",
+    "download_certificate": "Download certificate",
+    "e_mail_adress": "mail address",
+    "go_to_login": "Go To Login",
+    "if_you_are_the_system_administrator_please_refer_to_the_official_product_documentation_readme_for_configuration_guidance": "If you are the system administrator, please refer to the official product documentation/ README for configuration guidance.",
+    "imprint": "Imprint",
+    "lap_time": "Lap time",
+    "lap_times": "Lap times",
+    "main_page_text": "Here you can register for the Lauf Für Kaya! or manage your runner profile.",
+    "mittelname": "Middlename",
+    "nachname": "Lastname",
+    "no_laps_scans_were_recorded_yet": "No laps/ scans were recorded yet...",
+    "ort": "City",
+    "phone_number": "Phone Number",
+    "please_provide_a_valid_zipcode": "Please provide a valid zipcode...",
+    "please_provide_valid_mail": "Please provide a valid mail address.",
+    "plz": "zipcode",
+    "privacy_policy": "Privacy Policy",
+    "profile": "Profile",
+    "provide_address": "Provide a postal address?",
+    "register": {
+        "register_now": "Register now for Lauf für Kaya! 2021."
+    },
+    "register_now": "Register now!",
+    "registrieren": "Register Now",
+    "save_changes": "Save changes",
+    "sponsoring": "Sponsoring",
+    "strasse": "Street/ Block",
+    "the_system_is_not_properly_configured_please_contact_the_system_administrator_for_help": "The system is not properly configured. Please contact the system administrator for help.",
+    "this_is_not_a_valid_international_phone_number": "This is not a valid international phone number",
+    "view_my_data": "View my data",
+    "vorname": "Firstname"
+}
\ No newline at end of file

From cb3dc13c8acfeea3fad9ba9d5f9f6eade3e2310d Mon Sep 17 00:00:00 2001
From: Philipp Dormann <philipp@philippdormann.de>
Date: Sun, 7 Mar 2021 14:05:28 +0100
Subject: [PATCH 09/14] center empty state image

ref #11
---
 src/components/Profile.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Profile.vue b/src/components/Profile.vue
index cc1bdea..2d24e08 100644
--- a/src/components/Profile.vue
+++ b/src/components/Profile.vue
@@ -147,7 +147,7 @@
                     <div v-else class="text-center font-bold text-black dark:text-white text-2xl">
                       <img
                         src="../assets/empty_laps.svg"
-                        style="height:25rem;"
+                        style="height:25rem; margin:0 auto;"
                         :alt="[[$t('no_laps_scans_were_recorded_yet')]]"
                       />
                       {{ $t('no_laps_scans_were_recorded_yet') }}

From 69db350461231123796bc24a2452e6af47a7c83f Mon Sep 17 00:00:00 2001
From: Philipp Dormann <philipp@philippdormann.de>
Date: Sun, 7 Mar 2021 14:06:11 +0100
Subject: [PATCH 10/14] =?UTF-8?q?=F0=9F=8C=8E=20added=20missing=20translat?=
 =?UTF-8?q?ions?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

ref #11
---
 src/locales/de.json | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/locales/de.json b/src/locales/de.json
index f71699c..0dd38e4 100644
--- a/src/locales/de.json
+++ b/src/locales/de.json
@@ -13,6 +13,7 @@
     "main_page_text": "Hier können Sie sich für den Lauf Für Kaya! registrieren oder ihr Läuferprofil verwalten.",
     "mittelname": "Mittelname",
     "nachname": "Nachname",
+    "no_laps_scans_were_recorded_yet": "Es wurden noch keine Runden / Scans aufgezeichnet ...",
     "ort": "Ort",
     "phone_number": "Telefonnummer",
     "please_provide_a_valid_zipcode": "Bitte geben Sie eine gültige Postleitzahl an...",

From c8d462100a660e8edfd3bc46bd0c8abbd002f661 Mon Sep 17 00:00:00 2001
From: Philipp Dormann <philipp@philippdormann.de>
Date: Sun, 7 Mar 2021 14:08:06 +0100
Subject: [PATCH 11/14] use api response object properly

ref #11
---
 src/components/Profile.vue | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/Profile.vue b/src/components/Profile.vue
index 2d24e08..8f566f8 100644
--- a/src/components/Profile.vue
+++ b/src/components/Profile.vue
@@ -139,8 +139,12 @@
                       </thead>
                       <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">s.distance</td>
-                          <td class="px-4 py-3">s.time</td>
+                          <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>
                         </tr>
                       </tbody>
                     </table>
@@ -198,6 +202,7 @@ axios.get(`${config.baseurl}api/runners/me/${token}`)
 axios.get(`${config.baseurl}api/runners/me/${token}/scans`)
   .then(({ data }) => {
     state.scans = data;
+    // TODO: filter for valid=true scans only
   }).catch((error) => {
     toast.error("An error occured while loading your profile data");
   })

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 12/14] 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");
   })

From 641e7a0d8ff75ce5756d11f39b583f55731b821c Mon Sep 17 00:00:00 2001
From: Philipp Dormann <philipp@philippdormann.de>
Date: Tue, 9 Mar 2021 17:27:48 +0100
Subject: [PATCH 13/14] Profile - display group

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

diff --git a/src/components/Profile.vue b/src/components/Profile.vue
index 7d60dcf..2dc30c7 100644
--- a/src/components/Profile.vue
+++ b/src/components/Profile.vue
@@ -9,7 +9,7 @@
             class="text-3xl font-bold whitespace-nowrap"
             v-text="(state.firstname || '') + ' ' + (state.middlename || '') + ' ' + (state.lastname || '')"
           ></p>
-          <p class="text-md whitespace-nowrap">Musterfirma > PR</p>
+          <p class="text-md whitespace-nowrap">{{ state.group }}</p>
         </div>
         <div class="inline-flex md:ml-auto md:mr-0 mx-auto items-center space-x-4">
           <button
@@ -48,30 +48,30 @@
           <div class="flex lg:flex-wrap flex-row lg:space-x-2">
             <div class="flex-none">
               <button
-                @click="() => { activetab = 'profile' }"
-                :class="{ 'tab-active border-b-2 font-medium border-blue-500': (activetab === 'profile') }"
+                @click="() => { state.activetab = 'profile' }"
+                :class="{ 'tab-active border-b-2 font-medium border-blue-500': (state.activetab === 'profile') }"
                 class="tab tab-underline py-4 px-6 block"
                 type="button"
               >{{ $t('profile') }}</button>
             </div>
             <div class="flex-none">
               <button
-                @click="() => { activetab = 'laptimes' }"
-                :class="{ 'tab-active border-b-2 font-medium border-blue-500': (activetab === 'laptimes') }"
+                @click="() => { state.activetab = 'laptimes' }"
+                :class="{ 'tab-active border-b-2 font-medium border-blue-500': (state.activetab === 'laptimes') }"
                 class="tab tab-underline py-4 px-6 block"
                 type="button"
               >{{ $t('lap_times') }}</button>
             </div>
             <div class="flex-none">
               <button
-                @click="() => { activetab = 'sponsorings' }"
-                :class="{ 'tab-active border-b-2 font-medium border-blue-500': (activetab === 'sponsorings') }"
+                @click="() => { state.activetab = 'sponsorings' }"
+                :class="{ 'tab-active border-b-2 font-medium border-blue-500': (state.activetab === 'sponsorings') }"
                 class="tab tab-underline py-4 px-6 block"
                 type="button"
               >{{ $t('sponsoring') }}</button>
             </div>
           </div>
-          <div v-if="(activetab === 'profile')" class="tab-content block">
+          <div v-if="(state.activetab === 'profile')" class="tab-content block">
             <div class="py-4 w-full">
               <div class="flex flex-col">
                 <form class="form flex flex-wrap w-full">
@@ -116,7 +116,7 @@
               </div>
             </div>
           </div>
-          <div v-if="(activetab === 'laptimes')" class="tab-content block">
+          <div v-if="(state.activetab === 'laptimes')" class="tab-content block">
             <div class="py-4 w-full">
               <section class="text-gray-400 dark:bg-gray-900 body-font">
                 <div class="container mx-auto">
@@ -158,7 +158,7 @@
               </section>
             </div>
           </div>
-          <div v-if="(activetab === 'sponsorings')" class="tab-content block">
+          <div v-if="(state.activetab === 'sponsorings')" class="tab-content block">
             <div class="py-4 w-full">coming soon...</div>
           </div>
         </div>
@@ -181,8 +181,9 @@ const state = reactive({
   firstname: "",
   middlename: "",
   lastname: "",
+  group: "",
+  activetab: "profile",
 })
-let activetab = ref("profile");
 const toast = useToast();
 const token = location.hash.substr(1).split('&')[0].split('=')[1];
 axios.get(`${config.baseurl}api/runners/me/${token}`)
@@ -192,6 +193,7 @@ axios.get(`${config.baseurl}api/runners/me/${token}`)
     state.firstname = data.firstname;
     state.middlename = data.middlename;
     state.lastname = data.lastname;
+    state.group = data.group;
   }).catch((error) => {
     toast.error("An error occured while loading your profile data");
   })

From 56daa7c501e3f59e988f1912ed397e43d6311572 Mon Sep 17 00:00:00 2001
From: Philipp Dormann <philipp@philippdormann.de>
Date: Tue, 9 Mar 2021 17:39:20 +0100
Subject: [PATCH 14/14] fix fallback component routing for invalid env config

ref #10
---
 src/main.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/main.js b/src/main.js
index 188d3ff..0611093 100644
--- a/src/main.js
+++ b/src/main.js
@@ -28,7 +28,7 @@ const Privacy = import('./components/Privacy.vue');
 const Register = import('./components/Register.vue');
 const Profile = () => import('./components/Profile.vue');
 //
-let routes = [ { path: '/', component: EnvError } ];
+let routes = [ { path: '/:pathMatch(.*)*', component: EnvError } ];
 if (typeof config !== 'undefined') {
 	if (config.baseurl && config.documentserver_key) {
 		routes = [