D-Net

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

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

import {Title, Meta}                  from '@angular/platform-browser';

import {Observable}                   from 'rxjs';

import {EnvProperties}                from '../../utils/properties/env-properties';

import {ClaimProject, ClaimResult}    from '../claim-utils/claimEntities.class';

import {EntitiesSearchService}        from '../../utils/entitiesAutoComplete/entitySearch.service';

import {SearchPublicationsService}    from '../../services/searchPublications.service';

import {SearchDatasetsService}        from '../../services/searchDatasets.service';

import { SEOService } from '../../sharedComponents/SEO/SEO.service';

declare var UIkit:any;

@Component({

    selector: 'linking-generic',

    templateUrl: 'linkingGeneric.component.html'

})

export class LinkingGenericComponent {

  @Input() bulkMode: boolean = false;

  @Input() communityId:string= null;

  sourceType:string;

  targetType:string;

  step:number = 1;

  contexts=[];

  projects=[];

   results = [];

  show = "project";

  date='8-6-2016';

  keyword: string = "";

  linkType:string ="project"; // link type (selected in home page) : project, context, software, etc

  /* url Parameters for inline linking */

  id:string = null; //entity id

  type:string = null; // entity type (publication or research data)

  linkTo:string = null; // entity type (project or context or result)

  entityTypes=["dataset", "publication", "project","context"];

  inlineResult:ClaimResult =null;

  sub:any =null;

  properties:EnvProperties;

  localStoragePrefix:string = "linking_";

  url=null;

  constructor (private _router: Router,  private route: ActivatedRoute, private entitySearch:EntitiesSearchService,

               private publicationsSearch:SearchPublicationsService, private datasetsSearch:SearchDatasetsService,

               private _meta: Meta, private _title: Title,

             private seoService: SEOService ) {

                  var title = "OpenAIRE | Linking";

                  this._meta.updateTag({content:title},"property='og:title'");

                  this._title.setTitle(title);

  }

  ngOnInit() {

    this.route.data

      .subscribe((data: { envSpecific: EnvProperties }) => {

         this.properties = data.envSpecific;

         this.url = data.envSpecific.baseLink+this._router.url;

         this.seoService.createLinkForCanonicalURL(this.properties.baseLink+this._router.url, false);

      });

      if( typeof localStorage !== 'undefined') {

        if(localStorage.getItem(this.localStoragePrefix + "projects")){

          this.projects  = JSON.parse(localStorage.getItem(this.localStoragePrefix + "projects"));

        }

        if(localStorage.getItem(this.localStoragePrefix + "contexts")){

          this.contexts  = JSON.parse(localStorage.getItem(this.localStoragePrefix + "contexts"));

        }

        if(localStorage.getItem(this.localStoragePrefix + "results")){

          this.results  = JSON.parse(localStorage.getItem(this.localStoragePrefix + "results"));

        }

    }

  }

  next(){

    if((this.show == 'result' && this.keyword == '')||(this.show == 'dataset' || this.show == 'publication')){

        this.show='claim';

    }

  }

  prev(){

  if(this.show == 'claim'){

      this.show='result';

    }

  }

  resultsChange($event) {

    this.results=$event.value;

  }

  projectsChange($event) {

    this.projects=$event.value;

  }

  linkTypeChange($event) {

    this.linkType =$event.value;

    this.show="result";

    if(this.bulkMode){

      this.show="claim";

    }

  }

  showChange($event) {

    this.show=$event.value;

    this.showChangedType($event.value);

  }

  showChangedType(type:string) {

    this.show=type;

     if(this.show == 'project' || this.show == 'context' || this.show == 'software'){

        this.linkType = this.show;

    }

  }

  canProceedToMetadata(){

    if(this.results.length == 0){

      UIkit.notification({

          message : 'No research results selected!<br>Please select research results to link with projects and/ or ommunities.',

          status  : 'warning',

          timeout : 1000,

          pos     : 'top-center'

      });

    }else{

      this.show = 'claim';

      this.step = 3;

    }

  }

}