yvachot/chatless
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

Il manquait la moitié des components :d

Browse source
This commit is contained in:
NyxiumYuuki 2021-05-31 23:11:24 +02:00
parent c5406006da
commit 36016a1a0b
24 changed files with 464 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

113
frontend/src/app/message/message.component.ts Normal file
View file

@ -0,0 +1,113 @@
import {Component, ElementRef, Input, OnChanges, OnInit, SimpleChanges, ViewChild} from '@angular/core';
import {ChatInfo, ChatService} from "../services/chat/chat.service";
import {DatePipe} from "@angular/common";
import {environment} from "../../environments/environment";
import {MessageService} from "../services/message/message.service";
@Component({
selector: 'app-message',
templateUrl: './message.component.html',
styleUrls: ['./message.component.scss']
})
export class MessageComponent implements OnInit, OnChanges {
public username = sessionStorage.getItem('login');
public msg = '';
public roomId = '';
// @ts-ignore
@Input() room: string;
// @ts-ignore
@ViewChild('ulMessages') ulMsg: ElementRef;
// @ts-ignore
@ViewChild('scrollContainer') scrollContainer: ElementRef;
constructor(private chatservice: ChatService, private pipe: DatePipe, private messageservice: MessageService) {
}
ngOnInit() {
}
ngOnChanges(changes: SimpleChanges){
//console.log('ngOnChange :'+this.room);
this.chatservice.leaveRoom();
// @ts-ignore
document.getElementById('messages').innerHTML = '';
if(this.room === 'General' || this.room === 'general'){
this.room = 'general';
this.chatservice.setUrl(environment.urlCG);
this.chatservice.setRoom(this.room);
this.chatServiceOnNewMessage(this.room);
}
else{
this.chatservice.setUrl(environment.urlCPR);
this.messageservice.sendMessage(environment.urlCPR,"conversations/getConv",{
sender: this.username,
receiver: this.room,
}).subscribe(data => {
if (data.status !== 'ok') {
console.log(data.data.reason);
} else {
if(data.data === null){
this.messageservice.sendMessage(environment.urlCPR, "conversations/newConv", {
sender: this.username,
receiver: this.room,
}).subscribe(data2 => {
if (data2.status !== 'ok') {
console.log(data2.data.reason);
} else {
//console.log(data.data);
this.roomId = data2.data._id;
this.chatservice.setRoom(this.roomId)
this.chatServiceOnNewMessage(this.roomId);
}
});
}
else{
if(typeof data.data !== 'undefined' && typeof data.data._id !== 'undefined'){
//console.log(data.data);
this.roomId = data.data._id;
this.chatservice.setRoom(this.roomId);
this.chatServiceOnNewMessage(this.roomId);
}
}
}
});
}
}
chatServiceOnNewMessage(room: string){
this.chatservice.onNewMessage(room).subscribe((infos: ChatInfo[]) => {
for(let data of infos){
if(data !== undefined && data.date !== undefined){
if(data.username === 'Server'){
this.ulMsg.nativeElement.insertAdjacentHTML('beforeend', '<li><span class="text-danger">'+data.message+'</span></li>');
}
else{
this.ulMsg.nativeElement.insertAdjacentHTML('beforeend','<li><span class="text-primary">['+this.pipe.transform(data.date, 'dd/MM/yyyy HH:MM:ss')+'] </span><span class="text-success">'+data.username+' </span>:<span class="text-secondary"> '+data.message+'</span></li>');
}
}
}
this.scrollContainer.nativeElement.scrollTop = this.scrollContainer.nativeElement.scrollHeight;
});
}
sendButtonClick(){
//console.log('Button working');
if(this.msg && this.username && this.room){
if(this.room === 'general'){
//console.log("sendButton general");
this.chatservice.sendMessage(this.username, this.room, this.msg);
//console.log(this.username, this.room, this.msg);
}
else{
//console.log("sendButton private");
this.chatservice.sendMessage(this.username, this.roomId, this.msg);
//console.log(this.username, this.roomId, this.msg);
}
this.msg = '';
}
}
}