From 2d761ccd6da7d9515fc0c2b65dc2ca0cff61e3bd Mon Sep 17 00:00:00 2001
From: Philipp Dormann <philipp@philippdormann.de>
Date: Wed, 21 May 2025 20:19:05 +0200
Subject: [PATCH] refactor(Profile): drop sponsor selfservice create from this
 branch

---
 src/views/Profile.vue | 608 +++++++++++++++++-------------------------
 1 file changed, 252 insertions(+), 356 deletions(-)

diff --git a/src/views/Profile.vue b/src/views/Profile.vue
index 20db487..6eaf585 100644
--- a/src/views/Profile.vue
+++ b/src/views/Profile.vue
@@ -1,140 +1,122 @@
 <template>
   <div class="w-full p-4 lg:px-48 xl:w-2/3 xl:mx-auto">
-      <div class="md:pr-10 md:mb-0 mb-6 pr-0 w-full text-center text-black dark:text-gray-200">
-        <img src="/favicon-lfk.png" class="h-20 mx-auto" />
-        <div v-if="loadstate === 'loaded'">
-          <h1 class="text-3xl font-bold whitespace-nowrap" v-text="(state.firstname || '') +
-            ' ' +
-            (state.middlename || '') +
-            ' ' +
-            (state.lastname || '')
-            "></h1>
-          <p v-if="state.group==='Citizen'" class="text-md whitespace-nowrap">Bürgerlauf<br>Start: 14:00 Uhr</p>
-          <p v-else class="text-md whitespace-nowrap">Team: {{ state.group }}</p>
-        </div>
-        <h1 v-else class="text-3xl font-bold whitespace-nowrap">Daten werden geladen...</h1>
+    <div class="md:pr-10 md:mb-0 mb-6 pr-0 w-full text-center text-black dark:text-gray-200">
+      <img src="/favicon-lfk.png" class="h-20 mx-auto" />
+      <div v-if="loadstate === 'loaded'">
+        <h1 class="text-3xl font-bold whitespace-nowrap" v-text="(state.firstname || '') +
+          ' ' +
+          (state.middlename || '') +
+          ' ' +
+          (state.lastname || '')
+          "></h1>
+        <p v-if="state.group === 'Citizen'" class="text-md whitespace-nowrap">Bürgerlauf<br>Start: 14:00 Uhr</p>
+        <p v-else class="text-md whitespace-nowrap">Team: {{ state.group }}</p>
       </div>
