inteligr8/alfresco-content-app
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-content-app.git synced 2025-08-07 17:48:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ACA-1610] search progress indicator (#530)

Browse Source
This commit is contained in:
Denys Vuika
2018-07-24 09:30:41 +01:00
committed by GitHub
parent 9676bf6f79
commit 537eeebaf9
3 changed files with 17 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/app/components/search/search-results/search-results.component.html
View File

@@ -87,8 +87,12 @@
<adf-search-filter
#searchFilter
[ngClass]="{ 'adf-search-filter--hidden': !searchedWord }"></adf-search-filter>
<div class="adf-search-results__content">
<mat-progress-bar
*ngIf="isLoading"
color="primary"
mode="indeterminate">
</mat-progress-bar>
<div class="adf-search-results__content-header content" *ngIf="data?.list.entries.length">
<div class="content__side--left">
<div class="adf-search-results--info-text">{{ 'APP.BROWSE.SEARCH.FOUND_RESULTS' | translate: { number: totalResults } }}</div>
@@ -131,9 +135,13 @@
<empty-folder-content>
<ng-template>
<div class="empty-search__block">
<p class="empty-search__text">Your search returned 0 results</p>
</div>
<ng-container *ngIf="data">
<div class="empty-search__block">
<p class="empty-search__text">
{{ 'APP.BROWSE.SEARCH.NO_RESULTS' | translate }}
</p>
</div>
</ng-container>
</ng-template>
</empty-folder-content>
</adf-document-list>

3
src/app/components/search/search-results/search-results.component.ts
View File

@@ -50,6 +50,7 @@ export class SearchResultsComponent extends PageComponent implements OnInit {
data: NodePaging;
totalResults = 0;
sorting = ['name', 'asc'];
isLoading = false;
constructor(
private queryBuilder: SearchQueryBuilderService,
@@ -74,10 +75,12 @@ export class SearchResultsComponent extends PageComponent implements OnInit {
this.subscriptions.push(
this.queryBuilder.updated.subscribe(() => {
this.sorting = this.getSorting();
this.isLoading = true;
}),
this.queryBuilder.executed.subscribe(data => {
this.onSearchResultLoaded(data);
this.isLoading = false;
})
);