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.

258 lines
7.7 KiB

import appDialogsManager from "../lib/appManagers/appDialogsManager";
import Scrollable from "./scrollable_new";
import appMessagesIDsManager from "../lib/appManagers/appMessagesIDsManager";
import appUsersManager from "../lib/appManagers/appUsersManager";
import appPeersManager from '../lib/appManagers/appPeersManager';
import appMessagesManager from "../lib/appManagers/appMessagesManager";
import { escapeRegExp } from "../lib/utils";
import { formatPhoneNumber } from "./misc";
import appChatsManager from "../lib/appManagers/appChatsManager";
import SearchInput from "./searchInput";
export class SearchGroup {
container: HTMLDivElement;
nameEl: HTMLDivElement;
list: HTMLUListElement;
constructor(public name: string, public type: string, private clearable = true, className?: string, clickable = true) {
this.list = document.createElement('ul');
this.container = document.createElement('div');
if(className) this.container.className = className;
if(name) {
this.nameEl = document.createElement('div');
this.nameEl.classList.add('search-group__name');
this.nameEl.innerText = name;
this.container.append(this.nameEl);
}
this.container.classList.add('search-group', 'search-group-' + type);
this.container.append(this.list);
this.container.style.display = 'none';
if(clickable) {
appDialogsManager.setListClickListener(this.list);
}
}
clear() {
this.container.style.display = 'none';
if(this.clearable) {
this.list.innerHTML = '';
}
}
setActive() {
this.container.style.display = '';
}
}
export default class AppSearch {
private minMsgID = 0;
4 years ago
private loadedCount = -1;
private foundCount = -1;
private offsetRate = 0;
4 years ago
private loadedContacts = false;
private searchPromise: Promise<void> = null;
private searchTimeout: number = 0;
private query = '';
public listsContainer: HTMLDivElement = null;
private peerID = 0; // 0 - means global
private scrollable: Scrollable;
constructor(public container: HTMLElement, public searchInput: SearchInput, public searchGroups: {[group: string]: SearchGroup}, public onSearch?: (count: number) => void) {
this.scrollable = new Scrollable(this.container);
4 years ago
this.listsContainer = this.scrollable.container as HTMLDivElement;
for(let i in this.searchGroups) {
this.listsContainer.append(this.searchGroups[i].container);
}
if(this.searchGroups['messages']) {
this.scrollable.setVirtualContainer(this.searchGroups['messages'].list);
}
this.searchInput.onChange = (value) => {
/* if(!value.trim()) {
//this.peerID = 0;
return;
} */
this.query = value;
this.reset(false);
this.searchMore();
};
this.scrollable.onScrolledBottom = () => {
if(!this.query.trim()) return;
if(!this.searchTimeout) {
this.searchTimeout = setTimeout(() => {
this.searchMore();
this.searchTimeout = 0;
}, 0);
}
};
}
public reset(all = true) {
if(all) {
this.searchInput.value = '';
this.query = '';
this.peerID = 0;
}
this.minMsgID = 0;
4 years ago
this.loadedCount = -1;
this.foundCount = -1;
this.offsetRate = 0;
4 years ago
this.loadedContacts = false;
for(let i in this.searchGroups) {
this.searchGroups[i].clear();
}
this.searchPromise = null;
}
public beginSearch(peerID?: number) {
if(peerID) {
this.peerID = peerID;
}
this.searchInput.input.focus();
}
public searchMore() {
if(this.searchPromise) return this.searchPromise;
4 years ago
const query = this.query;
if(!query.trim()) {
this.onSearch && this.onSearch(0);
return;
}
4 years ago
if(this.foundCount != -1 && this.loadedCount >= this.foundCount) {
return Promise.resolve();
}
4 years ago
const maxID = appMessagesIDsManager.getMessageIDInfo(this.minMsgID)[0] || 0;
4 years ago
if(!this.peerID && !maxID && !this.loadedContacts) {
appUsersManager.searchContacts(query, 20).then((contacts: any) => {
if(this.searchInput.value != query) {
return;
}
4 years ago
this.loadedContacts = true;
///////this.log('input search contacts result:', contacts);
let setResults = (results: any, group: SearchGroup, showMembersCount = false) => {
results.forEach((inputPeer: any) => {
let peerID = appPeersManager.getPeerID(inputPeer);
let peer = appPeersManager.getPeer(peerID);
let originalDialog = appMessagesManager.getDialogByPeerID(peerID)[0];
//////////this.log('contacts peer', peer);
if(!originalDialog) {
/////////this.log('no original dialog by peerID:', peerID);
originalDialog = {
peerID: peerID,
pFlags: {},
peer: peer
} as any;
}
let {dialog, dom} = appDialogsManager.addDialog(originalDialog, group.list, false);
if(showMembersCount && (peer.participants_count || peer.participants)) {
let regExp = new RegExp(`(${escapeRegExp(query)})`, 'gi');
dom.titleSpan.innerHTML = dom.titleSpan.innerHTML.replace(regExp, '<i>$1</i>');
dom.lastMessageSpan.innerText = appChatsManager.getChatMembersString(-peerID);
} else {
let username = appPeersManager.getPeerUsername(peerID);
if(!username) {
let user = appUsersManager.getUser(peerID);
if(user && user.phone) {
username = '+' + formatPhoneNumber(user.phone).formatted;
}
} else {
username = '@' + username;
}
dom.lastMessageSpan.innerHTML = '<i>' + username + '</i>';
}
});
if(results.length) group.setActive();
else group.clear();
};
setResults(contacts.my_results, this.searchGroups.contacts, true);
setResults(contacts.results, this.searchGroups.globalContacts);
});
}
return this.searchPromise = appMessagesManager.getSearch(this.peerID, query, null, maxID, 20, this.offsetRate).then(res => {
this.searchPromise = null;
if(this.searchInput.value != query) {
return;
}
4 years ago
console.log('input search result:', this.peerID, query, null, maxID, 20, res);
4 years ago
const {count, history, next_rate} = res;
if(history[0] == this.minMsgID) {
history.shift();
}
4 years ago
const searchGroup = this.searchGroups['messages'];
searchGroup.setActive();
history.forEach((msgID: number) => {
4 years ago
const message = appMessagesManager.getMessage(msgID);
let originalDialog = appMessagesManager.getDialogByPeerID(message.peerID)[0];
if(!originalDialog) {
////////this.log('no original dialog by message:', message);
originalDialog = {
peerID: message.peerID,
pFlags: {},
peer: message.to_id
} as any;
}
4 years ago
const {dialog, dom} = appDialogsManager.addDialog(originalDialog, this.scrollable/* searchGroup.list */, false);
appDialogsManager.setLastMessage(dialog, message, dom, query);
});
this.minMsgID = history[history.length - 1];
this.offsetRate = next_rate;
this.loadedCount += history.length;
4 years ago
if(this.loadedCount == -1) {
this.loadedCount = 0;
}
4 years ago
if(this.foundCount == -1) {
this.foundCount = count;
this.onSearch && this.onSearch(this.foundCount);
}
}).catch(err => {
console.error('search error', err);
this.searchPromise = null;
});
}
}