chargement des messages

src/app/pages/messages/messages-main/messages-main.component.html

@@ -6,18 +6,17 @@
     </div>
 
     <div class="messages">
-        <div class="message received">
-            <p>Salut, comment tu vas ?</p>
-            <span class="timestamp">15:33, Hier.</span>
-        </div>
-        <div class="message sent">
-            <p>ça va</p>
-            <span class="timestamp">11:25, Aujd.</span>
+        <div *ngFor="let message of messages"
+             class="message"
+             [class.sent]="isSent(message)"
+             [class.received]="!isSent(message)">
+            <p>{{ message.contenu }}</p>
+            <span class="timestamp">{{ message.date | date:'HH:mm' }}</span>
         </div>
     </div>
 
     <div class="bottombar">
-        <app-messages-send [discussionId]="currentdiscussionId" />
+        <app-messages-send [discussionId]="currentDiscussionId" />
     </div>
 
 </div>

src/app/pages/messages/messages-main/messages-main.component.ts

@@ -1,22 +1,39 @@
 import { Component, inject, OnInit } from '@angular/core';
+import { CommonModule } from '@angular/common';
 import { MessagesMenu } from "../messages-menu/messages-menu.component";
 import { MessagesInfoUser } from "../messages-infouser/messages-infouser.component";
 import { MessagesSend } from "../messages-send/messages-send.component";
 import { ActivatedRoute } from '@angular/router';
+import { discussionsService, Message } from "../../../core/chat/discussion.service";
+import { AuthService } from "../../../core/auth/auth.service";
 
 @Component({
   selector: 'app-messages-main',
-  imports: [MessagesMenu, MessagesInfoUser, MessagesSend],
+  imports: [CommonModule, MessagesMenu, MessagesInfoUser, MessagesSend],
   templateUrl: './messages-main.component.html',
   styleUrl: './messages-main.component.css'
 })
 export class MessagesMain implements OnInit {
 
   private route = inject(ActivatedRoute);
+  private discussionService = inject(discussionsService);
+  private authService = inject(AuthService);
 
-  currentdiscussionId!: string;
+  currentDiscussionId!: string;
+  currentUserId!: number;
+  messages: Message[] = [];
 
   ngOnInit() {
-    this.currentdiscussionId = this.route.snapshot.paramMap.get('discussionId')!;
+    this.currentDiscussionId = this.route.snapshot.paramMap.get('discussionId')!;
+    this.currentUserId = this.authService.getCurrentUserId();
+
+    this.discussionService.getMessages(this.currentDiscussionId).subscribe({
+      next: (messages) => this.messages = messages,
+      error: (err) => console.error('Impossible de charger les messages', err)
+    });
+  }
+
+  isSent(message: Message): boolean {
+    return message.authorId === this.currentUserId;
   }
 }