openaire-library/claims/claim-utils/displayClaims/displayClaims.component.ts

import {Component, Input, ViewChild} from '@angular/core';
import {Location} from '@angular/common';
import {ActivatedRoute, Router} from '@angular/router';
import {Subject} from 'rxjs';
import {debounceTime, distinctUntilChanged} from 'rxjs/operators';
import {ClaimsService} from '../service/claims.service';
import {ModalLoading} from '../../../utils/modal/loading.component';
import {AlertModal} from '../../../utils/modal/alert';
import {Session, User} from '../../../login/utils/helper.class';
import {EnvProperties} from '../../../utils/properties/env-properties';
import {LoginErrorCodes} from '../../../login/utils/guardHelper.class';
import {SEOService} from '../../../sharedComponents/SEO/SEO.service';
import {IndexInfoService} from "../../../utils/indexInfo.service";
import {ClaimDBRecord} from "../claimHelper.class";
import {Dates} from "../../../utils/string-utils.class";
import {HelperService} from "../../../utils/helper/helper.service";
import {Meta, Title} from "@angular/platform-browser";
import {PiwikService} from "../../../utils/piwik/piwik.service";


@Component({
  selector: 'displayClaims',
  templateUrl: 'displayClaims.component.html',
  // providers: [ClaimsService]

})
export class DisplayClaimsComponent {
  @Input() piwikSiteId = null;
  @Input() title: string = "";
  piwiksub: any;

  properties: EnvProperties;
  public searchTermStream = new Subject<string>();
  sub: any;
  //string because comes as input from component directive
  @Input() enableDelete: boolean = false;
  @Input() showUserEmail: boolean = true;
  @Input() myClaims: boolean = false;
  @Input() isAdmin: boolean = false;
  page: number = 1;
  size: number = 10;
  sizes = [10, 20, 30, 50];
  keyword: string; // the keyword string to give to the request as parameter
  inputkeyword: string; // the string written in the input field (keyword=inputkeyword when its length is bigger than 3 and the user stops typing)
  types = ["All", "Project", "Context", "Result", "User"];
  pageLoading:boolean = false;
  @Input() fetchBy: string;
  @Input() fetchId: string;
  @Input() user: User;
  resultsNum: number;
  claims: ClaimDBRecord[];
  @Input() externalPortalUrl: string = null;
  @Input() claimsInfoURL: string;// ="https://www.openaire.eu/linking";
  lastIndexDate = null;

  @ViewChild(ModalLoading) loading: ModalLoading;

  //checkboxes:
  publicationCB = false;
  datasetCB = false;
  softwareCB = false;
  otherCB = false;
  contextCB = false;
  projectCB = false;
  entityTypes: string[] = [];

  descending = true;
  sortby = "date";

  selected = [];
  deleteMessage: string = "";
  showErrorMessage: boolean = false;
  showForbiddenMessage: boolean = false;
  userValidMessage: string = "";

  //params for pagingFormatter to use when navigate to page
  params;
  @ViewChild(AlertModal) alert;

  claimsDeleted: number = 0;
  @Input() communityId: string = null;

  url = null;
  public pageContents = null;

  constructor(private _claimService: ClaimsService, private route: ActivatedRoute, private _router: Router, private location: Location,
              private _meta: Meta, private _title: Title, private _piwikService: PiwikService,
              private seoService: SEOService, private indexInfoService: IndexInfoService, private helper: HelperService) {
  }