-      <div v-if="loadstate === 'loaded'" class="flex flex-wrap">
-        <div class="w-full">
-          <div class="">
-            <div class="grid grid-cols-3 text-center gap-1">
-              <button @click="() => {
-                state.activetab = 'profile';
-              }
-              " :class="{
-                'tab-active font-medium bg-blue-600 hover:bg-blue-700 text-white':
-                  state.activetab === 'profile',
-                'bg-neutral-200':
-                  state.activetab !== 'profile',
-              }" class="cursor-pointer rounded-md p-2 py-3 md:py-4 md:px-6 block" type="button">
-                {{ $t("profile") }}
-              </button>
-              <button @click="() => {
-                state.activetab = 'laptimes';
-              }
-              " :class="{
-                'tab-active font-medium bg-blue-600 hover:bg-blue-700 text-white':
-                  state.activetab === 'laptimes',
-                'bg-neutral-200':
-                  state.activetab !== 'laptimes',
-              }" class="cursor-pointer rounded-md p-2 py-3 md:py-4 md:px-6 block" type="button">
-                {{ $t("lap_times") }}
-              </button>
-              <button @click="() => {
-                state.activetab = 'sponsorings';
-              }
-              " :class="{
-                'tab-active font-medium bg-blue-600 hover:bg-blue-700 text-white':
-                  state.activetab === 'sponsorings',
-                'bg-neutral-200':
-                  state.activetab !== 'sponsorings',
-              }" class="cursor-pointer rounded-md p-2 py-3 md:py-4 md:px-6 block" type="button">
-                {{ $t("sponsoring") }}
-              </button>
-            </div>
-            <div v-if="state.activetab === 'profile'" class="tab-content block">
-              <div class="w-full mx-auto">
-                <div class="flex flex-col">
-                  <div class="flex flex-wrap w-full">
-                    <div class="w-full">
-                      <div v-if="state.delete_active === false">
-                        <button type="button"
-                          class="mt-2 focus:border-black focus:ring-2 focus:ring-black text-white text-base font-medium md:text-sm py-3.5 px-5 md:py-2.5 md:px-5 rounded-md bg-blue-600 hover:bg-blue-700 hover:shadow-lg w-full md:w-auto cursor-pointer mb-1 md:mr-1"
-                          @click="get_certificate">
-                          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
-                            stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
-                            class="inline-block">
-                            <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
-                            <polyline points="7 10 12 15 17 10" />
-                            <line x1="12" x2="12" y1="15" y2="3" />
-                          </svg>
-                          {{ $t("download_certificate") }}
-                        </button>
+      <h1 v-else class="text-3xl font-bold whitespace-nowrap">Daten werden geladen...</h1>
+    </div>
+    <div v-if="loadstate === 'loaded'" class="flex flex-wrap">
+      <div class="w-full">
+        <div class="">
+          <div class="grid grid-cols-3 text-center gap-1">
+            <button @click="() => {
+              state.activetab = 'profile';
+            }
+            " :class="{
+              'tab-active font-medium bg-blue-600 hover:bg-blue-700 text-white':
+                state.activetab === 'profile',
+              'bg-neutral-200':
+                state.activetab !== 'profile',
+            }" class="cursor-pointer rounded-md p-2 py-3 md:py-4 md:px-6 block" type="button">
+              {{ $t("profile") }}
+            </button>
+            <button @click="() => {
+              state.activetab = 'laptimes';
+            }
+            " :class="{
+              'tab-active font-medium bg-blue-600 hover:bg-blue-700 text-white':
+                state.activetab === 'laptimes',
+              'bg-neutral-200':
+                state.activetab !== 'laptimes',
+            }" class="cursor-pointer rounded-md p-2 py-3 md:py-4 md:px-6 block" type="button">
+              {{ $t("lap_times") }}
+            </button>
+            <button @click="() => {
+              state.activetab = 'sponsorings';
+            }
+            " :class="{
+              'tab-active font-medium bg-blue-600 hover:bg-blue-700 text-white':
+                state.activetab === 'sponsorings',
+              'bg-neutral-200':
+                state.activetab !== 'sponsorings',
+            }" class="cursor-pointer rounded-md p-2 py-3 md:py-4 md:px-6 block" type="button">
+              {{ $t("sponsoring") }}
+            </button>
+          </div>
+          <div v-if="state.activetab === 'profile'" class="tab-content block">
+            <div class="w-full mx-auto">
+              <div class="flex flex-col">
+                <div class="flex flex-wrap w-full">
+                  <div class="w-full">
+                    <div v-if="state.delete_active === false">
+                      <button type="button"
+                        class="mt-2 focus:border-black focus:ring-2 focus:ring-black text-white text-base font-medium md:text-sm py-3.5 px-5 md:py-2.5 md:px-5 rounded-md bg-blue-600 hover:bg-blue-700 hover:shadow-lg w-full md:w-auto cursor-pointer mb-1 md:mr-1"
+                        @click="get_certificate">
+                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
+                          stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
+                          class="inline-block">
+                          <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
+                          <polyline points="7 10 12 15 17 10" />
+                          <line x1="12" x2="12" y1="15" y2="3" />
+                        </svg>
+                        {{ $t("download_certificate") }}
+                      </button>
 
