added functions and web-socket to chat in group

2026-05-13 23:01:25 +01:00
parent bd0d15bbf0
commit f1354c2db3
3 changed files with 60 additions and 0 deletions
@@ -0,0 +1,36 @@
+<div class="m-3">
+    <app-title-part textInfo="Début de la conversation"></app-title-part>
+</div>
+
+@for (message of messages(); track message.id) {
+    @if (message.userId === currentUser) {
+        <div class="flex flex-row-reverse items-end">
+            <div class="flex flex-col items-end">
+                <div class="px-3.5 py-2 text-sm rounded-3xl rounded-br-sm bg-violet-700 text-white max-w-xs">
+                    {{ message.libelle }}
+                </div>
+                <span class="text-[10px] mt-0.5 mr-1 mb-0.5">
+                  {{ message.sendDate | date:'HH:mm' }}
+                </span>
+            </div>
+        </div>
+
+    } @else {
+        <div class="flex items-end gap-2">
+            <div class="w-8 h-8 rounded-full flex items-center justify-center text-xs mb-2 bg-teal-100 text-teal-700 max-w-xs">
+                {{ message.username.substring(0, 2) }}
+            </div>
+            <div class="flex flex-col">
+                <span class="text-[11px] mb-1 ml-1">
+                  {{ message.username }}
+                </span>
+                <div class="px-3.5 py-2 text-sm rounded-3xl rounded-bl-sm border">
+                    {{ message.libelle }}
+                </div>
+                <span class="text-[10px] mt-0.5 mx-1 mb-0.5">
+                  {{ message.sendDate | date:'HH:mm' }}
+                </span>
+            </div>
+        </div>
+    }
+}