  ngOnInit() {
    this.route.data
      .subscribe((data: { envSpecific: EnvProperties }) => {
        this.properties = data.envSpecific;
        this.url = data.envSpecific.baseLink + this._router.url;

        var description = "Openaire, linking, claim, publication, research data, software, other research product, project, community";
        this.updateTitle(this.title);
        this.updateDescription(description);
        this.updateUrl(this.url);
        if (this.properties.enablePiwikTrack && (typeof document !== 'undefined')) {
          this.piwiksub = this._piwikService.trackView(this.properties, this.title, this.piwikSiteId).subscribe();
        }

        this.helper.getPageHelpContents(this.properties, this.communityId, this._router.url).subscribe(contents => {
          this.pageContents = contents;
        });
        this.indexInfoService.getLastIndexDate(this.properties).subscribe(res => {
          this.lastIndexDate = res;
        });
        this.sub = this.route.queryParams.subscribe(params => {
          this.seoService.createLinkForCanonicalURL(this.url, false);

          if (this.myClaims) {
            this.fetchBy = "User";
            this.fetchId = this.user.email;
          } else {

            this.fetchBy = (this.fetchBy) ? this.fetchBy : params['fetchBy'];
            this.fetchBy = (this.types.indexOf(this.fetchBy) != -1) ? this.fetchBy : 'All';
            this.fetchId = (this.fetchId) ? this.fetchId : params['fetchId'];
            this.fetchId = this.fetchId ? this.fetchId : '';
          }

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

          this.keyword = (params['keyword'] ? params['keyword'] : "");
          this.inputkeyword = this.keyword;
          this.page = (page <= 0) ? 1 : page;
          this.size = (size <= 0) ? 10 : size;
          this.entityTypes = [];//(params['types']?params['types']:[]);
          this.setTypes(params['types']); // check the appropriate checkboxes
          this.setSortby(params['sort']);
          this.getClaims();
          this.searchTermStream
            .pipe(debounceTime(300), distinctUntilChanged())
            .subscribe((term: string) => {
              this.keyword = term;
              this.page = 1;
              this.goTo();
            });

        });
      });


  }

  ngOnDestroy() {
    this.sub.unsubscribe();
    if (this.piwiksub) {
      this.piwiksub.unsubscribe();
    }
    //this.searchTermStreamSub.unsubscribe();
  }

  getClaims() {
    if (!Session.isLoggedIn()) {
      this.userValidMessage = "User session has expired. Please login again.";
      this._router.navigate(['/user-info'], {
        queryParams: {
          "errorCode": LoginErrorCodes.NOT_VALID,
          "redirectUrl": this._router.url
        }
      });
    } else {
      this.selected = [];
      let types = '';
      this.showErrorMessage = false;
      this.showForbiddenMessage = false;
      for (let type of this.entityTypes) {
        types += (types.length > 0 ? '&' : '') + "types=" + type;
      }
      this.pageLoading = true;
      if (this.fetchBy == "Project") {
        this._claimService.getClaimsByProject(this.size, this.page, this.fetchId, this.keyword, this.sortby, this.descending, types, this.properties.claimsAPIURL).subscribe(
          data => {
            this.manageAPIData(data);
            this.pageLoading = false;
          },
          err => {
            this.handleErrors(err, "Error getting claims for project with id: " + this.fetchId);
          }
        );
      } else if (this.fetchBy == "User") {
        this._claimService.getClaimsByUser(this.size, this.page, this.fetchId, this.keyword, this.sortby, this.descending, types, this.properties.claimsAPIURL).subscribe(
          data => {
            this.manageAPIData(data);
            this.pageLoading = false;
          },
          err => {
            this.handleErrors(err, "Error getting claims for user with id: " + this.fetchId);
            this.pageLoading = false;
          }
        );
      } else if (this.fetchBy == "Result") {
        this._claimService.getClaimsByResult(this.size, this.page, this.fetchId, this.keyword, this.sortby, this.descending, types, this.properties.claimsAPIURL).subscribe(
          data => {
            this.manageAPIData(data);
            this.pageLoading = false;
          },
          err => {
            this.handleErrors(err, "Error getting claims for entity with id: " + this.fetchId);
            this.pageLoading = false;
          }
        );
      } else if (this.fetchBy == "Context") {
        this._claimService.getClaimsBycontext(this.size, this.page, this.fetchId, this.keyword, this.sortby, this.descending, types, this.properties.claimsAPIURL).subscribe(
          data => {
            this.manageAPIData(data);
            this.pageLoading = false;
          },
          err => {
            this.handleErrors(err, "Error getting claims for context with id: " + this.fetchId);
            this.pageLoading = false;
          }
        );
      } else {
        this._claimService.getClaims(this.size, this.page, this.keyword, this.sortby, this.descending, types, this.properties.claimsAPIURL).subscribe(
          data => {
              this.manageAPIData(data);
              this.pageLoading = false;
          },
          err => {
            this.handleErrors(err, "Error getting claims");
            this.pageLoading = false;
          }
        );
      }
    }
  }