-                      </div>
-                      <div>
-                        <div class="text-lg">{{ $t("registrationcode") }}</div>
-                        <img class="w-full md:w-auto mb-2 bg-white p-2" alt="Registrierungscode" :src="state.barcode" />
-                        <button type="button"
-                          class="focus:border-black focus:ring-2 focus:ring-black text-white text-base font-medium md:text-sm py-3.5 px-5 md:py-2.5 md:px-5 rounded-md bg-blue-600 hover:bg-blue-700 hover:shadow-lg w-full md:w-auto cursor-pointer mb-1 md:mr-1"
-                          @click="get_registration">
-                          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
-                            stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
-                            class="inline-block">
-                            <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
-                            <polyline points="7 10 12 15 17 10" />
-                            <line x1="12" x2="12" y1="15" y2="3" />
-                          </svg>
-                          {{ $t("download_registrationcode") }}
-                        </button>
-                      </div>
-                      <div class="mb-2">
-                        <div class="text-lg">{{ $t("e_mail_adress") }}</div>
-                        <p v-text="state.email || '---'" />
-                      </div>
-                      <div class="mb-2">
-                        <div class="text-lg">{{ $t("phone_number") }}</div>
-                        <p v-text="state.phone || '---'" />
-                      </div>
+                    </div>
+                    <div>
+                      <div class="text-lg">{{ $t("registrationcode") }}</div>
+                      <img class="w-full md:w-auto mb-2 bg-white p-2" alt="Registrierungscode" :src="state.barcode" />
+                      <button type="button"
+                        class="focus:border-black focus:ring-2 focus:ring-black text-white text-base font-medium md:text-sm py-3.5 px-5 md:py-2.5 md:px-5 rounded-md bg-blue-600 hover:bg-blue-700 hover:shadow-lg w-full md:w-auto cursor-pointer mb-1 md:mr-1"
+                        @click="get_registration">
+                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
+                          stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
+                          class="inline-block">
+                          <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
+                          <polyline points="7 10 12 15 17 10" />
+                          <line x1="12" x2="12" y1="15" y2="3" />
+                        </svg>
+                        {{ $t("download_registrationcode") }}
+                      </button>
+                    </div>
+                    <div class="mb-2">
+                      <div class="text-lg">{{ $t("e_mail_adress") }}</div>
+                      <p v-text="state.email || '---'" />
+                    </div>
+                    <div class="mb-2">
+                      <div class="text-lg">{{ $t("phone_number") }}</div>
+                      <p v-text="state.phone || '---'" />
                     </div>
                   </div>
                 </div>
-                <div v-if="state.delete_active === true">
-                  <button type="button"
-                    class="focus:border-black focus:ring-2 focus:ring-black text-white text-base font-medium md:text-sm py-3.5 px-5 md:py-2.5 md:px-5 rounded-md mb-1 md:mb-auto w-full md:w-auto cursor-pointer bg-blue-600 hover:bg-blue-700 hover:shadow-lg"
-                    @click="() => {
-                      state.delete_active = false;
-                    }
-                    ">
-                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
-                      stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
-                      class="inline-block">
-                      <circle cx="12" cy="12" r="10" />
-                      <path d="m4.9 4.9 14.2 14.2" />
-                    </svg>
-                    {{ $t("cancel_keep_my_data") }}
-                  </button>
-                  <button type="button"
-                    class="focus:border-black focus:ring-2 focus:ring-black text-white text-base font-medium md:text-sm py-3.5 px-5 md:py-2.5 md:px-5 rounded-md w-full md:w-auto cursor-pointer bg-red-600 hover:bg-red-700 hover:shadow-lg md:ml-1"
-                    @click="delete_me">
-                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
-                      stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
-                      class="inline-block">
-                      <path d="M3 6h18" />
-                      <path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6" />
-                      <path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2" />
-                      <line x1="10" x2="10" y1="11" y2="17" />
-                      <line x1="14" x2="14" y1="11" y2="17" />
-                    </svg>
-                    {{ $t("confirm_delete_all_of_my_data") }}
-                  </button>
-                </div>
-                <button v-else type="button"
-                  class="focus:border-black focus:ring-2 focus:ring-black text-white text-base font-medium md:text-sm py-3.5 px-5 md:py-2.5 md:px-5 rounded-md bg-red-600 hover:bg-red-700 hover:shadow-lg w-full md:w-auto cursor-pointer"
+              </div>
+              <div v-if="state.delete_active === true">
+                <button type="button"
+                  class="focus:border-black focus:ring-2 focus:ring-black text-white text-base font-medium md:text-sm py-3.5 px-5 md:py-2.5 md:px-5 rounded-md mb-1 md:mb-auto w-full md:w-auto cursor-pointer bg-blue-600 hover:bg-blue-700 hover:shadow-lg"
                   @click="() => {
