dataset-tabs.component.ts

import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';

import { Project, Dataset, Family } from '../../../metamodel/model';

@Component({
    selector: 'app-dataset-tabs',
    templateUrl: 'dataset-tabs.component.html',
    styleUrls: ['dataset-tabs.component.css'],
    changeDetection: ChangeDetectionStrategy.OnPush
})
export class DatasetTabsComponent {
    @Input() projectList: Project[];
    @Input() datasetList: Dataset[];
    @Input() datasetFamilyList: Family[];
    @Input()
    set datasetSelected(datasetSelected: string) {
        this.dnameSelected = datasetSelected;
        if (this.dnameSelected === null && this.datasetList.length === 1) {
            this.select.emit(this.datasetList[0].name);
        }
    }
    @Output() select: EventEmitter<string> = new EventEmitter();
    
    dnameSelected: string;

    getDatasetListByFamily(idFamily: number): Dataset[] {
        return this.datasetList
            .filter(d => d.id_dataset_family === idFamily)
            .sort((a, b) => a.display - b.display);
    }

    getProject(dataset: Dataset): Project {
        return this.projectList.find(project => project.name === dataset.project_name);
    }
}