Add search input for research communities and initiatives

master
Alex Martzios 2 years ago
parent 67f9b75eed
commit 9d9fee0b95

@ -19,3 +19,7 @@
.uk-card-default .uk-card-title .logo > img {
max-height: 60px;
}
.uk-card-no-height {
min-height: unset !important;
}

@ -27,7 +27,7 @@ type Tab = 'all' | 'communities' | 'ris';
<li [class.uk-active]="tab === 'ris'"><a routerLink="./" fragment="ris"><span class="title">Research Initiatives</span></a>
</li>
</ul>
<div *ngIf="properties.environment == 'development'" class="uk-width-1-1 uk-flex uk-flex-right@m uk-flex-center uk-flex-wrap uk-flex-middle uk-grid" uk-grid>
<div class="uk-width-1-1 uk-flex uk-flex-right@m uk-flex-center uk-flex-wrap uk-flex-middle uk-grid" uk-grid>
<div #searchInputComponent search-input [control]="filterForm.controls.keyword" [showSearch]="false"
placeholder="Search"
[selected]="communitySearchUtils.keyword" (closeEmitter)="onSearchClose()" (resetEmitter)="resetInput()"
@ -49,6 +49,9 @@ type Tab = 'all' | 'communities' | 'ris';
<ng-container *ngTemplateOutlet="communityBox; context: {community:community}"></ng-container>
</ng-template>
</div>
<div *ngIf="filteredCommunities.length == 0" class="uk-card uk-card-default uk-card-no-height uk-padding-large uk-text-center uk-margin-bottom uk-text-bold">
No communities found
</div>
</div>
<div *ngIf="noResults" class="message">
<h4 class="uk-text-center">
@ -63,6 +66,9 @@ type Tab = 'all' | 'communities' | 'ris';
<ng-container *ngTemplateOutlet="communityBox; context: {community:community}"></ng-container>
</ng-template>
</div>
<div *ngIf="filteredRis.length == 0" class="uk-card uk-card-default uk-card-no-height uk-padding-large uk-text-center uk-margin-bottom uk-text-bold">
No initiatives found
</div>
</div>
</div>
</div>
@ -106,7 +112,6 @@ export class ManageCommunitiesComponent implements OnInit, OnDestroy {
// Search
@ViewChild('searchInputComponent') searchInputComponent: SearchInputComponent;
filterForm: FormGroup;
// private searchText: RegExp = new RegExp('');
private searchText: string = '';
public keyword: string = '';
@ -195,8 +200,8 @@ export class ManageCommunitiesComponent implements OnInit, OnDestroy {
}
public applyFilters() {
this.filteredCommunities = this.communities.filter(community => community.shortTitle.toLowerCase().includes(this.searchText) || community.title.toLowerCase().includes(this.searchText));
this.filteredRis = this.ris.filter(community => community.shortTitle.toLowerCase().includes(this.searchText) || community.title.toLowerCase().includes(this.searchText));
this.filteredCommunities = this.communities.filter(community => community.shortTitle.toLowerCase().includes(this.searchText) || community.title.toLowerCase().includes(this.searchText) || community.communityId.toLowerCase().includes(this.searchText));
this.filteredRis = this.ris.filter(community => community.shortTitle.toLowerCase().includes(this.searchText) || community.title.toLowerCase().includes(this.searchText) || community.communityId.toLowerCase().includes(this.searchText));
}
public onSearchClose() {

Loading…
Cancel
Save