// (C) Copyright 2015 Martin Dougiamas // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. import { Component, OnDestroy, ViewChild } from '@angular/core'; import { IonicPage } from 'ionic-angular'; import { CoreEventsProvider } from '@providers/events'; import { CoreSitesProvider } from '@providers/sites'; import { AddonMessagesProvider } from '../../providers/messages'; import { CoreSplitViewComponent } from '@components/split-view/split-view'; import { CoreDomUtilsProvider } from '@providers/utils/dom'; import { CoreAppProvider } from '@providers/app'; /** * Page for searching users. */ @IonicPage({ segment: 'addon-messages-search' }) @Component({ selector: 'page-addon-messages-search', templateUrl: 'search.html', }) export class AddonMessagesSearchPage implements OnDestroy { disableSearch = false; displaySearching = false; displayResults = false; query = ''; contacts = { type: 'contacts', titleString: 'addon.messages.contacts', emptyString: 'addon.messages.searchnocontactsfound', results: [], canLoadMore: false, loadingMore: false }; nonContacts = { type: 'noncontacts', titleString: 'addon.messages.noncontacts', emptyString: 'addon.messages.searchnononcontactsfound', results: [], canLoadMore: false, loadingMore: false }; messages = { type: 'messages', titleString: 'addon.messages.messages', emptyString: 'addon.messages.searchnomessagesfound', results: [], canLoadMore: false, loadingMore: false, loadMoreError: false }; selectedResult = null; protected memberInfoObserver; @ViewChild(CoreSplitViewComponent) splitviewCtrl: CoreSplitViewComponent; constructor(private appProvider: CoreAppProvider, private domUtils: CoreDomUtilsProvider, eventsProvider: CoreEventsProvider, sitesProvider: CoreSitesProvider, private messagesProvider: AddonMessagesProvider) { // Update block status of a user. this.memberInfoObserver = eventsProvider.on(AddonMessagesProvider.MEMBER_INFO_CHANGED_EVENT, (data) => { if (!data.userBlocked && !data.userUnblocked) { // The block status has not changed, ignore. return; } const contact = this.contacts.results.find((user) => user.id == data.userId); if (contact) { contact.isblocked = data.userBlocked; } else { const nonContact = this.nonContacts.results.find((user) => user.id == data.userId); if (nonContact) { nonContact.isblocked = data.userBlocked; } } this.messages.results.forEach((message: any): void => { if (message.userid == data.userId) { message.isblocked = data.userBlocked; } }); }, sitesProvider.getCurrentSiteId()); } /** * Clear search. */ clearSearch(): void { this.query = ''; this.displayResults = false; this.splitviewCtrl.emptyDetails(); } /** * Start a new search or load more results. * * @param {string} query Text to search for. * @param {strings} loadMore Load more contacts, noncontacts or messages. If undefined, start a new search. * @param {any} [infiniteComplete] Infinite scroll complete function. Only used from core-infinite-loading. * @return {Promise} Resolved when done. */ search(query: string, loadMore?: 'contacts' | 'noncontacts' | 'messages', infiniteComplete?: any): Promise { this.appProvider.closeKeyboard(); this.query = query; this.disableSearch = true; this.displaySearching = !loadMore; const promises = []; let newContacts = []; let newNonContacts = []; let newMessages = []; let canLoadMoreContacts = false; let canLoadMoreNonContacts = false; let canLoadMoreMessages = false; if (!loadMore || loadMore == 'contacts' || loadMore == 'noncontacts') { const limitNum = loadMore ? AddonMessagesProvider.LIMIT_SEARCH : AddonMessagesProvider.LIMIT_INITIAL_USER_SEARCH; let limitFrom = 0; if (loadMore == 'contacts') { limitFrom = this.contacts.results.length; this.contacts.loadingMore = true; } else if (loadMore == 'noncontacts') { limitFrom = this.nonContacts.results.length; this.nonContacts.loadingMore = true; } promises.push( this.messagesProvider.searchUsers(query, limitFrom, limitNum).then((result) => { if (!loadMore || loadMore == 'contacts') { newContacts = result.contacts; canLoadMoreContacts = result.canLoadMoreContacts; } if (!loadMore || loadMore == 'noncontacts') { newNonContacts = result.nonContacts; canLoadMoreNonContacts = result.canLoadMoreNonContacts; } }) ); } if (!loadMore || loadMore == 'messages') { let limitFrom = 0; if (loadMore == 'messages') { limitFrom = this.messages.results.length; this.messages.loadingMore = true; } promises.push( this.messagesProvider.searchMessages(query, undefined, limitFrom).then((result) => { newMessages = result.messages; canLoadMoreMessages = result.canLoadMore; }) ); } return Promise.all(promises).then(() => { if (!loadMore) { this.contacts.results = []; this.nonContacts.results = []; this.messages.results = []; } this.displayResults = true; if (!loadMore || loadMore == 'contacts') { this.contacts.results.push(...newContacts); this.contacts.canLoadMore = canLoadMoreContacts; } if (!loadMore || loadMore == 'noncontacts') { this.nonContacts.results.push(...newNonContacts); this.nonContacts.canLoadMore = canLoadMoreNonContacts; } if (!loadMore || loadMore == 'messages') { this.messages.results.push(...newMessages); this.messages.canLoadMore = canLoadMoreMessages; this.messages.loadMoreError = false; } if (!loadMore) { if (this.contacts.results.length > 0) { this.openConversation(this.contacts.results[0], true); } else if (this.nonContacts.results.length > 0) { this.openConversation(this.nonContacts.results[0], true); } else if (this.messages.results.length > 0) { this.openConversation(this.messages.results[0], true); } } }).catch((error) => { this.domUtils.showErrorModalDefault(error, 'addon.messages.errorwhileretrievingusers', true); if (loadMore == 'messages') { this.messages.loadMoreError = true; } }).finally(() => { this.disableSearch = false; this.displaySearching = false; if (loadMore == 'contacts') { this.contacts.loadingMore = false; } else if (loadMore == 'noncontacts') { this.nonContacts.loadingMore = false; } else if (loadMore == 'messages') { this.messages.loadingMore = false; } infiniteComplete && infiniteComplete(); }); } /** * Open a conversation in the split view. * * @param {any} result User or message. * @param {boolean} [onInit=false] Whether the tser was selected on initial load. */ openConversation(result: any, onInit: boolean = false): void { if (!onInit || this.splitviewCtrl.isOn()) { this.selectedResult = result; const params: any = {}; if (result.conversationid) { params.conversationId = result.conversationid; } else { params.userId = result.id; } this.splitviewCtrl.push('AddonMessagesDiscussionPage', params); } } /** * Component destroyed. */ ngOnDestroy(): void { this.memberInfoObserver && this.memberInfoObserver.off(); } }