61 lines
2.1 KiB
TypeScript
61 lines
2.1 KiB
TypeScript
import {Component, inject, input, OnDestroy, OnInit} from '@angular/core';
|
|
import {GetGroupDetailsDto, MessagesService} from "../../services/api";
|
|
import {firstValueFrom} from "rxjs";
|
|
import {IonicModule, LoadingController, ToastController} from "@ionic/angular";
|
|
import {addIcons} from "ionicons";
|
|
import {chatbubbleEllipsesOutline, moonOutline} from 'ionicons/icons';
|
|
import {ChatService} from "../../services/chat-service";
|
|
import {MessagesListComponent} from "../messages-list/messages-list.component";
|
|
import {MessageFormComponent} from "../message-form/message-form.component";
|
|
|
|
addIcons({
|
|
"chatbubble-ellipses-outline": chatbubbleEllipsesOutline,
|
|
"moon-outline": moonOutline,
|
|
})
|
|
|
|
@Component({
|
|
selector: 'app-message',
|
|
templateUrl: './message.component.html',
|
|
styleUrls: ['./message.component.scss'],
|
|
imports: [
|
|
IonicModule,
|
|
MessagesListComponent,
|
|
MessageFormComponent
|
|
]
|
|
})
|
|
export class MessageComponent implements OnInit, OnDestroy {
|
|
private messagesService = inject(MessagesService);
|
|
private loadCtrl = inject(LoadingController);
|
|
private toastCtrl = inject(ToastController);
|
|
private chatService = inject(ChatService);
|
|
|
|
messages = this.chatService.messages;
|
|
groupId = input.required<GetGroupDetailsDto["id"]>();
|
|
|
|
async ngOnInit() {
|
|
const loading = await this.loadCtrl.create({
|
|
message: 'Chargement...',
|
|
spinner: 'lines-sharp-small'
|
|
});
|
|
await loading.present();
|
|
|
|
try {
|
|
const messages = await firstValueFrom(this.messagesService.getMessagesEndpoint(this.groupId()));
|
|
this.chatService.setMessages(messages);
|
|
await this.chatService.connect(this.groupId());
|
|
} catch {
|
|
const toast = await this.toastCtrl.create({
|
|
message: 'Impossible de charger les messages.',
|
|
duration: 2000,
|
|
color: 'danger'
|
|
});
|
|
await toast.present();
|
|
}
|
|
await loading.dismiss();
|
|
}
|
|
|
|
async ngOnDestroy() {
|
|
await this.chatService.disconnect();
|
|
}
|
|
}
|