51 lines
2.3 KiB
HTML
51 lines
2.3 KiB
HTML
<ion-header>
|
|
<ion-toolbar>
|
|
<ion-buttons slot="start">
|
|
<ion-back-button [text]="'core.back' | translate"></ion-back-button>
|
|
</ion-buttons>
|
|
<ion-title>
|
|
<h1>{{ 'addon.block_searchforums.pluginname' | translate }}</h1>
|
|
</ion-title>
|
|
<ion-buttons slot="end">
|
|
<core-user-menu-button></core-user-menu-button>
|
|
</ion-buttons>
|
|
</ion-toolbar>
|
|
</ion-header>
|
|
<ion-content class="limited-width">
|
|
<div>
|
|
<ion-card class="core-danger-card" *ngIf="searchBanner">
|
|
<ion-item>
|
|
<ion-icon name="fas-triangle-exclamation" slot="start" aria-hidden="true"></ion-icon>
|
|
<ion-label>
|
|
<core-format-text [text]="searchBanner"></core-format-text>
|
|
</ion-label>
|
|
</ion-item>
|
|
</ion-card>
|
|
|
|
<core-search-box (onSubmit)="search($event)" (onClear)="clearSearch()" [placeholder]="'core.search' | translate"
|
|
[searchLabel]="'core.search' | translate" [autoFocus]="true" [searchArea]="searchAreaId"></core-search-box>
|
|
|
|
<div *ngIf="!resultsSource.isEmpty()" class="results-count">
|
|
{{ 'addon.mod_forum.searchresults' | translate: { $a: resultsSource.getTotalResults() } }}
|
|
</div>
|
|
|
|
<ion-list *ngIf="resultsSource.isLoaded()">
|
|
<core-search-global-search-result *ngFor="let result of resultsSource.getItems()" [result]="result" [showCourse]="false"
|
|
(onClick)="visitResult(result)">
|
|
</core-search-global-search-result>
|
|
</ion-list>
|
|
|
|
<core-infinite-loading [enabled]="resultsSource.isLoaded() && !resultsSource.isCompleted()" (action)="loadMoreResults($event)"
|
|
[error]="loadMoreError">
|
|
</core-infinite-loading>
|
|
|
|
<core-empty-box *ngIf="resultsSource.isEmpty()" icon="fas-magnifying-glass" [dimmed]="!resultsSource.isLoaded()">
|
|
<p *ngIf="!resultsSource.isLoaded()">{{ 'core.search.empty' | translate }}</p>
|
|
<ng-container *ngIf="resultsSource.isLoaded()">
|
|
<p><strong>{{ 'core.search.noresults' | translate: { $a: resultsSource.getQuery() } }}</strong></p>
|
|
<p><small>{{ 'core.search.noresultshelp' | translate }}</small></p>
|
|
</ng-container>
|
|
</core-empty-box>
|
|
</div>
|
|
</ion-content>
|