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

import { Meta} from '../../angular2-meta';

import {RouterHelper} from '../utils/routerHelper.class';

@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 <i class="uk-icon-angle-double-right"></i>

					</a-->

                    <a  [queryParams]="routerHelper.createQueryParams(['organizationId', 'or'], [organizationId, 'and'])"

                        routerLinkActive="router-link-active" [routerLink]="linkToSearchDataproviders">

                        View all {{fetchDataproviders.searchUtils.totalResults}} results <i class="uk-icon-angle-double-right"></i>

                    </a>

				</div>

                <search-result  [(results)]="fetchDataproviders.results"

                                [(status)]= "fetchDataproviders.searchUtils.status"

                                type="dataprovider" urlParam="datasourceId">

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

                    <span *ngIf="fetchDataproviders.searchUtils.status == errorCodes.ERROR">

                        An error occured.

                    </span>

                    No data providers found for institution:

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

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

                    </a>

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

                    .

                </div>

                <div *ngIf="status == errorCodes.NONE && organizationId != ''">

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

                </div>

                <div *ngIf="status == errorCodes.ERROR && organizationId != ''">

                    An error occured.

                </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 routerHelper:RouterHelper = new RouterHelper();

    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, private _meta: Meta) {

            this.zenodo = OpenaireProperties.getZenodoURL();

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

            this.status = this.errorCodes.LOADING;

            this.updateTitle("Deposit "+this.requestFor);

            this.updateDescription("Openaire,  repositories, open access,  data provider, compatibility, organization, deposit "+ this.requestFor);

        }

        updateDescription(description:string){

          this._meta.updateMeta("description", description);

          this._meta.updateMeta("og:description", description);

        }

        updateTitle(title:string){

          var _suffix ="| OpenAIRE";

          var _title = ((title.length> 50 ) ?title.substring(0,50):title) + _suffix;

          this._meta.setTitle(_title );

          this._meta.updateMeta("og:title",_title);

        }

    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( ['participate/deposit-publications'] );

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

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

        }

    }

}