url-display.component.ts

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

import { Criterion } from '../store/model';

@Component({
    selector: 'app-url-display',
    templateUrl: 'url-display.component.html',
    styleUrls: [ 'url-display.component.css' ],
    changeDetection: ChangeDetectionStrategy.OnPush
})
export class UrlDisplayComponent {
    @Input() apiPath: string;
    @Input() datasetName: string;
    @Input() criteriaList: Criterion[];
    @Input() outputList: number[];

    getUrl() {
        return this.apiPath + '/data/' + this.datasetName + '?a=' + 
            this.outputList.join(';') + '&c=' +
            this.criteriaList.map(criterion => criterion.getCriterionStr()).join(';');
    }
}