lfk/selfservice
3
0
Fork 0
Code Issues Pull Requests Actions Projects Releases Wiki Activity

feat: profile cleanup

Browse Source
This commit is contained in:
Philipp Dormann 2025-03-17 22:06:32 +01:00
parent 4714b81465
commit 1202f2ebca
Signed by: philipp
GPG Key ID: 3BB9ADD52DCA4314
1 changed files with 29 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
src/views/Profile.vue
View File

@ -218,47 +218,50 @@
<section class="dark:bg-gray-900 body-font"> <section class="dark:bg-gray-900 body-font">
<div class="container mx-auto"> <div class="container mx-auto">
<div class="lg:w-2/3 w-full mx-auto"> <div class="lg:w-2/3 w-full mx-auto">
<p class="mb-2"> <div v-if="state.scans.length > 0">
{{ $t('total_distance') }}: {{ getReadableDistanceForUI() }} <p class="mb-2">
</p> {{ $t('total_distance') }}: {{ getReadableDistanceForUI() }}
<table v-if="state.scans.length > 0" class="table-auto w-full text-left whitespace-no-wrap"> </p>
<thead class="
<table class="table-auto w-full text-left whitespace-no-wrap">
<thead class="
text-black text-black
bg-gray-300 bg-gray-300
dark:text-white dark:text-white
text-sm text-sm
dark:bg-gray-800 dark:bg-gray-800
"> ">
<tr> <tr>
<th class=" <th class="
px-4 px-4
py-3 py-3
title-font title-font
tracking-wider tracking-wider
font-medium font-medium
"> ">
{{ $t("distance") }} {{ $t("distance") }}
</th> </th>
<th class=" <th class="
px-4 px-4
py-3 py-3
title-font title-font
tracking-wider tracking-wider
font-medium font-medium
"> ">
{{ $t("lap_time") }} {{ $t("lap_time") }}
</th> </th>
</tr> </tr>
</thead> </thead>
<tbody class="text-gray-900 dark:text-gray-50"> <tbody class="text-gray-900 dark:text-gray-50">
<tr v-for="s in state.scans" :key="s.id"> <tr v-for="s in state.scans" :key="s.id">
<td class="px-4 py-3"> <td class="px-4 py-3">
<span v-text="s.distance_readable"></span> <span v-text="s.distance_readable"></span>
</td> </td>
<td class="px-4 py-3" v-text="s.lapTime_readable"></td> <td class="px-4 py-3" v-text="s.lapTime_readable"></td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div>
<div v-else class=" <div v-else class="
text-center text-center
font-bold font-bold
@ -266,7 +269,7 @@
dark:text-white dark:text-white
text-2xl text-2xl
"> ">
<img src="../assets/empty_laps.svg" style="height: 25rem; margin: 0 auto" <img src="../assets/empty_laps.svg" class="mx-auto h-64"
:alt="[[$t('no_laps_scans_were_recorded_yet')]]" /> :alt="[[$t('no_laps_scans_were_recorded_yet')]]" />
{{ $t("no_laps_scans_were_recorded_yet") }} {{ $t("no_laps_scans_were_recorded_yet") }}
</div> </div>
@ -399,7 +402,8 @@
</tr> </tr>
</thead> </thead>
<tbody class="text-gray-900 dark:text-gray-50"> <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"> <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"> <td class="px-4 py-3">
<span v-text="s.donor.firstname + ' '"></span> <span v-text="s.donor.firstname + ' '"></span>
<span v-if="s.donor.middlename"> <span v-if="s.donor.middlename">