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; private loadedCount = 0; private foundCount = 0; private offsetRate = 0; private searchPromise: Promise = 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); this.listsContainer = this.scrollable.container; 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; this.loadedCount = 0; this.foundCount = 0; this.offsetRate = 0; 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; let query = this.query; if(!query.trim()) { this.onSearch && this.onSearch(0); return; } if(this.loadedCount != 0 && this.loadedCount >= this.foundCount) { return Promise.resolve(); } let maxID = appMessagesIDsManager.getMessageIDInfo(this.minMsgID)[0]; if(!this.peerID && !maxID) { appUsersManager.searchContacts(query, 20).then((contacts: any) => { if(this.searchInput.value != query) { return; } ///////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, '$1'); 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 = '' + username + ''; } }); 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; } //console.log('input search result:', this.peerID, query, null, maxID, 20, res); let {count, history, next_rate} = res; if(history[0] == this.minMsgID) { history.shift(); } let searchGroup = this.searchGroups['messages']; searchGroup.setActive(); history.forEach((msgID: number) => { let 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; } let {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; if(!this.foundCount) { this.foundCount = count; this.onSearch && this.onSearch(this.foundCount); } }).catch(err => { console.error('search error', err); this.searchPromise = null; }); } }