D-Net

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

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

import {Location} from '@angular/common';

import {ErrorCodes} from "../../utils/properties/errorCodes";

import {ErrorMessagesComponent} from "../../utils/errorMessages.component";

import {SearchUtilsClass} from "../../searchPages/searchUtils/searchUtils.class";

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

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

import {properties} from "../../../../environments/environment";

import {OrcidService} from "../orcid.service";

import {Identifier, StringUtils} from "../../utils/string-utils.class";

import {SearchResearchResultsService} from "../../services/searchResearchResults.service";

import {Session} from "../../login/utils/helper.class";

import {LoginErrorCodes} from "../../login/utils/guardHelper.class";

import {SearchResult} from "../../utils/entities/searchResult";

import {ResultPreview} from "../../utils/result-preview/result-preview";

import {HttpClient} from "@angular/common/http";

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

import {UserManagementService} from "../../services/user-management.service";

declare var UIkit: any;

@Component({

  selector: 'my-orcid-links',

  template: `

<!--    <div class="uk-section uk-padding-remove-bottom uk-padding-remove-top">-->

<!--      <div class="explorePanelBackground communityPanelBackground uk-padding-small">-->

<!--        <div class="uk-container uk-container-large uk-margin-small-top uk-margin-small-bottom">-->

<!--          <breadcrumbs  [light]="!!(this.communityId)" [breadcrumbs]="breadcrumbs"></breadcrumbs>-->

<!--        </div>-->

<!--      </div>-->

<!--    </div>-->

    <div class="">

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

        <div class="uk-article-title custom-article-title">

          My ORCID links

        </div>

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

          <span *ngIf="authorNameParam">

            <a class="uk-button-text" [queryParams]="authorNameParam" 

                [routerLink]="properties.searchLinkToAdvancedResults" routerLinkActive="router-link-active">

              Discover research results related to you

            </a>

          </span>

          <span class="uk-align-right@m uk-margin-remove">

            Need help?

            <a href="https://www.openaire.eu/openaire-explore-integration-with-the-orcid-search-and-link-wizard" target="_blank">

              Read more  <span class="custom-external custom-icon space"></span>

            </a>

          </span>

        </div>

        <div *ngIf="showErrorMessage" class="uk-animation-fade uk-alert uk-alert-warning uk-margin-large-top" role="alert">

          An Error Occurred

        </div>

        <div *ngIf="!showLoading && !orcidQuery && !requestGrant && !showErrorMessage" 

              class="uk-animation-fade uk-alert uk-alert-primary uk-margin-large-top" role="alert">

          No ORCID links found

        </div>

        <div *ngIf="requestGrant" class="uk-margin-large-top">

          <div class="uk-text-center uk-padding-small">

            <div>

              This is a private page, only for users that have connected their ORCID iD with OpenAIRE.

              Please grant OpenAIRE to access and update your ORCID works.

            </div>

            <div class="uk-margin-medium-top uk-align-center">

              <button (click)="openGrantWindow()" type="submit"

                      class="uk-button uk-padding-small uk-padding-remove-vertical uk-margin-left uk-button-primary">

                <span>Grant OpenAIRE</span>

              </button>

            </div>

          </div>

        </div>

      </div>

<!--      <div *ngIf="orcidQuery" class="uk-container uk-container-large uk-margin-top">-->

<!--        <form -->

<!--              class="uk-margin-top uk-grid uk-margin-small-left ng-untouched ng-pristine ng-valid uk-form-width-large uk-float-right">-->

<!-- -->

<!--          <div class=" uk-padding-remove-left uk-margin-small-top uk-inline uk-width-expand">-->

<!--            <a *ngIf="keyword.length > 0" class="uk-form-icon uk-form-icon-flip"-->

<!--               (click)="keyword = ''"-->

<!--               uk-icon="icon: close"></a>-->

<!--            <input type="text" class="uk-input text-input-box uk-width-expand"-->

<!--                   placeholder="Search by name, description, subject..." aria-describedby="sizing-addon2"-->

<!--                   [(ngModel)]="keyword" name="keyword">-->

<!--          </div>-->

<!--          <div class="uk-padding-remove-left">    -->

<!--          <button (click)="keywordChanged()" type="submit"-->

<!--                  class="portal-button uk-margin-small-left uk-margin-small-top uk-button">Search-->

<!--          </button>-->

<!--          </div>-->

<!-- -->

<!--        </form>-->

<!--      </div>-->

<!--      <div id="tm-main" class="   tm-middle" [class.uk-margin-top]="stickyForm">-->

<!--        <div uk-grid>-->

<!--          <div class="tm-main uk-width-1-1@s uk-width-1-1@m  uk-width-1-1@l uk-row-first ">-->

<!--            <div class="uk-container uk-container-large">-->

<!--              <my-orcid-result [results]="results"-->

<!--                            [status]="searchUtils.status"-->

<!--                            [type]="resultType"-->

<!--                            [properties]=properties>-->

<!--              </my-orcid-result>-->

<!--            </div>      -->

<!--          </div>-->

<!--        </div>-->

<!--      </div>-->

    </div>

    <div *ngIf="orcidQuery" class="tm-middle" id="tm-main">

      <div uk-grid="" class="uk-grid uk-grid-stack">

        <div class="tm-main uk-width-1-1@s uk-width-1-1@m uk-width-1-1@l uk-row-first uk-first-column">

          <div class="uk-container uk-container-large">

            <my-orcid-result [previewResults]="currentResults" 

                             [status]="searchUtils.status" 

                             [type]="resultType" 

                             [properties]=properties

                             [currentPage]="currentPage" 

                             [totalResults]="totalOrcidResults" 

                             [resultsPerPage]="resultsPerPage"

                             (pageChange)="pageChanged($event)">

            </my-orcid-result>        

            <div class="uk-text-center uk-margin-medium-top uk-margin-medium-bottom uk-animation-fade uk-alert" role="alert">

              Your ORCID links will be visible in the OpenAIRE research results as soon as we synchronize our data with ORCID.

            </div>

          </div>

        </div>

      </div>

    </div>

    `

})

