Cleaned code with new components

2026-04-14 17:54:44 +01:00
parent 90243bc671
commit b551659a69
58 changed files with 1764 additions and 853 deletions
@@ -0,0 +1,57 @@
+<div class="rounded-lg px-5 m-3 bg-white border border-gray-200 grid grid-cols-3 items-center">
+    <div>
+        <ion-avatar slot="start" class="w-20 h-20 p-2">
+            <img alt=""
+                 src="https://ionicframework.com/docs/img/demos/avatar.svg"/>
+        </ion-avatar>
+    </div>
+    <div class="col-span-2 py-3">
+        <ion-label class="text-[15px] font-sans font-bold block">
+            {{ userInfo()?.firstName }} {{ userInfo()?.name.charAt(0) }}.
+        </ion-label>
+        <ion-label class="text-xs font-mono block text-gray-400 mt-0.5">
+            {{ userInfo()?.username }}
+        </ion-label>
+        <ion-label
+                class="text-[10px] font-sans font-semibold block mt-2 bg-gray-100 text-gray-500 rounded-full px-2 py-0.5 w-fit">
+            @if (userInfo().designationName) {
+                ⚡ {{ userInfo().designationName }}
+            } @else {
+                ⚡ En sommeil
+            }
+        </ion-label>
+    </div>
+</div>
+
+<div class="grid grid-cols-3 px-1">
+    <div class="rounded-lg px-4 py-0.5 m-2 bg-white border border-gray-200">
+        <p class="text-2xl font-black font-mono mb-0.5">{{ userInfo().getUserStatsDto.totalChallenge }}</p>
+        <p class="text-[11px] font-semibold font-mono text-gray-400 mt-0">Défis réalisés</p>
+    </div>
+    <div class="rounded-lg px-4 py-0.5 m-2 bg-white border border-gray-200">
+        <p class="text-2xl font-black font-mono mb-0.5">{{ userInfo().getUserStatsDto.totalWin }}</p>
+        <p class="text-[11px] font-semibold font-mono text-gray-400 mt-0">Victoires</p>
+    </div>
+    <div class="rounded-lg px-4 py-0.5 m-2 bg-white border border-gray-200">
+        <p class="text-2xl font-black font-mono mb-0.5">{{ userInfo().getUserStatsDto.totalPodium }}</p>
+        <p class="text-[11px] font-semibold font-mono text-gray-400 mt-0">Podiums</p>
+    </div>
+</div>
+
+<div class="grid grid-cols-2 px-1">
+    <div class="rounded-lg px-4 py-0.5 m-2 bg-white border border-gray-200">
+        <p class="text-2xl font-black font-mono mb-0.5">{{ userInfo().getUserStatsDto.totalBonusChallenge }}</p>
+        <p class="text-[11px] font-semibold font-mono text-gray-400 mt-0">Défis bonus</p>
+    </div>
+    <div class="rounded-lg px-4 py-0.5 m-2 bg-white border border-gray-200">
+        <p class="text-2xl font-black font-mono mb-0.5">{{ userInfo().getUserStatsDto.series }}×</p>
+        <p class="text-[11px] font-semibold font-mono text-gray-400 mt-0">Séries max</p>
+    </div>
+</div>
+
+<div class="px-1">
+    <div class="rounded-lg px-4 py-0.5 m-2 bg-white border border-gray-200">
+        <p class="text-2xl font-black font-mono mb-0.5">{{ userInfo().getUserStatsDto.score }}</p>
+        <p class="text-[11px] font-semibold font-mono text-gray-400 mt-0">Score global</p>
+    </div>
+</div>
@@ -0,0 +1,15 @@
+import {Component, input} from '@angular/core';
+import {IonicModule} from "@ionic/angular";
+import {GetUserDetailsDto, GetUserDto} from "../../services/api";
+
+@Component({
+    selector: 'app-generic-user-info',
+    templateUrl: './generic-user-info.component.html',
+    styleUrls: ['./generic-user-info.component.scss'],
+    imports: [
+        IonicModule
+    ]
+})
+export class GenericUserInfoComponent {
+    userInfo = input.required<GetUserDetailsDto | GetUserDto>()
+}