}
}
+ size () {
+ let acc = 0
+
+ const obj = this.toUrlObject()
+ for (const k of Object.keys(obj)) {
+ if (k === 'sort') continue // Exception
+
+ if (obj[k] !== undefined) acc++
+ }
+
+ return acc
+ }
+
private intoArray (value: any) {
if (!value) return undefined
[attr.aria-expanded]="!isSearchFilterCollapsed" aria-controls="collapseBasic"
>
<span class="icon icon-filter"></span>
- <ng-container i18n>Filters</ng-container>
+ <ng-container i18n>
+ Filters
+ <span *ngIf="numberOfFilters() > 0" class="badge badge-secondary">{{ numberOfFilters() }}</span>
+ </ng-container>
</div>
</div>
currentSearch: string
private subActivatedRoute: Subscription
- private isInitialLoad = true
+ private isInitialLoad = false // set to false to show the search filters on first arrival
private firstSearch = true
private channelsPerPage = 2
this.updateUrlFromAdvancedSearch()
}
+ numberOfFilters () {
+ return this.advancedSearch.size()
+ }
+
private resetPagination () {
this.pagination.currentPage = 1
this.pagination.totalItems = null
}
private updateUrlFromAdvancedSearch () {
+ const search = (this.currentSearch && this.currentSearch !== '') ? this.currentSearch : undefined
+
this.router.navigate([], {
relativeTo: this.route,
- queryParams: Object.assign({}, this.advancedSearch.toUrlObject(), { search: this.currentSearch })
+ queryParams: Object.assign({}, this.advancedSearch.toUrlObject(), { search })
})
}
}
//@import '~bootstrap/scss/card';
//@import '~bootstrap/scss/breadcrumb';
//@import '~bootstrap/scss/pagination';
-//@import '~bootstrap/scss/badge';
+@import '~bootstrap/scss/badge';
//@import '~bootstrap/scss/jumbotron';
@import '~bootstrap/scss/alert';
//@import '~bootstrap/scss/progress';