Added achievements in profil page

2026-04-15 12:18:00 +01:00
parent ce5cc5880b
commit d9af61889a
8 changed files with 123 additions and 5 deletions
@@ -0,0 +1,18 @@
+<div class="rounded-lg px-2 m-3 bg-white border border-gray-200 items-center h-full max-h-48 overflow-scroll">
+    <ion-list lines="none" class="flex flex-col gap-3 pt-1 pb-1">
+        @for (challenge of userChallenges(); track challenge.challengeTitle) {
+            <ion-item class="border border-gray-200 rounded-xl" style="--inner-padding-end: 0; --padding-start: 0;">
+                <div class="grid grid-cols-[1fr_auto] gap-2 items-start w-full px-3 py-2">
+                    <div>
+                        <p class="m-0 text-sm font-medium text-gray-900">{{ challenge.challengeTitle }}</p>
+                        <p class="m-0 mt-1 text-xs text-gray-500 leading-relaxed">{{ challenge.challengeDescription }}</p>
+                    </div>
+                    <div class="text-right shrink-0">
+                        <p class="m-0 text-xs text-gray-500">{{ converterHours(challenge.challengeDuration) }}</p>
+                        <p class="m-0 mt-1 text-xs text-gray-400">{{ challenge.challengeStartDate }}</p>
+                    </div>
+                </div>
+            </ion-item>
+        }
+    </ion-list>
+</div>