  manageAPIData(data) {
    // let d = new Date();
    // let dateTomillis = d.getTime();
    // let millis24h: number = 24 * 3600000;
    // if(this.showLatestClaims && this.recentClaims.length == 0){
    //   this.recentClaims = [];
    //   for(var i=0;i<data.data.length;i++){
    //     var claimDate = new Date(data.data[i].date);
    //     var claimDateToMillis = claimDate.getTime()
    //     // console.log("Claim Date is:"+claimDateToMillis + " "+(dateTomillis - claimDateToMillis));
    //     if((dateTomillis - claimDateToMillis)<millis24h){
    //       // console.log("Claim in:"+  " "+(dateTomillis - claimDateToMillis)+" < " +(millis24h));
    //       this.recentClaims.push(data.data[i]);
    //     }
    //   }
    // }
    this.claims = data.data;
    this.resultsNum = data.total;


  }

  handleErrors(err, message) {

    this.showErrorMessage = true;
    console.error("Dispaly Claims (component): " + message +" " + (err && err.error?err.error:''));
    try {
      let error = err && err.error?err.error:err;
      if (error.code && error.code == 403) {
        this.showErrorMessage = false;
        this.showForbiddenMessage = true;
        this._router.navigate(['/user-info'], {
          queryParams: {
            "errorCode": LoginErrorCodes.NOT_VALID,
            "redirectUrl": this._router.url
          }
        });

      }
    } catch (e) {

    }

  }

  // private static handleError(message: string, error) {
  //    console.error("Dispaly Claims (component): " + message, error);
  // }

  goTo(page: number = 1) {

    this.page = page;

    this.location.go(location.pathname, this.getParametersString());
    this.getClaims();
  }

  /*
    getParameters() {
      var params = {}
      if (this.myClaims) {
        params = {
          page: this.page,
          size: this.size,
          types: this.entityTypes,
          keyword: this.keyword,
          sort: this.getSortby()
        };
      } else {
        params = {
          page: this.page,
          size: this.size,
          types: this.entityTypes,
          fetchBy: this.fetchBy,
          fetchId: this.fetchId,
          keyword: this.keyword,
          sort: this.getSortby()
        };
      }
      return params;
    }*/

  getParametersString() {
    let params = '';
    params += (this.page == 1 ? "" : (params.length > 0 ? '&' : '') + "page=" + this.page);
    params += (this.size == 10 ? "" : (params.length > 0 ? '&' : '') + "size=" + this.size);
    // params+=(this.validEntityTypes==''?"":(params.length>0?'&':'')+"types="+this.validEntityTypes);
    let types = "";
    for (let type of this.entityTypes) {
      types += (types.length > 0 ? ',' : '') + type;
    }
    params += (types.length > 0) ? (params.length > 0 ? '&' : '') + "types=" + types : "";

    if (this.isAdmin) {
      params += (this.fetchBy == 'All' ? "" : (params.length > 0 ? '&' : '') + "fetchBy=" + this.fetchBy);
      params += (this.fetchId == '' ? "" : (params.length > 0 ? '&' : '') + "fetchId=" + this.fetchId);
    }
    params += (this.getSortby() == 'datedesc' ? "" : (params.length > 0 ? '&' : '') + "sort=" + this.getSortby());
    params += (this.keyword == '' ? "" : (params.length > 0 ? '&' : '') + "keyword=" + this.keyword);
    if (this.communityId != null) {
      params += "&communityId=" + this.communityId;
    }
    return params;
  }

  changeSize() {
    this.goTo();
  }