-                    state.delete_active = true;
+                    state.delete_active = false;
                   }
                   ">
+                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
+                    stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
+                    class="inline-block">
+                    <circle cx="12" cy="12" r="10" />
+                    <path d="m4.9 4.9 14.2 14.2" />
+                  </svg>
+                  {{ $t("cancel_keep_my_data") }}
+                </button>
+                <button type="button"
+                  class="focus:border-black focus:ring-2 focus:ring-black text-white text-base font-medium md:text-sm py-3.5 px-5 md:py-2.5 md:px-5 rounded-md w-full md:w-auto cursor-pointer bg-red-600 hover:bg-red-700 hover:shadow-lg md:ml-1"
+                  @click="delete_me">
                   <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
                     stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                     class="inline-block">
@@ -144,281 +126,224 @@
                     <line x1="10" x2="10" y1="11" y2="17" />
                     <line x1="14" x2="14" y1="11" y2="17" />
                   </svg>
-                  {{ $t("delete_my_data") }}
+                  {{ $t("confirm_delete_all_of_my_data") }}
                 </button>
               </div>
+              <button v-else type="button"
+                class="focus:border-black focus:ring-2 focus:ring-black text-white text-base font-medium md:text-sm py-3.5 px-5 md:py-2.5 md:px-5 rounded-md bg-red-600 hover:bg-red-700 hover:shadow-lg w-full md:w-auto cursor-pointer"
+                @click="() => {
+                  state.delete_active = true;
+                }
+                ">
+                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
+                  stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
+                  class="inline-block">
+                  <path d="M3 6h18" />
+                  <path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6" />
+                  <path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2" />
+                  <line x1="10" x2="10" y1="11" y2="17" />
+                  <line x1="14" x2="14" y1="11" y2="17" />
+                </svg>
+                {{ $t("delete_my_data") }}
+              </button>
             </div>
           </div>
-          <div v-if="state.activetab === 'laptimes'" class="tab-content block">
-            <div class="py-4 w-full">
-              <section class="dark:bg-gray-900 body-font">
-                <div class="mx-auto">
-                  <div class="w-full mx-auto">
-                    <div v-if="state.scans.length > 0">
-                      <p class="mb-2">
-                        {{ $t('total_distance') }}: {{ getReadableDistanceForUI() }}
-                      </p>
+        </div>
+        <div v-if="state.activetab === 'laptimes'" class="tab-content block">
+          <div class="py-4 w-full">
+            <section class="dark:bg-gray-900 body-font">
+              <div class="mx-auto">
+                <div class="w-full mx-auto">
+                  <div v-if="state.scans.length > 0">
+                    <p class="mb-2">
+                      {{ $t('total_distance') }}: {{ getReadableDistanceForUI() }}
+                    </p>
 
-                      <table class="table-auto w-full text-left whitespace-no-wrap">
-                        <thead class="
+                    <table 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
                         ">
-                          <tr>
-                            <th class="
+                        <tr>
+                          <th class="
                               px-4
                               py-3
                               title-font
                               tracking-wider
                               font-medium
                             ">
-                              {{ $t("distance") }}
-                            </th>
-                            <th class="
+                            {{ $t("distance") }}
+                          </th>
+                          <th class="
                               px-4
                               py-3
                               title-font
                               tracking-wider
                               font-medium
                             ">
-                              {{ $t("lap_time") }}
-                            </th>
-                          </tr>
-                        </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">
-                              <span v-text="s.distance_readable"></span>
-                            </td>
-                            <td class="px-4 py-3" v-text="s.lapTime_readable"></td>
-                          </tr>
-                        </tbody>
-                      </table>
-                    </div>
-                    <div v-else class="
+                            {{ $t("lap_time") }}
+                          </th>
+                        </tr>
+                      </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">
+                            <span v-text="s.distance_readable"></span>
+                          </td>
+                          <td class="px-4 py-3" v-text="s.lapTime_readable"></td>
+                        </tr>
+                      </tbody>
+                    </table>
+                  </div>
+                  <div v-else class="
                         text-center
                         font-medium
                         text-black
                         dark:text-white
                         text-xl
                       ">