export class MyOrcidLinksComponent {

  public resultType: string = "result";

  private errorCodes: ErrorCodes;

  private errorMessages: ErrorMessagesComponent;

  @Input() piwikSiteId = null;

  public results =[];

  public currentResults = [];

  public totalResults:number  = 0 ;

  public baseUrl:string;

  public searchUtils:SearchUtilsClass = new SearchUtilsClass();

  public subscriptions: any[] = [];

  public _location:Location;

  public disableForms: boolean = false;

  public loadPaging: boolean = true;

  public oldTotalResults: number = 0;

  pagingLimit = 0;

  properties:EnvProperties;

  @Input() public communityId: string = null;

  depositLearnHowPage: string = null;

  public routerHelper:RouterHelper = new RouterHelper();

  // breadcrumbs:Breadcrumb[] = [];

  parameters = {};

  keyword  = "";

  identifiers: string[] = [];

  works: any[] = [];

  orcidQuery: string = "";

  typeQuery: string = "";

  public showLoading: boolean = true;

  currentPage: number = 1;

  totalOrcidResults: number;

  resultsPerPage: number = 5;

  public requestGrant: boolean = false;

  public window: any;

  private tokenUrl: string;

  private clientId: string = "APP-A5M3KTX6NCN67L91";

  public authorNameParam: any = null;

  public showErrorMessage: boolean = false;

