url-display.component.ts

import { Component, Input, ChangeDetectionStrategy } from '@angular/core';
import { ToastrService } from 'ngx-toastr';

import { Criterion, ConeSearch } from '../../store/model';
import { getCriterionStr, getHost as host } from '../../../shared/utils';

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

    constructor(private toastr: ToastrService) { }

    getUrl(): string {
        let query: string = host() + '/search/' + this.datasetName + '?a=' + this.outputList.join(';');
        if (this.criteriaList.length > 0) {
            query += '&c=' + this.criteriaList.map(criterion => getCriterionStr(criterion)).join(';');
        }
        if (this.coneSearch !== null) {
            query += '&cs=' + this.coneSearch.ra + ':' + this.coneSearch.dec + ':' + this.coneSearch.radius;
        }
        return query;
    }

    copyToClipboard(): void {
        const selBox = document.createElement('textarea');
        selBox.value = this.getUrl();
        document.body.appendChild(selBox);
        selBox.select();
        document.execCommand('copy');
        document.body.removeChild(selBox);
        this.toastr.success('Copied');
    }
}