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() 
    set datasetList(datasetList: Dataset[]) {
        this.datasets = datasetList;
        if (datasetList.length === 1) {
            this.select.emit(datasetList[0].name);
        }
    }
    @Input() datasetFamilyList: Family[];
    @Input() datasetSelected: string;
    @Output() select: EventEmitter<string> = new EventEmitter();
    
    datasets: Dataset[];

    getDatasetListByFamily(idFamily: number): Dataset[] {
        return this.datasets
            .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);
    }
}