  constructor (private route: ActivatedRoute, private router: Router,

               private _orcidService: OrcidService,

               private _searchResearchResultsService: SearchResearchResultsService,

               private userManagementService: UserManagementService,

               private _meta: Meta, private _title: Title

               // ,private http: HttpClient/*ATHENA CODE*/

  ) {

    this.errorCodes = new ErrorCodes();

    this.errorMessages = new ErrorMessagesComponent();

    this.searchUtils.status = this.errorCodes.LOADING;

    this.searchUtils.page =1;

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

      this.tokenUrl = properties.orcidTokenURL

        + "client_id="+properties.orcidClientId

        // + "&response_type=code&scope=/activities/update"

        // + "&response_type=code&scope=/authenticate /activities/update /person/update /read-limited"

        + "&response_type=code&scope=/activities/update /read-limited"

        + "&redirect_uri="+location.origin+"/orcid?source=openaire";

    }

  }

  public ngOnInit() {

    this.properties = properties;

    this.depositLearnHowPage = this.properties.depositLearnHowPage;

    this.baseUrl = this.properties.depositSearchPage;

    this.pagingLimit = this.properties.pagingLimit;

    // this.breadcrumbs.push({name: 'home', route: '/'}, {

    //   name: "Deposit",

    //   route: this.depositLearnHowPage

    // }, {name: "Browse repositories", route: null});

    // this.subscriptions.push(this.route.queryParams.subscribe(

    //   params => {

        // this.searchUtils.page = params['page'] ? params['page']-1 : 1;

        // this.searchUtils.size = params['size'] ? params['size'] : 5;

        // let page = (params['page'] === undefined) ? 1 : +params['page'];

        // this.searchUtils.page = (page <= 0) ? 1 : page;

        // let size = (params['size'] === undefined) ? 5 : +params['size'];

        // this.searchUtils.size = (size <= 0) ? 1 : size;

        //

        // if (params["type"]) {

        //   let types = params["type"];

        //   types = Array.isArray(types) ? types.join(',').split(","):types.split(",");

        //   types.map( function (t) {

        //     return StringUtils.unquote(StringUtils.URIDecode(t));

        //   } );

        //

        //   if(types.indexOf("publications")!=-1 && types.indexOf("datasets")!=-1 && types.indexOf("software")!=-1 && types.indexOf("other")!=-1 ){

        //     this.typeQuery += "&type=results";

        //   }else{

        //     for (let type of types) {

        //       this.typeQuery += "&type=" + StringUtils.unquote(StringUtils.URIDecode(type));

        //     }

        //   }

        // }else{

        //   this.typeQuery += "&type=results";

        // }

        // this.typeQuery = "&type=results";

        // this.getLocalWorks(this.currentPage, this.resultsPerPage);

    // }));

    var description = "Openaire, ORCID linking, publication, research data, software, other research product";

    this.updateTitle("My ORCID Links");

    this.updateDescription(description);

    this.updateUrl( properties.domain + properties.baseLink + this.route.url);

    this.typeQuery = "&type=results";

    this.getLocalWorks();

    this.getPersonalDetails();

  }

  public ngOnDestroy() {

    for(let sub of this.subscriptions){

      sub.unsubscribe();

    }

  }

  private getPersonalDetails() {

    //get author name

    this.subscriptions.push(this._orcidService.getPersonalDetails().subscribe(

      details => {

        let author: string = "";

        if(details && details['name']) {

          let name: string = details['name'];

          if(name['given-names'] && name['given-names']['value']) {

            author = name['given-names']['value'];

          }

          if(name['family-name'] && name['family-name']['value']) {

            author += (author ? " " : "") + name['family-name']['value'];

          }

          this.authorNameParam = this.routerHelper.createQueryParams(['f0', 'fv0'], ['resultauthor', author]);

        }

      },

      error => {

        console.error("Error getting personal details", error);

        this.subscriptions.push(this.userManagementService.getUserInfo().subscribe(user => {

          if (user) {

            this.authorNameParam = this.routerHelper.createQueryParams(['f0', 'fv0'], ['resultauthor', user.fullname]);

          }

        }));

      }

    ));

  }

  openGrantWindow() {

    this.window = window.open(this.tokenUrl, '_blank',

      'location=yes,height=700,width=540,left=500,top=100,scrollbars=yes,status=yes');

    let self = this;

    window.onmessage = function (ev) {

      if (ev.isTrusted && ev.origin !== location.origin && ev.data !== 'success')

        return;

      self.requestGrant = false;

      UIkit.notification({

        message: 'Thank you for <strong>connecting your ORCID iD</strong> with OpenAIRE!',

        status: 'success',

        timeout: 6000,

        pos: 'bottom-right'

      });

      self.getLocalWorks();

    };

  }

  getLocalWorks() {

    this.showErrorMessage = false;

    this.showLoading = true;

    this.subscriptions.push(this._orcidService.getLocalWorks().subscribe(

      (response: any[]) => {

        this.works = response;//['results'];

        this.totalOrcidResults = this.works.length;//response['total'];

        this.prepareOrcidQuery();

      },

      error => {

        this.handleError(error, "Could not get locally stored user's ORCID works");

        this.showLoading = false;

      }

    ));

  }

  public prepareOrcidQuery() {

    if(this.results.length >= this.currentPage) {

      this.currentResults = this.results[this.currentPage-1];

      return;

    }

    this.showLoading = true;

    this.orcidQuery = "";

    let from: number = (this.currentPage-1)*this.resultsPerPage;

    if(from >= this.works.length) {

      this.searchUtils.status = this.errorCodes.OUT_OF_BOUND;

    }

    let to: number = this.currentPage*this.resultsPerPage;

    if(to > this.works.length) {

      to = this.works.length;

    }

    let works = this.works.slice(from, to);

    for(let work of works) {

      for(let pid of work['pids']) {

        let identifier: Identifier = Identifier.getIdentifierFromString(pid);

        this.orcidQuery += (this.orcidQuery ? " or " : "") + ('(pidclassid exact "'+identifier.class+'" and pid="'+StringUtils.URIEncode(identifier.id)+'")');

        //this.orcidQuery = '(pidclassid exact "doi" and pid="10.1007/978-3-030-55814-7_16")';

        // console.debug(this.orcidQuery);

      }

    }

    this.showLoading = false;

    this._getResults(works);

  }

  public _getResults(works: any) {

    this.searchUtils.status = this.errorCodes.LOADING;

    this.disableForms = true;

    this.currentResults = [];

    this.searchUtils.totalResults = 0;

    // let params: string = this.orcidQuery + this.typeQuery;

    //this.subs.push(this._searchResearchResultsService.advancedSearchResults(this.resultType, parameters, page, size, sortBy, this.properties, (refine) ? this.searchPage.getRefineFieldsQuery() : null, this.searchPage.getFields(), refineFieldsFilterQuery)

    this.subscriptions.push(this._searchResearchResultsService.searchForMyOrcidLinks(this.resultType, this.orcidQuery, this.typeQuery, 1, 50)

    //this.subs.push(this._searchResearchResultsService.advancedSearchResults(this.resultType, parameters, page, size, sortBy, this.properties, null, this.searchPage.getFields(), refineFieldsFilterQuery)

      .subscribe(

        data => {

          // this is for testing purposes only!

          // let newRes = JSON.parse(JSON.stringify(data[1][0]));

          // newRes.identifiers = new Map();

          // newRes.identifiers.set("doi", [data[1][0].identifiers.get("doi")[1]]);

          // data[1].push(newRes);

          // console.log(data[1][data[0]]);

          //

          // data[1][0].identifiers.set("doi", [data[1][0].identifiers.get("doi")[0]]);

          // console.log(data[1][0]);

          //

          // data[0] += 1;

          let totalResults = data[0];

          let results = data[1];

          this.resultsReturned(results, totalResults, works);

        },

        err => {

          // this.handleError("Error getting " + this.getEntityName(this.resultType, true, true), err);

          console.error("Error getting " + this.getEntityName(this.resultType, true, true));

          this.showLoading = false;

          this.searchUtils.status = this.errorMessages.getErrorCode(err.status);

          this.disableForms = false;

        }

      )

    );

  }

  public resultsReturned(results: any, totalResults, works: any[]) {

    this.searchUtils.totalResults = totalResults;

    let resultsFound: Map<string[], number> = new Map<string[], number>();

    for(let work of works) {

      results.forEach(result => {

        let identifierValues: string[] = [].concat(...Array.from(result.identifiers.values()));

        if(work['pids'].some(pid => identifierValues.includes(pid))) {

          let index: number = resultsFound.get(identifierValues);

          if(!index) {

            this.currentResults.push(this.getResultPreview(result));

            index = this.currentResults.length - 1;

            this.currentResults[index].orcidPutCodes = [];

            this.currentResults[index].orcidCreationDates = [];

            this.currentResults[index].orcidUpdateDates = [];

          }

          if (work['putCode']) {

            this.currentResults[index].orcidPutCodes.push(work['putCode']);

          }

          if (work['creationDate']) {

            this.currentResults[index].orcidCreationDates.push(work['creationDate']);

          }

          if (work['updateDate']) {

            this.currentResults[index].orcidUpdateDates.push(work['updateDate']);

          }

        }

      })

    }

    // /////////////////////// ATHENA CODE ///////////////////////

    // // console.log(data[1]);

    // let dois = encodeURIComponent(results.map((result) => result.DOIs).join(","));

    // console.log(dois);

    // console.log(this.properties.impactFactorsAPIURL);

    // if(dois.length > 0 &&  (this.properties.impactFactorsAPIURL &&  this.properties.impactFactorsAPIURL.length > 0) ) {

    //   let url = this.properties.impactFactorsAPIURL + dois;

    //   this.http.get((this.properties.useCache?(this.properties.cacheUrl+(encodeURIComponent(url))):url)).subscribe((data_received:any[]) => {

    //     let impact =[];

    //     data_received.forEach(function (result) {

    //       if(result.doi && result.doi.length > 0 && result.pop_class!=null && result.inf_class!=null)

    //         impact[result.doi]=result;

    //     });

    //     this.currentResults.forEach(function (result) {

    //       if(result.identifiers) {

    //         result.identifiers.get("doi").forEach(function (doi) {

    //           if (impact[doi]) {

    //             result.DOI = doi;

    //           }

    //

    //         })

    //       }

    //     });

    //     for (let i = 0; i < this.currentResults.length; i++) {

    //       if (this.currentResults[i].DOI) {

    //         this.currentResults[i].pop_inf = new Array<string>();

    //         this.currentResults[i].pop_inf.push(impact[this.currentResults[i].DOI].pop_class, impact[this.currentResults[i].DOI].inf_class);

    //         if(this.currentResults[i].pop_inf[0]=="A"){

    //           // this.previewResults[i].pop_inf.push("High");

    //           this.currentResults[i].pop_inf.push("Exceptional");

    //         }else if(this.currentResults[i].pop_inf[0]=="B"){

    //           // this.previewResults[i].pop_inf.push("Average");

    //           this.currentResults[i].pop_inf.push("Substantial");

    //         }else{

    //           // this.previewResults[i].pop_inf.push("low");

    //           this.currentResults[i].pop_inf.push("Average");

    //         }

    //         if(this.currentResults[i].pop_inf[1]=="A"){

    //           // this.previewResults[i].pop_inf.push("Strong");

    //           this.currentResults[i].pop_inf.push("Exceptional");

    //         }else if(this.currentResults[i].pop_inf[1]=="B"){

    //           // this.previewResults[i].pop_inf.push("Average");

    //           this.currentResults[i].pop_inf.push("Substantial");

    //         }else{

    //           // this.previewResults[i].pop_inf.push("Weak");

    //           this.currentResults[i].pop_inf.push("Average");

    //         }

    //       }

    //     }

    //

    //   }, error1 => {

    //     console.error("Failed to get Impact factors for elixir-gr")

    //   });

    //   // console.log(researchResults[1]);

    //

    // }

    // /////////////////////// ATHENA CODE ///////////////////////

    this.results[this.currentPage-1] = this.currentResults;

    this.searchUtils.status = this.errorCodes.DONE;

    if (this.searchUtils.totalResults == 0) {

      this.searchUtils.status = this.errorCodes.NONE;

    }

    this.disableForms = false;

  }

  public resultsReturned2(results: any, totalResults, works: any[]) {

    this.searchUtils.totalResults = totalResults;

    for(let result of results) {

      let identifierValues: string[] = [].concat(...Array.from(result.identifiers.values()));

      this.currentResults.push(this.getResultPreview(result));

      let filteredWorks = works.filter(work => {

        return work['pids'].some(pid => identifierValues.includes(pid));

      })

      this.currentResults[this.currentResults.length - 1].orcidPutCodes = [];

      this.currentResults[this.currentResults.length - 1].orcidCreationDates = [];

      this.currentResults[this.currentResults.length - 1].orcidUpdateDates = [];

      filteredWorks.forEach(work => {

        if(work['putCode']) {

          this.currentResults[this.currentResults.length - 1].orcidPutCodes.push(work['putCode']);

        }

        if(work['creationDate']) {

          this.currentResults[this.currentResults.length - 1].orcidCreationDates.push(work['creationDate']);

        }

        if(work['updateDate']) {

          this.currentResults[this.currentResults.length - 1].orcidUpdateDates.push(work['updateDate']);

        }

        // this.currentResults[this.currentResults.length - 1].orcidPutCodes.push(work['putCode']);

        // this.currentResults[this.currentResults.length - 1].orcidCreationDates.push(work['creationDate']);

        // this.currentResults[this.currentResults.length - 1].orcidUpdateDates.push(work['creationDate']);

      });

    }

    this.results[this.currentPage-1] = this.currentResults;

    // if(!refine) {

      // this.searchPage.buildPageURLParameters(this.filters, this.rangeFilters, false);

    // }

    this.searchUtils.status = this.errorCodes.DONE;

    if (this.searchUtils.totalResults == 0) {

      this.searchUtils.status = this.errorCodes.NONE;

    }

    this.disableForms = false;

  }

  public getResultPreview(result: SearchResult): ResultPreview {

    return ResultPreview.searchResultConvert(result, (result.entityType)?result.entityType:this.resultType);

  }

  // private handleError(message: string, error) {

  //   if(error && error.status == "401") {

  //     this.requestGrant = true;

  //     this.requestGrantMessage = "Please grant OpenAIRE to access and update your ORCID record and works. ";

  //     // + "If you have already granted OpenAIRE, you just need to login again to ORCID!";

  //   } else if(error && error.status == "403") {

  //     this.requestGrant = true;

  //     this.requestGrantMessage = "Please login again to ORCID."

  //   }

  //   console.error("My ORCID links Page: "+message, error);

  // }

  public getEntityName(entityType: string, plural: boolean, full: boolean): string {

    if (entityType == "publication") {

      return "publication" + (plural ? "s" : "");

    } else if (entityType == "dataset") {

      return (full ? "research data" : ("dataset" + (plural ? "s" : "")));

    } else if (entityType == "software") {

      return "software";

    } else if (entityType == "other") {

      return (full ? ("other research product" + (plural ? "s" : "")) : "other");

    } else if (entityType == "result") {

      return (full ? ("research outcome" + (plural ? "s" : "")) : "result");

    }

  }

  public pageChanged($event) {

    this.currentPage = $event.value;

    this.prepareOrcidQuery();

    // this.getLocalWorks(this.currentPage, this.resultsPerPage);

  }

  handleError(error, errorMsg: string) {

    if(error && (error.status == "401" || error.status == "403")) {

      this.requestGrant = true;

    } else {

      this.showErrorMessage = true;

      // UIkit.notification({

      //   message: errorMsg,

      //   status: 'warning',

      //   timeout: 6000,

      //   pos: 'bottom-right'

      // });

    }

    this.showLoading = false;

  }

  private updateTitle(title: string) {

    var _prefix = "";

    // if(!this.communityId) {

    //   _prefix = "OpenAIRE | ";

    // }

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

    this._title.setTitle(title);

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

  }

  private updateDescription(description: string) {

    this._meta.updateTag({content: description}, "name='description'");

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

  }

  private updateUrl(url: string) {

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

  }

}