🚀Bumped version to v1.2.4

CHANGELOG.md

@@ -2,8 +2,14 @@
 
 All notable changes to this project will be documented in this file. Dates are displayed in UTC.
 
+#### [1.2.4](https://git.odit.services/lfk/selfservice/compare/1.2.3...1.2.4)
+
+- feat: loading screen [`2939911`](https://git.odit.services/lfk/selfservice/commit/2939911c993c3817d841d4cb4660aa940e478cc0)
+
 #### [1.2.3](https://git.odit.services/lfk/selfservice/compare/1.2.2...1.2.3)
 
+> 17 March 2025
+
 - chore(deps): bump [`64bb2d1`](https://git.odit.services/lfk/selfservice/commit/64bb2d157daab257b6e0e7c4e6ed04f4b3772740)
 - feat: cleanup profile [`86ec22a`](https://git.odit.services/lfk/selfservice/commit/86ec22aa435d9138ae3cde6387ce7ead14f3c964)
 - feat: improve profile [`846d10f`](https://git.odit.services/lfk/selfservice/commit/846d10f0b95dad460a068bdaf3ca489d96c0b723)
@@ -12,6 +18,7 @@ All notable changes to this project will be documented in this file. Dates are d
 - i18n [`c94f9e5`](https://git.odit.services/lfk/selfservice/commit/c94f9e550e1cbe4626242423deb6d9ab994eea63)
 - feat: wip: sponsoring add [`382757a`](https://git.odit.services/lfk/selfservice/commit/382757aa66cd79a6a8081ff4b21f6efe46a3ccfd)
 - feat: cleanup profile [`0366f95`](https://git.odit.services/lfk/selfservice/commit/0366f95951d1415b300b174699d93e4bf17f3e18)
+- 🚀Bumped version to v1.2.3 [`e7b9c6e`](https://git.odit.services/lfk/selfservice/commit/e7b9c6e2036addd18e109e3ab040e69dee2f658d)
 - shareSponsorLink function [`ccea9d6`](https://git.odit.services/lfk/selfservice/commit/ccea9d61975bfa54928d557735cd3ce79d671435)
 - no selfservice sponsor add for now [`3641d2a`](https://git.odit.services/lfk/selfservice/commit/3641d2a78341b91a26a9d4cc31c40707096768b1)
 - feat: disable darkmode for now, also is better for visibility on day of run... [`0848209`](https://git.odit.services/lfk/selfservice/commit/0848209d49e4445881bf9536d87fe18ea2a6c924)

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@odit/lfk-selfservice",
-	"version": "1.2.3",
+	"version": "1.2.4",
 	"type": "module",
 	"scripts": {
 		"dev": "vite",

src/views/Profile.vue

@@ -11,15 +11,18 @@
             dark:text-gray-200
           ">
         <img src="/favicon-lfk.png" class="h-20 mx-auto" />
-        <h1 class="text-3xl font-bold whitespace-nowrap font-[Athiti]" v-text="(state.firstname || '') +
+        <div v-if="loadstate === 'loaded'">
-          ' ' +
+          <h1 class="text-3xl font-bold whitespace-nowrap font-[Athiti]" v-text="(state.firstname || '') +
-          (state.middlename || '') +
+            ' ' +
-          ' ' +
+            (state.middlename || '') +
-          (state.lastname || '')
+            ' ' +
-          "></h1>
+            (state.lastname || '')
-        <p class="text-md whitespace-nowrap">Team: {{ state.group }}</p>
+            "></h1>
+          <p class="text-md whitespace-nowrap">Team: {{ state.group }}</p>
+        </div>
+        <h1 v-else class="text-3xl font-bold whitespace-nowrap font-[Athiti]">Daten werden geladen...</h1>
       </div>
-      <div class="flex flex-wrap">
+      <div v-if="loadstate === 'loaded'" class="flex flex-wrap">
         <div class="w-full">
           <div class="flex flex-wrap flex-col w-full tabs">
             <div class="flex lg:flex-wrap flex-row lg:space-x-2 justify-center">
@@ -287,7 +290,8 @@
                   <div class="grid grid-cols-1 sm:grid-cols-2 gap-4 lg:gap-6">
                     <div>
                       <label for="sponsorvorname"
-                        class="block mb-2 text-sm text-gray-700 font-medium dark:text-white">{{ $t('vorname_des_sponsors') }}</label>
+                        class="block mb-2 text-sm text-gray-700 font-medium dark:text-white">{{
+                          $t('vorname_des_sponsors') }}</label>
                       <input v-bind="newsponsor_vorname" type="text" name="sponsorvorname" id="sponsorvorname"
                         placeholder="Vorname des Sponsors"
                         class="py-2.5 sm:py-3 px-4 block w-full border-gray-200 rounded-lg border sm:text-sm focus:border-blue-500 focus:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-400 dark:placeholder-neutral-500 dark:focus:ring-neutral-600">
@@ -295,7 +299,8 @@
 
                     <div>
                       <label for="sponsornachname"
-                        class="block mb-2 text-sm text-gray-700 font-medium dark:text-white">{{ $t('nachname_des_sponsors') }}</label>
+                        class="block mb-2 text-sm text-gray-700 font-medium dark:text-white">{{
+                          $t('nachname_des_sponsors') }}</label>
                       <input v-bind="newsponsor_nachname" type="text" name="sponsornachname" id="sponsornachname"
                         placeholder="Nachname des Sponsors"
                         class="py-2.5 sm:py-3 px-4 block w-full border-gray-200 rounded-lg border sm:text-sm focus:border-blue-500 focus:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-400 dark:placeholder-neutral-500 dark:focus:ring-neutral-600">
@@ -305,23 +310,23 @@
                     <!-- End Grid -->
 
                     <div>
-                      <label for="sponsortel"
+                      <label for="sponsortel" class="block mb-2 text-sm text-gray-700 font-medium dark:text-white">{{
-                        class="block mb-2 text-sm text-gray-700 font-medium dark:text-white">{{ $t('telefonnummer_des_sponsors') }}</label>
+                        $t('telefonnummer_des_sponsors') }}</label>
                       <input v-bind="newsponsor_tel" type="tel" name="sponsortel" id="sponsortel" autocomplete="tel"
                         class="py-2.5 sm:py-3 px-4 block w-full border-gray-200 rounded-lg border sm:text-sm focus:border-blue-500 focus:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-400 dark:placeholder-neutral-500 dark:focus:ring-neutral-600">
                     </div>
 
                     <div>
-                      <label for="sponsormail"
+                      <label for="sponsormail" class="block mb-2 text-sm text-gray-700 font-medium dark:text-white">{{
-                        class="block mb-2 text-sm text-gray-700 font-medium dark:text-white">{{ $t('e_mail_des_sponsors') }}</label>
+                        $t('e_mail_des_sponsors') }}</label>
                       <input v-bind="newsponsor_mail" type="email" name="sponsormail" id="sponsormail"
                         class="py-2.5 sm:py-3 px-4 block w-full border-gray-200 rounded-lg border sm:text-sm focus:border-blue-500 focus:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-400 dark:placeholder-neutral-500 dark:focus:ring-neutral-600">
                     </div>
 
                   </div>
                   <div>
-                    <label for="eurokilometer"
+                    <label for="eurokilometer" class="block mb-2 text-sm text-gray-700 font-medium dark:text-white">{{
-                      class="block mb-2 text-sm text-gray-700 font-medium dark:text-white">{{ $t('sponsoring_pro_kilometer_in_eur') }}</label>
+                      $t('sponsoring_pro_kilometer_in_eur') }}</label>
                     <input v-bind="newsponsor_value" type="number" name="eurokilometer" id="eurokilometer"
                       placeholder="z.B. 1€ ODER 0,50€"
                       class="py-2.5 sm:py-3 px-4 block w-full border-gray-200 rounded-lg border sm:text-sm focus:border-blue-500 focus:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-400 dark:placeholder-neutral-500 dark:focus:ring-neutral-600">
@@ -337,7 +342,8 @@
                     class="shrink-0 mt-1.5 border-gray-200 rounded-sm text-blue-600 focus:ring-blue-500 dark:bg-neutral-800 dark:border-neutral-700 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-gray-800">
                 </div>
                 <div class="ms-3">
-                  <label for="sponsor_agree" class="text-sm text-gray-600 dark:text-neutral-400">{{ $t('sponsor_add_agree') }}</label>
+                  <label for="sponsor_agree" class="text-sm text-gray-600 dark:text-neutral-400">{{
+                    $t('sponsor_add_agree') }}</label>
                 </div>
               </div>
               <!-- End Checkbox -->
@@ -491,6 +497,7 @@ import { toCanvas } from "bwip-js";
 import Footer from "@/components/Footer.vue";
 import { useI18n } from 'vue-i18n'
 const { t } = useI18n()
+const loadstate = ref("loading")
 const mode = ref("")
 // 
 const newsponsor_check = ref(false)
@@ -566,6 +573,7 @@ function getReadableDistance(distance) {
 axios
   .get(`${config.baseurl}api/runners/me/${accesstoken}`)
   .then(({ data }) => {
+    loadstate.value = "loaded"
     state.phone = data.phone;
     state.email = data.email;
     state.firstname = data.firstname;
@@ -577,6 +585,7 @@ axios
     state.barcode = textToBase64Barcode(data.id ?? "???");
   })
   .catch((error) => {
+    loadstate = "error"
     toast.clear();
     toast.error(t('profil_konnte_nicht_geladen_werden'));
   });