56 lines
3.1 KiB
HTML
56 lines
3.1 KiB
HTML
<ion-header>
|
|
<ion-navbar core-back-button>
|
|
<ion-title>{{ 'addon.messages.searchcombined' | translate }}</ion-title>
|
|
<ion-buttons end>
|
|
<!-- Add an empty context menu so discussion page can add items in split view, otherwise the menu disappears in some cases. -->
|
|
<core-context-menu></core-context-menu>
|
|
</ion-buttons>
|
|
</ion-navbar>
|
|
</ion-header>
|
|
<core-split-view>
|
|
<ion-content>
|
|
<core-search-box (onSubmit)="search($event)" (onClear)="clearSearch($event)" [disabled]="disableSearch" autocorrect="off" [spellcheck]="false" [autoFocus]="true" [lengthCheck]="1"></core-search-box>
|
|
<core-loading [hideUntil]="!displaySearching" [message]="'core.searching' | translate">
|
|
<ion-list *ngIf="displayResults">
|
|
<ng-container *ngTemplateOutlet="resultsTemplate; context: {item: contacts}"></ng-container>
|
|
<ng-container *ngTemplateOutlet="resultsTemplate; context: {item: nonContacts}"></ng-container>
|
|
<ng-container *ngTemplateOutlet="resultsTemplate; context: {item: messages}"></ng-container>
|
|
<!-- The infinite loading cannot be inside the ng-template, it fails because it doesn't find ion-content. -->
|
|
<core-infinite-loading [enabled]="messages.canLoadMore" (action)="search(query, 'messages', $event)" [error]="messages.loadMoreError"></core-infinite-loading>
|
|
</ion-list>
|
|
</core-loading>
|
|
</ion-content>
|
|
</core-split-view>
|
|
|
|
<!-- Template to render a list of results -->
|
|
<ng-template #resultsTemplate let-item="item">
|
|
<ion-item-divider color="light" text-wrap>{{ item.titleString | translate }}</ion-item-divider>
|
|
<ion-item text-wrap *ngIf="item.results.length == 0">
|
|
{{ item.emptyString | translate }}
|
|
</ion-item>
|
|
|
|
<!-- List of results -->
|
|
<a ion-item text-wrap *ngFor="let result of item.results" [title]="result.fullname" (click)="openDiscussion(result.id)" [class.core-split-item-selected]="result.id == selectedUserId" class="addon-message-discussion">
|
|
<ion-avatar item-start core-user-avatar [user]="result" [checkOnline]="true" [linkProfile]="false"></ion-avatar>
|
|
<h2>
|
|
<core-format-text [text]="result.fullname"></core-format-text>
|
|
<core-icon name="fa-ban" *ngIf="result.isblocked" [attr.aria-label]="'addon.messages.contactblocked' | translate"></core-icon>
|
|
</h2>
|
|
<ion-note *ngIf="result.lastmessagedate > 0">
|
|
{{result.lastmessagedate | coreDateDayOrTime}}
|
|
</ion-note>
|
|
<core-format-text *ngIf="result.lastmessage" clean="true" singleLine="true" [text]="result.lastmessage"></core-format-text>
|
|
</a>
|
|
|
|
<!-- Load more button for contacts and non-contacts -->
|
|
<ng-container *ngIf="item.type != 'messages'">
|
|
<div padding-horizontal *ngIf="item.canLoadMore && !item.loadingMore">
|
|
<button ion-button block color="light" (click)="search(query, item.type)">
|
|
{{ 'core.loadmore' | translate }}
|
|
</button>
|
|
</div>
|
|
<div *ngIf="item.loadingMore" padding text-center>
|
|
<ion-spinner></ion-spinner>
|
|
</div>
|
|
</ng-container>
|
|
</ng-template> |