D-Net

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

import {Observable}       from 'rxjs/Observable';

import {AlertModal} from '../../utils/modal/alert';

@Component({

    selector: 'search-download',

    template: `

    <div class= "searchDownload" *ngIf="totalResults > 0">

        <div class="text-right" *ngIf="totalResults <= 100000">

            <a (click)="download()">

                <span class="glyphicon glyphicon-download" aria-hidden="true"></span>

                Download report (CSV)

            </a>

        </div>

        <div class="text-right" *ngIf="totalResults > 100000">

            <a (click)="denialOfDownload()">

                <span class="glyphicon glyphicon-download" aria-hidden="true"></span>

                Download report (CSV)

            </a>

        </div>

    </div>

    <modal-alert></modal-alert>

    `

})

export class SearchDownloadComponent {

    @Input() totalResults:number = 0;

    @ViewChild(AlertModal) alertApplyAll;

    @Output() downloadClick  = new EventEmitter();

    constructor () {

     }

    ngOnInit() {

    }

    confirmClose(data){

    }

    download() {

        this.downloadClick.emit({

            value: true

        });

    }

    denialOfDownload() {

        this.alertApplyAll.isOpen = true;

        this.alertApplyAll.cancelButton = true;

        this.alertApplyAll.okButton = false;

        this.alertApplyAll.alertTitle = "Download Results in CSV";

        this.alertApplyAll.message = "Sorry, but the results are too many! Use the api instead!";

        this.alertApplyAll.cancelButtonText = "Ok";

        console.info("denial of Download");

    }

}