D-Net

import {OpenaireProperties, ErrorCodes} from '../utils/properties/openaireProperties';

import { Router } from '@angular/router';

import { ActivatedRoute } from '@angular/router';

import { FetchDataproviders } from '../utils/fetchEntitiesClasses/fetchDataproviders.class';

import { SearchDataprovidersService } from '../services/searchDataproviders.service';

import {OrganizationService} from '../services/organization.service';

@Component({

    selector: 'deposit-result',

    template: `

        <div class="container uk-margin-top">

            <div class="page-header" >

                <h2>Deposit {{requestFor}}</h2>

            </div>

            <div *ngIf="status == errorCodes.LOADING || (status == errorCodes.LOADING && fetchDataproviders.searchUtils.status == errorCodes.LOADING)"

                  class="uk-alert uk-alert-primary" role="alert">

                    Loading...

            <div *ngIf="fetchDataproviders.searchUtils.totalResults > 0">

                <h2 *ngIf="organization != undefined">

                    <span>Data providers for institution: </span>

                    <a *ngIf="organization['url']!=''" href="{{organization.url}}" target="_blank">

                        <span>{{organization['name']}} (<i class="uk-icon-external-link"></i>)</span>

                    </a>

                </h2>

            </div>

            <div *ngIf="fetchDataproviders.searchUtils.totalResults > 0">

                <p>Please use the information/contacts shown below to deposit your {{requestFor}}.</p>

                <!--showDataProviders [dataProviders]=dataProviders></showDataProviders-->

                <div class = "uk-text-right" *ngIf = "fetchDataproviders.searchUtils.totalResults > 10" ><a [href] = "linkToSearchDataproviders" >View all {{fetchDataproviders.searchUtils.totalResults}} results</a></div>

            </div>

            <div *ngIf="(fetchDataproviders.searchUtils.totalResults == 0 && status == errorCodes.DONE)

                        || status == errorCodes.NONE || status == errorCodes.ERROR" class = "alert alert-warning">

                <div *ngIf="organization != undefined">

                <div *ngIf="organization == undefined && organizationId != ''">

                    No organization with ID: {{organizationId}} found.

                <div *ngIf="organizationId == ''">

                You can still deposit your {{requestFor}} in

                <a href="{{zenodo}}" target="_blank">OpenAIRE's Zenodo catch-all repository (<i class="uk-icon-external-link"></i>)</a>

                hosted by CERN.

        </div>

    public organization: {"name": string, "url": string};

    public status: number;

    sub: any;

    subDataproviders: any;

    public fetchDataproviders : FetchDataproviders;

    public linkToSearchDataproviders = "";

    @Input() compatibility: string = '';

    constructor (private _router: Router,

        private _searchDataprovidersService: SearchDataprovidersService,

            console.info("depositResult constructor");

            this.fetchDataproviders = new FetchDataproviders(this._searchDataprovidersService);

    }

        this.sub =  this.route.queryParams.subscribe(params => {

        });

    ngDoCheck() {

    ngOnDestroy() {

      this.sub.unsubscribe();

    }

        // if(this.organization != undefined) {

        //     this.fetchDataproviders.getResults(this.organization.name, false, 1, 10);

        // } else if(this.organizationId != undefined) {

            this.fetchDataproviders.getResultsForDeposit( this.organizationId,this.requestFor, 1, 10);

        //}

        this.linkToSearchDataproviders = OpenaireProperties.getLinkToSearchDataProviders();

                this.status = this.errorCodes.DONE;

                this.subDataproviders =  this.route.queryParams.subscribe(params => {

                //console.log(err)

            }

}