Telegram Web K with changes to work inside I2P https://web.telegram.i2p/
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

57 lines
2.2 KiB

/*
* https://github.com/morethanwords/tweb
* Copyright (C) 2019-2021 Eduard Kuzmenko
* https://github.com/morethanwords/tweb/blob/master/LICENSE
*/
import replaceContent from "../../helpers/dom/replaceContent";
import setInnerHTML from "../../helpers/dom/setInnerHTML";
import { GroupCallParticipant } from "../../layer";
import { i18n } from "../../lib/langPack";
import RichTextProcessor from "../../lib/richtextprocessor";
import { GROUP_CALL_PARTICIPANT_MUTED_STATE } from ".";
import { GroupCallParticipantVideoType } from "./participantVideo";
const className = 'group-call-participant-status';
export default class GroupCallParticipantStatusElement {
public container: HTMLElement;
constructor(private withIcons: GroupCallParticipantVideoType[]) {
this.container = document.createElement('div');
this.container.classList.add(className + '-container');
}
public setState(state: GROUP_CALL_PARTICIPANT_MUTED_STATE, participant: GroupCallParticipant) {
const states = GROUP_CALL_PARTICIPANT_MUTED_STATE;
const icons = this.withIcons.filter(type => !!participant[type]).map(type => {
const iconClassName = `tgico-${type === 'presentation' ? 'listscreenshare' : 'videocamera_filled'}`;
const i = document.createElement('i');
i.classList.add(className + '-icon', className + '-icon-' + type, iconClassName);
return i;
});
let element2: HTMLElement, actionClassName: string;
if(state === states.MUTED_FOR_ME) {
element2 = i18n('VoiceChat.Status.MutedForYou');
actionClassName = 'is-muted';
} else if(state === states.UNMUTED) {
element2 = i18n('VoiceChat.Status.Speaking');
actionClassName = 'is-speaking';
} else if(state === states.HAND) {
element2 = i18n('VoiceChat.Status.WantsSpeak');
actionClassName = 'is-waiting';
} else if(participant.about && !icons.length) {
setInnerHTML(this.container, RichTextProcessor.wrapEmojiText(participant.about));
return;
} else {
element2 = i18n('VoiceChat.Status.Listening');
actionClassName = 'is-listening';
}
const span = document.createElement('span');
span.classList.add(className, actionClassName);
span.append(...icons, element2);
replaceContent(this.container, span);
}
}