-                      <img src="../assets/empty_laps.svg" class="mx-auto h-56"
-                        :alt="[[$t('no_laps_scans_were_recorded_yet')]]" />
-                      {{ $t("no_laps_scans_were_recorded_yet") }}
-                    </div>
+                    <img src="../assets/empty_laps.svg" class="mx-auto h-56"
+                      :alt="[[$t('no_laps_scans_were_recorded_yet')]]" />
+                    {{ $t("no_laps_scans_were_recorded_yet") }}
                   </div>
                 </div>
-              </section>
-            </div>
-          </div>
-          <div v-if="state.activetab === 'sponsorings'" class="tab-content block">
-            <div v-if="mode === 'add_sponsoring'">
-              <h1 class="text-3xl">{{ $t('add_sponsoring') }}</h1>
-              <form>
-                <div class="mt-6 grid gap-4 lg:gap-6">
-                  <!-- Grid -->
-                  <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>
-                      <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">
-                    </div>
-
-                    <div>
-                      <label for="sponsornachname"
-                        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">
-                    </div>
-                  </div>
-                  <div class="grid grid-cols-1 sm:grid-cols-2 gap-4 lg:gap-6">
-                    <!-- End Grid -->
-
-                    <div>
-                      <label for="sponsortel" class="block mb-2 text-sm text-gray-700 font-medium dark:text-white">{{
-                        $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" class="block mb-2 text-sm text-gray-700 font-medium dark:text-white">{{
-                        $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" class="block mb-2 text-sm text-gray-700 font-medium dark:text-white">{{
-                      $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">
-                  </div>
-                </div>
-              </form>
-              <!-- End Grid -->
-
-              <!-- Checkbox -->
-              <div class="mt-3 flex">
-                <div class="flex">
-                  <input v-model="newsponsor_check" id="sponsor_agree" name="sponsor_agree" type="checkbox"
-                    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>
-                </div>
               </div>
-              <!-- End Checkbox -->
+            </section>
+          </div>
+        </div>
+        <div v-if="state.activetab === 'sponsorings'" class="tab-content block">
 
-              <button :disabled="!newsponsor_check" @click="addSponsoring" type="button"
-                class="py-3 px-4 inline-flex items-center gap-x-2 text-sm font-medium rounded-lg border border-transparent bg-teal-100 text-teal-800 hover:bg-teal-200 focus:outline-hidden focus:bg-teal-200 disabled:opacity-50 disabled:pointer-events-none dark:text-teal-500 dark:bg-teal-800/30 dark:hover:bg-teal-800/20 dark:focus:bg-teal-800/20 mt-2 cursor-pointer">
-                {{ $t('add_sponsoring') }}
-              </button>
-            </div>
-            <div v-else>
-              <div class="py-4 w-full">
-                <section class="dark:bg-gray-900 body-font">
-                  <div class="mx-auto">
-                    <div class="w-full mx-auto">
-                      <table v-if="state.sponsorings.length > 0" class="table-auto w-full text-left whitespace-no-wrap">
-                        <thead class="
+          <div class="py-4 w-full">
+            <section class="dark:bg-gray-900 body-font">
+              <div class="mx-auto">
+                <div class="w-full mx-auto">
+                  <table v-if="state.sponsorings.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
                         ">
-                          <tr>
-                            <th class="
+                      <tr>
+                        <th class="
                               px-4
                               py-3
                               title-font
                               tracking-wider
                               font-medium
                             ">
-                              Name
-                            </th>
-                            <th class="
+                          Name
+                        </th>
+                        <th class="
                           px-4
                               py-3
                               title-font
                               tracking-wider
                               font-medium
                             ">
-                              {{ $t("amount_per_kilometer_in_eur") }}
-                            </th>
-                            <th class="
+                          {{ $t("amount_per_kilometer_in_eur") }}
+                        </th>
+                        <th class="
                               px-4
                               py-3
                               title-font
                               tracking-wider
                               font-medium
                             ">
-                              {{ $t("current_total_amount_in_eur") }}
-                            </th>
-                          </tr>
-                        </thead>
-                        <tbody class="text-gray-900 dark:text-gray-50">
-                          <tr class="odd:bg-white even:bg-gray-100 dark:odd:bg-neutral-900 dark:even:bg-neutral-800"
-                            v-for="s in state.sponsorings" :key="s.id">
-                            <td class="px-4 py-3">
-                              <span v-text="s.donor.firstname + ' '"></span>
-                              <span v-if="s.donor.middlename">
-                                <span v-text="s.donor.middlename"></span>
-                              </span>
-                              <span v-text="s.donor.lastname"></span>
-                            </td>
-                            <td class="px-4 py-3">
-                              <span v-text="(s.amountPerDistance / 100)
-                                .toFixed(2)
-                                .toLocaleString('de-DE', { valute: 'EUR' })
-                                "></span>€
-                            </td>
-                            <td class="px-4 py-3">
-                              <span v-text="(s.amount / 100)
-                                .toFixed(2)
-                                .toLocaleString('de-DE', { valute: 'EUR' })
-                                "></span>€
-                            </td>
-                          </tr>
-                        </tbody>
-                        <tfoot class="text-black
+                          {{ $t("current_total_amount_in_eur") }}
+                        </th>
+                      </tr>
+                    </thead>
+                    <tbody class="text-gray-900 dark:text-gray-50">
+                      <tr class="odd:bg-white even:bg-gray-100 dark:odd:bg-neutral-900 dark:even:bg-neutral-800"
+                        v-for="s in state.sponsorings" :key="s.id">
+                        <td class="px-4 py-3">
+                          <span v-text="s.donor.firstname + ' '"></span>
+                          <span v-if="s.donor.middlename">
+                            <span v-text="s.donor.middlename"></span>
+                          </span>
+                          <span v-text="s.donor.lastname"></span>
+                        </td>
+                        <td class="px-4 py-3">
+                          <span v-text="(s.amountPerDistance / 100)
+                            .toFixed(2)
+                            .toLocaleString('de-DE', { valute: 'EUR' })
+                            "></span>€
+                        </td>
+                        <td class="px-4 py-3">
+                          <span v-text="(s.amount / 100)
+                            .toFixed(2)
+                            .toLocaleString('de-DE', { valute: 'EUR' })
+                            "></span>€
+                        </td>
+                      </tr>
+                    </tbody>
+                    <tfoot class="text-black
                       bg-gray-300
                       border-t-2
                       border-t-current
                           dark:text-white
                           text-sm
                           dark:bg-gray-800">
-                          <tr>
-                            <td class="px-4 py-3">{{ $t("total") }}</td>
-                            <td class="px-4 py-3">
-                              <span v-text="(
-                                state.sponsorings.reduce(function (
-                                  sum,
-                                  current
-                                ) {
-                                  return sum + current.amountPerDistance;
-                                },
-                                  0) / 100
-                              )
-                                .toFixed(2)
-                                .toLocaleString('de-DE', { valute: 'EUR' })
-                                "></span>€
-                            </td>
-                            <td class="px-4 py-3">
-                              <span v-text="(
-                                state.sponsorings.reduce(function (
-                                  sum,
-                                  current
-                                ) {
-                                  return sum + current.amount;
-                                },
-                                  0) / 100
-                              )
-                                .toFixed(2)
-                                .toLocaleString('de-DE', { valute: 'EUR' })
-                                "></span>€
-                            </td>
-                          </tr>
-                        </tfoot>
-                      </table>
-                      <div v-else class="
+                      <tr>
+                        <td class="px-4 py-3">{{ $t("total") }}</td>
+                        <td class="px-4 py-3">
+                          <span v-text="(
+                            state.sponsorings.reduce(function (
+                              sum,
+                              current
+                            ) {
+                              return sum + current.amountPerDistance;
+                            },
+                              0) / 100
+                          )
+                            .toFixed(2)
+                            .toLocaleString('de-DE', { valute: 'EUR' })
+                            "></span>€
+                        </td>
+                        <td class="px-4 py-3">
+                          <span v-text="(
+                            state.sponsorings.reduce(function (
+                              sum,
+                              current
+                            ) {
+                              return sum + current.amount;
+                            },
+                              0) / 100
+                          )
+                            .toFixed(2)
+                            .toLocaleString('de-DE', { valute: 'EUR' })
+                            "></span>€
+                        </td>
+                      </tr>
+                    </tfoot>
+                  </table>
+                  <div v-else class="
                         text-center
                         font-medium
                         text-black
                         dark:text-white
                         text-xl
                         ">
