D-Net

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

import {Observable}       from 'rxjs/Observable';

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

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

import { SearchDataprovidersComponent } from '../searchPages/searchDataproviders.component';

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

import { SearchResultComponent } from '../searchPages/searchUtils/searchResult.component';

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

@Component({

    selector: 'deposit-result',

    template: `

        <div class="container">

            <div class="page-header" >

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

            </div>

            <div *ngIf="searchDataprovidersComponent.totalResults > 0">

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

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

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

                        <span>{{organization['name']}}</span>

                    </a>

                    <span *ngIf="organization['url']==''">{{organization['name']}}</span>

                </h2>

            </div>

            <div *ngIf="searchDataprovidersComponent.totalResults > 0">

                <p>Please use the information/contacts shown below to deposit your publications.</p>

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

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

                <search-result [(results)]="searchDataprovidersComponent.results" [(status)]= "searchDataprovidersComponent.status"></search-result>

            </div>

            <div *ngIf="searchDataprovidersComponent.totalResults == 0" class = "alert alert-warning">

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

                    No data providers found

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

                        for institution:

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

                            <span>{{organization['name']}}</span>

                        </a>

                        <span *ngIf="organization['url']==''">{{organization['name']}}</span>

                    </span>

                    .

                </div>

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

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

                </div>

                You can still deposit your publications and/or research data in

                <a href="{{zenodo}}">OpenAIRE's Zenodo catch-all repository </a>

                hosted by CERN.

            </div>

        </div>

    `

})

export class DepositResultComponent {

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

    private organizationId: string;

    sub: any;

    subDataproviders: any;

    private searchDataprovidersComponent : SearchDataprovidersComponent;

    private linkToSearchDataproviders = "";

    private zenodo: string;

    @Input() compatibility: string = '';

    @Input() requestFor: string = "Publications";

    constructor (private  route: ActivatedRoute,

        private _searchDataprovidersService: SearchDataprovidersService,

        private _organizationService: OrganizationService) {

            console.info("depositResult constructor");

            this.zenodo = OpenaireProperties.getZenodoURL();

            this.searchDataprovidersComponent = new SearchDataprovidersComponent(this.route, this._searchDataprovidersService);

    }

    ngOnInit() {

        console.info('depositResult init');

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

            this.organizationId = params['organizationId'];

            console.info("Id is :"+this.organizationId);

            if(this.organizationId){

                this.getOrganizationInfo();

            }

        });

    }

    ngOnDestroy() {

      this.sub.unsubscribe();

      if(this.subDataproviders != undefined) {

          this.subDataproviders.unsubscribe();

      }

    }

    private searchDataproviders() {

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

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

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

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

        //}

        this.linkToSearchDataproviders = OpenaireProperties.getLinkToSearchDataProviders();

    }

    private getOrganizationInfo ()  {

        console.info("inside getOrganizationInfo of component");

        this._organizationService.getOrganizationInfo(this.organizationId).subscribe(

            data => {

                this.organization = data.title;

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

                      this.searchDataproviders();

                });

                //var errorCodes:ErrorCodes = new ErrorCodes();

                //this.status = errorCodes.DONE;

            },

            err => {

                console.error(err)

                console.info("error");

                //var errorCodes:ErrorCodes = new ErrorCodes();

                //this.status = errorCodes.ERROR;

            }

        );

    }

}