search-multiple.component.ts

import { Component, } from '@angular/core';

import { Observable } from 'rxjs';
import { Store } from '@ngrx/store';
import * as searchMultipleReducer from '../store/search-multiple.reducer';
import * as searchMultipleSelector from '../store/search-multiple.selector';
import { SearchMultipleQueryParams } from "../store/model";

@Component({
    selector: 'app-search-multiple',
    templateUrl: 'search-multiple.component.html'
})
export class SearchMultipleComponent {
    public currentStep: Observable<string>;
    public positionStepChecked: Observable<boolean>;
    public datasetsStepChecked: Observable<boolean>;
    public resultStepChecked: Observable<boolean>;
    public queryParams: Observable<SearchMultipleQueryParams>;

    constructor(private store: Store<searchMultipleReducer.State>) {
        this.currentStep = store.select(searchMultipleSelector.getCurrentStep);
        this.positionStepChecked = store.select(searchMultipleSelector.getPositionStepChecked);
        this.datasetsStepChecked = store.select(searchMultipleSelector.getDatasetsStepChecked);
        this.resultStepChecked = store.select(searchMultipleSelector.getResultStepChecked);
        this.queryParams = store.select(searchMultipleSelector.getQueryParams);
    }
}