Created social page

2026-03-28 15:45:09 +01:00
parent 8dc66363ce
commit fdb4cf119b
73 changed files with 1097 additions and 1748 deletions
@@ -0,0 +1,45 @@
+@if (friendsRequest().length > 0) {
+    <div class="rounded-3xl px-5 m-3 bg-white overflow-auto font-mono border-1 border-gray-300">
+        <ion-list>
+            @for (request of friendsRequest(); track request.userId; let i = $index) {
+                @if (i == friendsRequest().length - 1) {
+                    <ion-item lines="none">
+                        <ion-avatar slot="start" class="w-5 h-5">
+                            <img alt="Silhouette of a person's head"
+                                 src="https://ionicframework.com/docs/img/demos/avatar.svg"/>
+                        </ion-avatar>
+                        <ion-label class="text-xs font-mono">{{ request.username }}</ion-label>
+                        <ion-button fill="clear" (touchstart)="acceptRequest(request)">
+                            <ion-icon slot="icon-only" name="check" class="text-green-600 m-0"></ion-icon>
+                        </ion-button>
+                        <app-pipe></app-pipe>
+                        <ion-button fill="clear" (touchstart)="rejectRequest(request.userId)">
+                            <ion-icon slot="icon-only" name="close" class="text-red-600 m-0"></ion-icon>
+                        </ion-button>
+                    </ion-item>
+                } @else {
+                    <ion-item lines="full">
+                        <ion-avatar slot="start" class="w-5 h-5">
+                            <img alt="Silhouette of a person's head"
+                                 src="https://ionicframework.com/docs/img/demos/avatar.svg"/>
+                        </ion-avatar>
+                        <ion-label class="text-xs font-mono">{{ request.username }}</ion-label>
+                        <ion-button fill="clear" (touchstart)="acceptRequest(request)">
+                            <ion-icon slot="icon-only" name="check" class="text-green-600 m-0"></ion-icon>
+                        </ion-button>
+                        <app-pipe></app-pipe>
+                        <ion-button fill="clear" (touchstart)="rejectRequest(request.userId)">
+                            <ion-icon slot="icon-only" name="close" class="text-red-600 m-0"></ion-icon>
+                        </ion-button>
+                    </ion-item>
+                }
+            }
+        </ion-list>
+    </div>
+} @else {
+    <div class="flex justify-center items-center p-4">
+        <p class="text-center text-sm italic text-gray-500 font-serif">
+            Vous n'avez aucune demande d'ami
+        </p>
+    </div>
+}