D-Net

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

import {Observable}       from 'rxjs/Observable';

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

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

import {SearchOrganizationsService} from '../services/searchOrganizations.service';

@Component({

    selector: 'deposit',

    template: `

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

            <div class="page-header" >

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

            </div>

            <div>

                <p>

                    <i>

                        Are you a grant recipient from the following: H2020; FP7 with SC39; or ERC?

                    </i>

                    Then you are required to publish in

                    <a href="{{openAccess}}" target="_blank">open access ( <i class="uk-icon-external-link"></i> )</a>.

                    One way to do this is to deposit your {{requestFor}} into an

                    <a href="{{openAccessRepo}}" target="_blank">open access repository ( <i class="uk-icon-external-link"></i> )</a>.

                </p>

                <p>

                    Click the following to find more information:

                    <a href="{{fp7Guidlines}}" target="_blank">FP7 guidelines ( <i class="uk-icon-external-link"></i> )</a>,

                    <a href="{{h2020Guidlines}}" target="_blank">H2020 guidelines ( <i class="uk-icon-external-link"></i> )</a>,

                    <a href="{{ercGuidlines}}" target="_blank">ERC guidelines ( <i class="uk-icon-external-link"></i> )</a> OR

                    <a href="{{helpdesk}}" target="_blank">ask a question ( <i class="uk-icon-external-link"></i> )</a> to OpenAIRE’s national representative.

                </p>

                <h3>Locate data provider via your institution</h3>

                <form class= "uk-form uk-form-row">

                    <entities-autocomplete (click)="warningMessage = ''" [entityType]="'organization'" [depositType]=compatibility   [selectedValue]=selectedId [showSelected]=true

                      [placeHolderMessage] = "'Search for Organizations'" [title] = "'Organizations'"  [multipleSelections]=false

                      (selectedValueChanged)="valueChanged($event)">

                    </entities-autocomplete>

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

                        Locate

                    </button>

                    <div *ngIf="warningMessage.length > 0" class="uk-alert uk-alert-warning" role="alert">{{warningMessage}}</div>

                </form>

            </div>

        </div>

    `

})

export class DepositComponent {

    @Input() keyword: string='';

    public openAccess: string;

    public openAccessRepo: string;

    public fp7Guidlines: string;

    public h2020Guidlines: string;

    public ercGuidlines: string;

    public helpdesk: string;

    @Input() compatibility: string = '';

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

    public status: number;

    public errorCodes:ErrorCodes = new ErrorCodes();

    public selectedId: string = "";

    public warningMessage: string = "";

    constructor (private _router: Router, private _searchOrganizationsService: SearchOrganizationsService) {

        this.openAccess = OpenaireProperties.getOpenAccess();

        this.openAccessRepo = OpenaireProperties.getOpenAccessRepo();

        this.fp7Guidlines = OpenaireProperties.getFP7Guidlines();

        this.h2020Guidlines = OpenaireProperties.getH2020Guidlines();

        this.ercGuidlines = OpenaireProperties.getERCGuidlines();

        this.helpdesk = OpenaireProperties.getHelpdesk();

    }

    organizationSelected(id: string) {

        console.info("organization selected");

        if(id && id.length > 0){

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

                this._router.navigate( ['deposit-publications-result'], { queryParams: { "organizationId": id } } );

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

                this._router.navigate( ['deposit-datasets-result'], { queryParams: { "organizationId": id } } );

            }

        } else {

            this.warningMessage = "No organization selected";

        }

    }

    valueChanged($event){

      this.selectedId = $event.value;

    }

}