<div class="col-sm-6">
<div class="card">
<h2 class="card-header" i18n>Filter reservations</h2>
- <ngb-tabset #filters [activeId]="selectedFilter" (tabChange)="setStickyFilter()" class="mt-1">
+ <ngb-tabset #filters [activeId]="selectedFilter" (tabChange)="setStickyFilter($event)" class="mt-1">
<ngb-tab id="patron">
<ng-template ngbTabTitle>
<span class="material-icons" *ngIf="patronId">filter_list</span> <span i18n>Filter by patron</span>
import {Component, OnInit, ViewChild} from '@angular/core';
+import { NgbTabChangeEvent } from '@ng-bootstrap/ng-bootstrap';
+import {ComboboxEntry} from '@eg/share/combobox/combobox.component';
import {GridComponent} from '@eg/share/grid/grid.component';
-import {PcrudService} from '@eg/core/pcrud.service';
-import {Router, ActivatedRoute, ParamMap} from '@angular/router';
import {PatronService} from '@eg/staff/share/patron.service';
+import {PcrudService} from '@eg/core/pcrud.service';
import {ReservationsGridComponent} from './reservations-grid.component';
+import {Router, ActivatedRoute, ParamMap} from '@angular/router';
import {ServerStoreService} from '@eg/core/server-store.service';
-import {ComboboxEntry} from '@eg/share/combobox/combobox.component';
@Component({
selector: 'eg-manage-reservations',
filterByResourceType: (selected: ComboboxEntry) => void;
removeFilters: () => void;
chooseAppropriateFilter: () => void;
- setStickyFilter: () => void;
+ setStickyFilter: ($event: NgbTabChangeEvent) => void;
constructor(
private route: ActivatedRoute,
});
}
- this.setStickyFilter = () => {
- this.store.setItem('eg.booking.manage.filter', this.selectedFilter);
+ this.setStickyFilter = ($event: NgbTabChangeEvent) => {
+ this.store.setItem('eg.booking.manage.filter', $event.nextId);
};
this.removeFilters = () => {