[Library | explore-redesign]: Hide numbers of entity tabs on mobile screens | Bug fix in search filters.
1. searchFilter.component.ts: [Bug fix] In method "filterKeywords()", set hasMatch and call detectChanges(), only if !hasMatch. 2. searchAll.component.html: Hide numbers of entity tabs on mobile screens.
This commit is contained in:
parent
bda90f2c38
commit
2d0f29d040
|
@ -39,7 +39,7 @@
|
||||||
<li [class.uk-active]="activeEntity == 'result'">
|
<li [class.uk-active]="activeEntity == 'result'">
|
||||||
<a class="uk-text-uppercase">
|
<a class="uk-text-uppercase">
|
||||||
{{resultsName}}
|
{{resultsName}}
|
||||||
<span *ngIf=" fetchPublications.searchUtils.totalResults!=null">
|
<span *ngIf=" fetchPublications.searchUtils.totalResults!=null" class="uk-visible@m">
|
||||||
({{fetchPublications.searchUtils.totalResults | number}})</span>
|
({{fetchPublications.searchUtils.totalResults | number}})</span>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
@ -50,7 +50,7 @@
|
||||||
<li [class.uk-active]="activeEntity == 'projects'">
|
<li [class.uk-active]="activeEntity == 'projects'">
|
||||||
<a class="uk-text-uppercase">
|
<a class="uk-text-uppercase">
|
||||||
{{projectName}}
|
{{projectName}}
|
||||||
<span *ngIf="fetchProjects.searchUtils.totalResults!=null">
|
<span *ngIf="fetchProjects.searchUtils.totalResults!=null" class="uk-visible@m">
|
||||||
({{fetchProjects.searchUtils.totalResults | number}})</span>
|
({{fetchProjects.searchUtils.totalResults | number}})</span>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
@ -61,7 +61,7 @@
|
||||||
<li [class.uk-active]="activeEntity == 'datasources'">
|
<li [class.uk-active]="activeEntity == 'datasources'">
|
||||||
<a class="uk-text-uppercase">
|
<a class="uk-text-uppercase">
|
||||||
{{dataSourcesName}}
|
{{dataSourcesName}}
|
||||||
<span *ngIf="fetchDataproviders.searchUtils.totalResults!=null">
|
<span *ngIf="fetchDataproviders.searchUtils.totalResults!=null" class="uk-visible@m">
|
||||||
({{fetchDataproviders.searchUtils.totalResults | number}})</span>
|
({{fetchDataproviders.searchUtils.totalResults | number}})</span>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
@ -72,7 +72,7 @@
|
||||||
<li [class.uk-active]="activeEntity == 'services'">
|
<li [class.uk-active]="activeEntity == 'services'">
|
||||||
<a class="uk-text-uppercase">
|
<a class="uk-text-uppercase">
|
||||||
{{servicesName}}
|
{{servicesName}}
|
||||||
<span *ngIf="fetchServices.searchUtils.totalResults!=null">
|
<span *ngIf="fetchServices.searchUtils.totalResults!=null" class="uk-visible@m">
|
||||||
({{fetchServices.searchUtils.totalResults | number}})</span>
|
({{fetchServices.searchUtils.totalResults | number}})</span>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
@ -83,7 +83,7 @@
|
||||||
<li [class.uk-active]="activeEntity == 'organizations'">
|
<li [class.uk-active]="activeEntity == 'organizations'">
|
||||||
<a class="uk-text-uppercase">
|
<a class="uk-text-uppercase">
|
||||||
{{organizationsName}}
|
{{organizationsName}}
|
||||||
<span *ngIf="fetchOrganizations.searchUtils.totalResults!=null">
|
<span *ngIf="fetchOrganizations.searchUtils.totalResults!=null" class="uk-visible@m">
|
||||||
({{fetchOrganizations.searchUtils.totalResults | number}})</span>
|
({{fetchOrganizations.searchUtils.totalResults | number}})</span>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
|
|
@ -120,8 +120,10 @@ export class SearchFilterComponent implements OnInit, OnChanges {
|
||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
this.hasMatch = true;
|
if(!this.hasMatch) {
|
||||||
this.cdr.detectChanges();
|
this.hasMatch = true;
|
||||||
|
this.cdr.detectChanges();
|
||||||
|
}
|
||||||
return true;
|
return true;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue