Kraut.World/server
3
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

create event and brodcast event in backend

Browse source
This commit is contained in:
Gregoire Parant 2020-09-19 01:08:56 +02:00
parent e59cbcfaa7
commit 4c7e458e52
4 changed files with 110 additions and 37 deletions
Download patch file Download diff file Expand all files Collapse all files

32
front/src/WebRtc/GlobalMessageManager.ts
View file

@ -23,13 +23,35 @@ export class GlobalMessageManager {
}
private playMessage(messageId : number, htmlMessage: string){
const div = document.createElement('div');
div.innerHTML = htmlMessage;
div.id = this.getHtmlMessageId(messageId);
div.className = "message-container";
let previousMessage = document.getElementById(this.getHtmlMessageId(messageId));
if(previousMessage){
previousMessage.remove();
}
//add button to clear message
const buttonText = document.createElement('span');
buttonText.id = 'button-clear-message'
buttonText.innerText = 'Clear';
const buttonMainConsole = document.createElement('div');
buttonMainConsole.appendChild(buttonText);
buttonMainConsole.addEventListener('click', () => {
messageContainer.style.top = '-80%';
setTimeout(() => {
messageContainer.remove();
buttonMainConsole.remove();
});
});
//add message container
const messageContainer = document.createElement('div');
messageContainer.innerHTML = htmlMessage;
messageContainer.id = this.getHtmlMessageId(messageId);
messageContainer.className = "message-container";
messageContainer.appendChild(buttonMainConsole);
const mainSectionDiv = HtmlUtils.getElementByIdOrFail<HTMLDivElement>('main-container');
mainSectionDiv.appendChild(div);
mainSectionDiv.appendChild(messageContainer);
}
private stopMessage(messageId: number){