  changeOrderby(sortby: string) {
    if (sortby == this.sortby) {
      this.descending = !this.descending;
    } else {
      this.sortby = sortby;
      this.descending = false;
    }
    this.goTo();
  }

  setSortby(sortby: string) {
    if (!sortby || sortby == "datedesc") {
      this.descending = true;
      this.sortby = "date";
    } else if (sortby == "dateasc") {
      this.descending = false;
      this.sortby = "date";
    } else if (sortby == "userasc") {
      this.descending = false;
      this.sortby = "user";
    } else if (sortby == "userdesc") {
      this.descending = true;
      this.sortby = "user";
    }
    if (sortby == "sourceasc") {
      this.descending = false;
      this.sortby = "source";
    } else if (sortby == "sourcedesc") {
      this.descending = true;
      this.sortby = "source";
    } else if (sortby == "targetasc") {
      this.descending = false;
      this.sortby = "target";
    } else if (sortby == "targetdesc") {
      this.descending = true;
      this.sortby = "target";
    }
  }

  getSortby(): string {
    if (this.descending) {
      return this.sortby + "desc";
    } else {
      return this.sortby + "asc";
    }

  }

  changeType() {
    this.entityTypes = [];
    if (this.publicationCB) {
      this.entityTypes.push('publication');
    }
    if (this.datasetCB) {
      this.entityTypes.push('dataset');
    }
    if (this.softwareCB) {
      this.entityTypes.push('software');
    }
    if (this.otherCB) {
      this.entityTypes.push('other');
    }
    if (this.projectCB) {
      this.entityTypes.push('project');
    }
    if (this.contextCB) {
      this.entityTypes.push('context');
    }

    this.goTo();
  }

  setTypes(types: string) {
    if (!types) {
      return;
    }
    if (types.length > 0) {
      this.entityTypes = [];
      if (types.indexOf("publication") != -1) {
        this.publicationCB = true;
        this.entityTypes.push("publication");
      }
      if (types.indexOf("dataset") != -1) {
        this.datasetCB = true;
        this.entityTypes.push("dataset");
      }
      if (types.indexOf("software") != -1) {
        this.softwareCB = true;
        this.entityTypes.push("software");
      }
      if (types.indexOf("other") != -1) {
        this.otherCB = true;
        this.entityTypes.push("other");
      }
      if (types.indexOf("project") != -1) {
        this.projectCB = true;
        this.entityTypes.push("project");
      }
      if (types.indexOf("context") != -1) {
        this.contextCB = true;
        this.entityTypes.push("context");
      }
    }
    if (this.publicationCB && this.datasetCB && this.softwareCB && this.otherCB && this.contextCB && this.projectCB) {
      this.entityTypes = [];
    }
  }

  changekeyword() {
    if (this.inputkeyword.length >= 3 || this.inputkeyword.length == 0) {
      this.searchTermStream.next(this.inputkeyword);


    }

  }

  select(item: any, event) {
    this.deleteMessage = "";
    let value = event.currentTarget.checked;
    if (value) {
      this.selected.push(item);
    } else {
      for (var _i = 0; _i < this.selected.length; _i++) {
        let claim = this.selected[_i];
        if (claim['id'] == item.id) {
          this.selected.splice(_i, 1);
        }
      }


    }
  }

  selectAll(event) {
    let value = event.currentTarget.checked;
    if (value) {
      this.selected = [];
      for (let _i = 0; _i < this.claims.length; _i++) {
        let claim = this.claims[_i];
        this.selected.push(claim);
      }
      this.deleteMessage = "";
    } else {
      this.selected = [];
      this.deleteMessage = "";
    }
  }

  isSelected(id: string) {
    for (let _i = 0; _i < this.selected.length; _i++) {
      let claim = this.selected[_i];
      if (claim['id'] == id) {
        return true;
      }
    }
    return false;
  }