-                        <img src="../assets/empty_laps.svg" class="h-56 mx-auto" :alt="[
-                          [$t('no_sponsorings_for_you_were_recorded_yet')],
-                        ]" />
-                        {{ $t("no_sponsorings_for_you_were_recorded_yet") }}
-                      </div>
-                      <!-- <button
-                        class="py-3 px-4 inline-flex items-center gap-x-2 text-sm font-medium rounded-lg border border-transparent bg-teal-100 text-teal-800 hover:bg-teal-200 focus:outline-hidden focus:bg-teal-200 disabled:opacity-50 disabled:pointer-events-none dark:text-teal-500 dark:bg-teal-800/30 dark:hover:bg-teal-800/20 dark:focus:bg-teal-800/20 mt-2"
-                        @click="mode = 'add_sponsoring'">{{ $t('add_sponsoring') }}</button> -->
-                    </div>
+                    <img src="../assets/empty_laps.svg" class="h-56 mx-auto" :alt="[
+                      [$t('no_sponsorings_for_you_were_recorded_yet')],
+                    ]" />
+                    {{ $t("no_sponsorings_for_you_were_recorded_yet") }}
                   </div>
-                </section>
+                </div>
               </div>
-            </div>
+            </section>
           </div>
         </div>
       </div>
-    <!--  -->
-    <Footer />
+    </div>
   </div>
