openaire-library/orcid/my-orcid-links/myOrcidLinks.component.ts

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

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 *ngIf="showErrorMessage" class="uk-animation-fade uk-alert uk-alert-warning" role="alert">
          An Error Occurred
        </div>
        <div *ngIf="!showLoading && !orcidQuery && !requestGrant && !showErrorMessage" 
              class="uk-animation-fade uk-alert uk-alert-primary" role="alert">
          No ORCID links found
        </div>
        <div *ngIf="requestGrant" class="">
          <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 showErrorMessage: boolean = false;

  constructor (private route: ActivatedRoute, private router: Router,
               private _orcidService: OrcidService,
               private _searchResearchResultsService: SearchResearchResultsService,
               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();
  }

  public ngOnDestroy() {
    for(let sub of this.subscriptions){
      sub.unsubscribe();
    }
  }

  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 => {
          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'");
  }
}