  confirmOpen() {
    if (this.selected.length <= 0) {

    } else {
      this.alert.cancelButton = true;
      this.alert.okButton = true;
      this.alert.alertTitle = "";// "Delete " + this.selected.length + " links(s)";
      this.alert.okButtonLeft = false;
      // this.alert.message = this.selected.length + " links will be deleted. Do you want to proceed? ";
      this.alert.okButtonText = "Delete";
      this.alert.cancelButtonText = "Cancel";
      this.alert.open();
    }
  }

  confirmClose() {
    this.delete();
  }

  delete() {
    this.deleteMessage = "";
    this.loading.open();
    this.claimsDeleted = 0;
    let ids = [];
    for (let i = 0; i < this.selected.length; i++) {
      let id = this.selected[i].id;
      ids.push(id);

    }
    this.batchDeleteById(ids);
  }

  batchDeleteById(ids: string[]) {
    if (!this.user) {
      this.userValidMessage = "User session has expired. Please login again.";
      this._router.navigate(['/user-info'], {
        queryParams: {
          "errorCode": LoginErrorCodes.NOT_VALID,
          "redirectUrl": this._router.url
        }
      });
    } else {
      //console.warn("Deleting claim with ids:"+ids);
      this._claimService.deleteBulk(ids, this.properties.claimsAPIURL).subscribe(
        res => {
          //console.info('Delete response'+res.code );
          //console.warn("Deleted ids:"+ res.deletedIds);
          //console.warn("Not found ids:"+ res.notFoundIds);
          //remove this claim from the
          let newClaims = this.claims;
          for (let id of res.deletedIds) {
            for (let _i = 0; _i < this.claims.length; _i++) {
              let claim = this.claims[_i];
              if (claim['id'] == id) {
                newClaims.splice(_i, 1);
              }
            }
            for (let _i = 0; _i < this.selected.length; _i++) {
              let claim = this.selected[_i];
              if (claim['id'] == id) {
                this.selected.splice(_i, 1);
              }
            }
          }
          this.claims = newClaims;
          this.resultsNum = this.resultsNum - res.deletedIds.length;
          this.loading.close();
          if (res.deletedIds.length > 0) {
            this.deleteMessage = this.deleteMessage + '<div class = "uk-alert uk-alert-primary " >' + res.deletedIds.length + ' link(s) successfully deleted.</div>';
          }
          if (res.notFoundIds.length > 0) {
            this.deleteMessage = this.deleteMessage + '<div class = "uk-alert uk-alert-warning " >' + res.notFoundIds.length + ' link(s) couldn\'t be deleted.</div>';
          }
          let goToPage = this.page;
          if (this.totalPages(this.resultsNum) < this.page && this.page > 0) {
            goToPage = this.page - 1;
          }
          this.goTo(goToPage);
        }, err => {
          //console.log(err);
          this.handleErrors(err,"Error deleting claims with ids: " + ids);
          this.showErrorMessage = true;
          this.loading.close();

        });
    }
  }

  pageChange($event) {
    let page: number = +$event.value;
    this.goTo(page);
  }

  isClaimAvailable(claim: ClaimDBRecord): boolean {
    //claim.target.collectedFrom == "infrastruct_::openaire" &&
    let lastUpdateDate = new Date((this.lastIndexDate != null) ? this.lastIndexDate : this.properties.lastIndexUpdate);
    let lastUpdateDateStr = Dates.getDateToString(lastUpdateDate);
    let claimDate = new Date(claim.date);
    let claimDateStr = Dates.getDateToString(claimDate);
    if (claimDateStr < lastUpdateDateStr) {
      return true;
    } else {
      if (claim.target.collectedFrom != "infrastruct_::openaire" && claim.indexed) {
        //  check if direct index succeded
        return true
      }
    }
    return false;
  }

  totalPages(totalResults: number): number {
    let totalPages: any = totalResults / (this.size);
    if (!(Number.isInteger(totalPages))) {
      totalPages = (parseInt(totalPages, 10) + 1);
    }
    return totalPages;
  }

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

  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 updateUrl(url: string) {
    this._meta.updateTag({content: url}, "property='og:url'");
  }
}