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.

133 lines
4.8 KiB

import appMessagesManager from "../lib/appManagers/appMessagesManager";
import appProfileManager from "../lib/appManagers/appProfileManager";
import rootScope from "../lib/rootScope";
import { cancelEvent } from "../helpers/dom";
import AppMediaViewer, { AppMediaViewerAvatar } from "./appMediaViewer";
import { Photo } from "../layer";
rootScope.on('avatar_update', (e) => {
let peerId = e.detail;
appProfileManager.removeFromAvatarsCache(peerId);
(Array.from(document.querySelectorAll('avatar-element[peer="' + peerId + '"]')) as AvatarElement[]).forEach(elem => {
//console.log('updating avatar:', elem);
elem.update();
});
});
export default class AvatarElement extends HTMLElement {
private peerId: number;
private isDialog = false;
public peerTitle: string;
constructor() {
super();
// элемент создан
}
connectedCallback() {
// браузер вызывает этот метод при добавлении элемента в документ
// (может вызываться много раз, если элемент многократно добавляется/удаляется)
this.isDialog = !!this.getAttribute('dialog');
if(this.getAttribute('clickable') === '') {
this.setAttribute('clickable', 'set');
let loading = false;
this.addEventListener('click', async(e) => {
cancelEvent(e);
if(loading) return;
//console.log('avatar clicked');
const peerId = this.peerId;
loading = true;
const photo = await appProfileManager.getFullPhoto(this.peerId);
if(this.peerId != peerId || !photo) {
loading = false;
return;
}
if(peerId < 0) {
const maxId = Number.MAX_SAFE_INTEGER;
const inputFilter = 'inputMessagesFilterChatPhotos';
const mid = await appMessagesManager.getSearch(peerId, '', {_: inputFilter}, maxId, 2, 0, 1).then(value => {
//console.log(lol);
// ! by descend
return value.history[0];
});
if(mid) {
// ! гений в деле, костылируем (но это гениально)
let message = appMessagesManager.getMessage(mid);
const messagePhoto = message.action.photo;
if(messagePhoto.id != photo.id) {
message = {
_: 'message',
mid: maxId,
media: {
_: 'messageMediaPhoto',
photo: photo
},
peerId,
date: (photo as Photo.photo).date,
fromId: peerId
};
appMessagesManager.messagesStorage[maxId] = message;
}
const good = Array.from(this.querySelectorAll('img')).find(img => !img.classList.contains('emoji'));
new AppMediaViewer(inputFilter).openMedia(message, good ? this : null);
loading = false;
return;
}
}
if(photo) {
const good = Array.from(this.querySelectorAll('img')).find(img => !img.classList.contains('emoji'));
new AppMediaViewerAvatar(peerId).openMedia(photo.id, good ? this : null);
}
loading = false;
});
}
}
//disconnectedCallback() {
// браузер вызывает этот метод при удалении элемента из документа
// (может вызываться много раз, если элемент многократно добавляется/удаляется)
//}
static get observedAttributes(): string[] {
return ['peer', 'dialog', 'peer-title'/* массив имён атрибутов для отслеживания их изменений */];
}
attributeChangedCallback(name: string, oldValue: string, newValue: string) {
//console.log('avatar changed attribute:', name, oldValue, newValue);
// вызывается при изменении одного из перечисленных выше атрибутов
if(name == 'peer') {
if(this.peerId == +newValue) {
return;
}
this.peerId = +newValue;
this.update();
} else if(name == 'peer-title') {
this.peerTitle = newValue;
} else if(name == 'dialog') {
4 years ago
this.isDialog = !!+newValue;
}
}
public update() {
appProfileManager.putPhoto(this, this.peerId, this.isDialog, this.peerTitle);
}
adoptedCallback() {
// вызывается, когда элемент перемещается в новый документ
// (происходит в document.adoptNode, используется очень редко)
}
// у элемента могут быть ещё другие методы и свойства
}
customElements.define("avatar-element", AvatarElement);