D-Net

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

import {Observable}       from 'rxjs/Observable';

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>

            <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>

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

                </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>

                <!--search-result [(results)]="fetchDataproviders.results" [(status)]= "fetchDataproviders.searchUtils.status"></search-result-->

            </div>

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

                        || status == errorCodes.NONE || status == errorCodes.ERROR" 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 && organizationId != ''">

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

                </div>

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

                    No ID for organization.

                </div>

                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>

            <button class="uk-button"  type="submit" (click)="goToDeposit()">

                <i class="uk-icon-arrow-circle-left"></i> Back

            </button>

        </div>

    `

})

export class DepositResultComponent {

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

    public organizationId: string = "";

    public status: number;

    public errorCodes:ErrorCodes = new ErrorCodes();

    sub: any;

    subDataproviders: any;

    public fetchDataproviders : FetchDataproviders;

    public linkToSearchDataproviders = "";

    public zenodo: string;

    @Input() compatibility: string = '';

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

    constructor (private _router: Router,

        private  route: ActivatedRoute,

        private _searchDataprovidersService: SearchDataprovidersService,

        private _organizationService: OrganizationService) {

            console.info("depositResult constructor");

            this.zenodo = OpenaireProperties.getZenodoURL();

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

            this.status = this.errorCodes.LOADING;

            console.info("loading");

    }

    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();

            }

        });

    }

    ngDoCheck() {

        if(this.organizationId == "" || this.organizationId == undefined) {

            this.organizationId = "";

            this.status = this.errorCodes.ERROR;

        }

    }

    ngOnDestroy() {

      this.sub.unsubscribe();

      if(this.subDataproviders != undefined) {

          this.subDataproviders.unsubscribe();

      }

    }

    private searchDataproviders() {

        // 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();

    }

    private getOrganizationInfo ()  {

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

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

            data => {

                this.organization = data.title;

                this.status = this.errorCodes.DONE;

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

                      this.searchDataproviders();

                });

            },

            err => {

                //console.log(err)

                if(err.status == '404') {

                    this.status = this.errorCodes.NONE;

                    console.info("none");

                } else {

                    this.status = this.errorCodes.ERROR;

                    console.info("error");

                }

            }

        );

    }

    goToDeposit() {

        if(this.requestFor == "Publications") {

            this._router.navigate( ['deposit-publications'] );

        } else if(this.requestFor == "Research Data") {

            this._router.navigate( ['deposit-datasets'] );

        }

    }

}