dataset.component.ts

import { Component, OnInit } from '@angular/core';
import { Observable } from 'rxjs';
import { Store } from '@ngrx/store';

import { Criterion, SearchQueryParams } from '../store/model';
import { Project, Family, Dataset, Attribute, Category } from '../../metamodel/model';
import * as datasetActions from '../../metamodel/action/dataset.action';
import * as attributeActions from '../../metamodel/action/attribute.action';
import * as criteriaActions from '../../metamodel/action/criteria.action';
import * as outputActions from '../../metamodel/action/output.action';
import * as searchActions from '../store/search.action';
import * as fromSearch from '../store/search.reducer';
import * as fromMetamodel from '../../metamodel/reducers';
import * as searchSelector from '../store/search.selector';
import * as metamodelSelector from '../../metamodel/selectors';
import { ScrollTopService } from '../../shared/service/sroll-top.service';

interface StoreState {
    search: fromSearch.State;
    metamodel: fromMetamodel.State;
}

@Component({
    selector: 'app-dataset',
    templateUrl: 'dataset.component.html'
})
export class DatasetComponent implements OnInit {
    public datasetSearchMetaIsLoading: Observable<boolean>;
    public datasetSearchMetaIsLoaded: Observable<boolean>;
    public attributeSearchMetaIsLoading: Observable<boolean>;
    public attributeSearchMetaIsLoaded: Observable<boolean>;
    public projectList: Observable<Project[]>;
    public datasetList: Observable<Dataset[]>;
    public datasetFamilyList: Observable<Family[]>;
    public datasetAttributeList: Observable<Attribute[]>;
    public currentStep: Observable<string>;
    public datasetName: Observable<string>;
    public criteriaFamilyList: Observable<Family[]>;
    public criteriaList: Observable<Criterion[]>;
    public outputFamilyList: Observable<Family[]>;
    public categoryList: Observable<Category[]>;
    public outputList: Observable<number[]>;
    public queryParams: Observable<SearchQueryParams>;

    constructor(private store: Store<StoreState>, private scrollTopService: ScrollTopService) {
        this.datasetSearchMetaIsLoading = store.select(metamodelSelector.getDatasetSearchMetaIsLoading);
        this.datasetSearchMetaIsLoaded = store.select(metamodelSelector.getDatasetSearchMetaIsLoaded);
        this.attributeSearchMetaIsLoading = store.select(metamodelSelector.getAttributeSearchMetaIsLoading);
        this.attributeSearchMetaIsLoaded = store.select(metamodelSelector.getAttributeSearchMetaIsLoaded);
        this.projectList = store.select(metamodelSelector.getProjectList);
        this.datasetList = store.select(metamodelSelector.getDatasetList);
        this.datasetFamilyList = store.select(metamodelSelector.getDatasetFamilyList);
        this.datasetAttributeList = store.select(metamodelSelector.getDatasetAttributeList);
        this.currentStep = store.select(searchSelector.getCurrentStep);
        this.datasetName = store.select(searchSelector.getDatasetName);
        this.criteriaFamilyList = this.store.select(metamodelSelector.getCriteriaFamilyList);
        this.criteriaList = this.store.select(searchSelector.getCriteriaList);
        this.outputFamilyList = this.store.select(metamodelSelector.getOutputFamilyList);
        this.categoryList = this.store.select(metamodelSelector.getCategoryList);
        this.outputList = this.store.select(searchSelector.getOutputList);
        this.queryParams = this.store.select(searchSelector.getQueryParams);
    }

    ngOnInit() {
        // Create a micro task that is processed after the current synchronous code
        // This micro task prevent the expression has changed after view init error
        Promise.resolve(null).then(() => this.store.dispatch(new searchActions.ChangeStepAction('dataset')));
        this.store.dispatch(new datasetActions.LoadDatasetSearchMetaAction());
        this.scrollTopService.setScrollTop();
    }

    selectDataset(datasetName: string): void {
        // Create a micro tasks that is processed after the current synchronous code
        // This micro task prevent the expression has changed after it was checked
        Promise.resolve(null).then(() => this.store.dispatch(new searchActions.NewSearchAction(datasetName)));
        this.store.dispatch(new attributeActions.LoadAttributeSearchMetaAction(datasetName));
        this.store.dispatch(new criteriaActions.LoadCriteriaSearchMetaAction(datasetName));
        this.store.dispatch(new outputActions.LoadOutputSearchMetaAction(datasetName));
    }
}