+  <!--  -->
+  <Footer />
 </template>
 
 <script setup>
@@ -431,22 +356,6 @@ import { useI18n } from 'vue-i18n';
 import { TYPE, useToast } from "vue-toastification";
 const { t } = useI18n()
 const loadstate = ref("loading")
-const mode = ref("")
-// 
-const newsponsor_check = ref(false)
-const newsponsor_value = ref("")
-const newsponsor_mail = ref("")
-const newsponsor_tel = ref("")
-const newsponsor_vorname = ref("")
-const newsponsor_nachname = ref("")
-
-function shareSponsorLink() {
-  navigator.share({
-    title: state.firstname,
-    text: "Am 23.05.2025 findet der Lauf für Kaya! statt 🏃‍♂️🏃‍♀️\nWerde mein Sponsor beim Lauf für Kaya! 2025 und unterstütze mich pro gelaufenem Kilometer: https://lauf-fuer-kaya.de",
-    // url: "https://lauf-fuer-kaya.de",
-  })
-}
 
 function textToBase64Barcode(text) {
   const canvas = document.createElement("canvas");
@@ -542,19 +451,6 @@ runnerSelfServiceControllerGetScans({ path: { jwt: accesstoken } }).then(({ data
   .catch((error) => {
     toast.error(t('profil_konnte_nicht_geladen_werden'));
   });
-function addSponsoring() {
-  const postdata = {
-    "receiptNeeded": false,
-    "firstname": newsponsor_vorname.value,
-    "middlename": "",
-    "lastname": newsponsor_nachname.value,
-    "phone": newsponsor_tel.value,
-    "email": newsponsor_mail.value,
-    "address": {}
-  }
-  console.log(postdata);
-  // TODO: implement: donationControllerPostDistance({body:{}})
-}
 function delete_me() {
   toast.clear();
   toast(t('profil_wird_geloescht'));