D-Net

<schema2jsonld *ngIf="url" [URL]="url" name="Manage links" type="other"></schema2jsonld>

    <!-- <div *ngIf="showLatestClaims && recentClaims.length > 0" class="uk-section uk-section-muted uk-padding-small uk-padding-right uk-padding-left">

    <div  *ngIf="showLatestClaims && recentClaims.length > 0" class="uk-h5">

      <span uk-tooltip="title:<div class='uk-margin-small'> Claims created during the last 24 hours</div>">

        Recent links

      </span>

    </div>

    <table *ngIf="showLatestClaims && recentClaims.length > 0" class="uk-table uk-table-small uk-table-striped">

      <thead>

         <tr>

            <th><a (click)="changeOrderby('target')" >Research Result</a> </th>

            <th><a (click)="changeOrderby('source')" >Link to</a> </th>

            <th *ngIf="showUserEmail"><a (click)="changeOrderby('user')" >Claimed by</a> </th>

            <th><a (click)="changeOrderby('date')"> Claimed Date</a></th>

            <th *ngIf="showLatestClaims">Status</th>

         </tr>

      </thead>

      <tbody>

          <tr *ngFor="let claim of recentClaims " >

            <td><claim-entity [entity]="claim.target" [type]="claim.targetType" [(properties)]=properties> </claim-entity></td>

             <td><claim-entity [entity]="claim.source" [type]="claim.sourceType" [(properties)]=properties> </claim-entity></td>

            <td *ngIf="showUserEmail">{{claim.userMail}}</td>

            <td>{{claim.date}}</td>

            <td *ngIf="showLatestClaims">

              <span   class="uk-icon" [attr.uk-tooltip]="'title:<div class=\'uk-margin-small\'>'+getclaimStatus(claim)+'</div>'">

                <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="question" ratio="1">

                  <circle fill="none" stroke="#000" stroke-width="1.1" cx="10" cy="10" r="9"></circle><circle cx="10.44" cy="14.42" r="1.05"></circle><path fill="none" stroke="#000" stroke-width="1.2" d="M8.17,7.79 C8.17,4.75 12.72,4.73 12.72,7.72 C12.72,8.67 11.81,9.15 11.23,9.75 C10.75,10.24 10.51,10.73 10.45,11.4 C10.44,11.53 10.43,11.64 10.43,11.75"></path></svg>

              </span>

            </td>

         </tr>

      </tbody>

    </table>

  </div> -->

      <div class=" ">

        <span class="uk-text-muted">Filter by</span>

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

        <label class="uk-margin-small-right"> <input [(ngModel)]="projectCB" type="checkbox"

                                                     (ngModelChange)="changeType()" name="project"/>

          <!--<span class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"

                                     ratio="1"><rect x="5" y="2" width="10" height="1"></rect><rect x="3" y="4"

                                                                                                    width="14"

                                                                                                    height="1"></rect><rect

            fill="none" stroke="#000" x="1.5" y="6.5" width="17" height="11"></rect></svg></span>-->

          Projects </label>

        <label class="uk-margin-small-right"> <input [(ngModel)]="publicationCB" type="checkbox"

                                                     (ngModelChange)="changeType()" name="publication"/>

          <!-- <span class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"

                                      ratio="1"><rect fill="none" stroke="#000" x="3.5" y="2.5" width="12"

                                                      height="16"></rect><polyline fill="none" stroke="#000"

                                                                                   points="5 0.5 17.5 0.5 17.5 17"></polyline></svg></span>-->

          Publications </label>

        <label class="uk-margin-small-right"> <input [(ngModel)]="datasetCB" type="checkbox"

                                                     (ngModelChange)="changeType()" name="dataset"/>

          <!-- <span class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"

                                      ratio="1"><ellipse fill="none" stroke="#000" cx="10" cy="4.64" rx="7.5"

                                                         ry="3.14"></ellipse><path fill="none" stroke="#000"

                                                                                   d="M17.5,8.11 C17.5,9.85 14.14,11.25 10,11.25 C5.86,11.25 2.5,9.84 2.5,8.11"></path><path

             fill="none" stroke="#000"

             d="M17.5,11.25 C17.5,12.99 14.14,14.39 10,14.39 C5.86,14.39 2.5,12.98 2.5,11.25"></path><path fill="none"

                                                                                                           stroke="#000"

                                                                                                           d="M17.49,4.64 L17.5,14.36 C17.5,16.1 14.14,17.5 10,17.5 C5.86,17.5 2.5,16.09 2.5,14.36 L2.5,4.64"></path></svg></span>-->

          Research Data </label>

        <label class="uk-margin-small-right"> <input [(ngModel)]="softwareCB" type="checkbox"

                                                     (ngModelChange)="changeType()" name="software"/>

          <!--<span class="uk-icon">

                <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" ratio="1"> <circle

                  fill="none" stroke="#000" cx="9.997" cy="10" r="3.31"></circle> <path fill="none" stroke="#000"

                                                                                        d="M18.488,12.285 L16.205,16.237 C15.322,15.496 14.185,15.281 13.303,15.791 C12.428,16.289 12.047,17.373 12.246,18.5 L7.735,18.5 C7.938,17.374 7.553,16.299 6.684,15.791 C5.801,15.27 4.655,15.492 3.773,16.237 L1.5,12.285 C2.573,11.871 3.317,10.999 3.317,9.991 C3.305,8.98 2.573,8.121 1.5,7.716 L3.765,3.784 C4.645,4.516 5.794,4.738 6.687,4.232 C7.555,3.722 7.939,2.637 7.735,1.5 L12.263,1.5 C12.072,2.637 12.441,3.71 13.314,4.22 C14.206,4.73 15.343,4.516 16.225,3.794 L18.487,7.714 C17.404,8.117 16.661,8.988 16.67,10.009 C16.672,11.018 17.415,11.88 18.488,12.285 L18.488,12.285 Z"></path></svg>

              </span>-->

          Software

        </label>

        <label class="uk-margin-small-right"> <input [(ngModel)]="otherCB" type="checkbox"

                                                     (ngModelChange)="changeType()" name="other"/>

          <!--<span class="uk-icon">

                   <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <polygon

                     fill="none" stroke="#000" points="2.5,5.7 10,1.3 17.5,5.7 17.5,14.3 10,18.7 2.5,14.3"></polygon> <circle

                     fill="none" stroke="#000" cx="10" cy="10" r="3.5"></circle></svg>

                 </span>-->

          Other products

        </label>

        <label class="uk-margin-small-right"> <input [(ngModel)]="contextCB" type="checkbox"

                                                     (ngModelChange)="changeType()" name="context"/>

          <!--<span class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"

                                     ratio="1"><circle fill="none" stroke="#000" stroke-width="1.1" cx="7.7" cy="8.6"

                                                       r="3.5"></circle><path fill="none" stroke="#000"

                                                                              stroke-width="1.1"

                                                                              d="M1,18.1 C1.7,14.6 4.4,12.1 7.6,12.1 C10.9,12.1 13.7,14.8 14.3,18.3"></path><path

            fill="none" stroke="#000" stroke-width="1.1"

            d="M11.4,4 C12.8,2.4 15.4,2.8 16.3,4.7 C17.2,6.6 15.7,8.9 13.6,8.9 C16.5,8.9 18.8,11.3 19.2,14.1"></path></svg></span>-->

          Communities </label>

        <input type="text" class=" uk-input form-control" placeholder="Search for links..."

               aria-describedby="sizing-addon2" [(ngModel)]="inputkeyword" (keyup)="changekeyword()"

               name="claims-keyword">

      </div>

    <div *ngIf="resultsNum>0 && selected.length == 0"

         class="searchPaging uk-panel uk-margin-top portal-hr uk-margin-small-bottom"

         data-uk-grid-margin="">

      <div class="uk-width-1-2 uk-margin-top uk-margin-bottom">

        <span> Results per page

          <select *ngIf="resultsNum>10" class="uk-width-1-5 uk-select" [(ngModel)]="size" name="select_size"

                  (ngModelChange)="changeSize()">

            <option *ngFor="let size of sizes" [value]="size">{{size}}</option>

      <div class="uk-grid">

        <div *ngIf="resultsNum>0" class="uk-width-1-2">

          <!--          <span>Showing {{(size * page - size + 1) | number}} to {{(size * page > resultsNum) ? (resultsNum | number) : ((size * page) | number)}} of {{resultsNum | number}} claims </span>-->

          <span class="portal-color">{{resultsNum|number}}</span> links, page <span

          class="portal-color">{{page | number}}</span> of <span

          class="portal-color">{{totalPages(resultsNum)|number}}</span>

        <div *ngIf="resultsNum" class="uk-width-1-2 ">

          <paging-no-load [currentPage]="page" [totalResults]="resultsNum" [size]="size"

                          (pageChange)="pageChange($event)" class="uk-float-right"></paging-no-load>

        </div>

    </div>

    <!--  Buttons for selecting and Delete Claims -->

    <div *ngIf="enableDelete && selected.length>0 && resultsNum > 0 "

         class="uk-margin-top portal-hr uk-margin-small-bottom uk-grid uk-margin-small-left">

      <div class=" uk-width-1-2 uk-padding-remove-left">

        {{selected.length | number}} link{{(selected.length > 1) ? 's' : ''}} selected

      <div class=" uk-width-1-2">

        <a [class]=" 'uk-text-danger uk-float-right '+(selected.length > 0?'':'uk-disabled')" (click)="confirmOpen()">

              <span class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"

                                         icon="trash" ratio="1"><polyline fill="none" stroke="#000"

                                                                          points="6.5 3 6.5 1.5 13.5 1.5 13.5 3"></polyline><polyline

                fill="none" stroke="#000" points="4.5 4 4.5 18.5 15.5 18.5 15.5 4"></polyline><rect x="8" y="7"

                                                                                                    width="1"

                                                                                                    height="9"></rect><rect

                x="11" y="7" width="1" height="9"></rect><rect x="2" y="3" width="16" height="1"></rect></svg></span>

          delete links

        </a>

      </div>

    </div>

    <div *ngIf="deleteMessage.length>0 " [innerHTML]="deleteMessage">

      <!--button *ngIf="claims && claims.length > 0" class=" uk-button uk-button-default"  (click)="confirmOpen()"> <span class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="trash" ratio="1"><polyline fill="none" stroke="#000" points="6.5 3 6.5 1.5 13.5 1.5 13.5 3"></polyline><polyline fill="none" stroke="#000" points="4.5 4 4.5 18.5 15.5 18.5 15.5 4"></polyline><rect x="8" y="7" width="1" height="9"></rect><rect x="11" y="7" width="1" height="9"></rect><rect x="2" y="3" width="16" height="1"></rect></svg></span> Delete</button-->

    <div *ngIf="showErrorMessage " class="uk-alert uk-alert-danger ">

      An Error occured.

    <div *ngIf="showForbiddenMessage " class="uk-alert uk-alert-danger ">

      You are not allowed to access this page.

    </div>

    <div *ngIf="userValidMessage.length > 0 " class="uk-alert uk-alert-danger ">

      User session is not valid. Please login again.

    </div>

    <div *ngIf=" claims && claims.length == 0">

      <div class="uk-alert uk-alert-primary ">No entries found.</div>

    </div>

      <table *ngIf="claims && claims.length > 0" class="uk-table uk-table-small uk-table-striped dataTable">

        <thead class="uk-text-capitalize">

        <tr>

          <th *ngIf="enableDelete" class="uk-padding-remove-right" title="Select all">

            <input id="checkAll" type="checkbox" (click)="selectAll($event)"

                   [ngModel]="selected.length==claims.length"/>

          </th>

          <th [class]="'uk-width-1-3 '+(sortby != 'target'?'sorting':(descending?'sorting_desc':'sorting_asc'))"

              (click)="changeOrderby('target')"> Source

          </th>

          <th [class]="'uk-width-1-3 '+(sortby != 'source'?'sorting':(descending?'sorting_desc':'sorting_asc'))"

              (click)="changeOrderby('source')">

            Link to

          </th>

          <th *ngIf=" showUserEmail

          " [class]="sortby != 'user'?'sorting':(descending?'sorting_desc':'sorting_asc')"

              (click)="changeOrderby('user')">

            Claimed by

          </th>

          <th [class]="sortby != 'date'?'sorting':(descending?'sorting_desc':'sorting_asc')"

              (click)="changeOrderby('date')">

            Claim Date

          </th>

          <th *ngIf="showLatestClaims">Status</th>

        </tr>

        </thead>

        <tbody>

        <tr *ngFor="let claim of claims ">

          <td *ngIf="enableDelete"><input [id]="claim.id" type="checkbox" (click)="select(claim,$event)"

                                          [ngModel]="isSelected(claim.id)"/></td>

          <!--          <td></td>-->

          <td>

            <claim-entity [entity]="claim.target" [type]="claim.targetType" [properties]=properties

                          [externalPortalUrl]=externalPortalUrl></claim-entity>

          </td>

          <td>

            <claim-entity [entity]="claim.source" [type]="claim.sourceType" [properties]=properties

                          [externalPortalUrl]=externalPortalUrl></claim-entity>

          </td>

          <td *ngIf="showUserEmail">{{claim.userMail}}</td>

          <td>{{claim.date}}</td>

          <td>

              <span class="uk-icon"

                    [attr.uk-tooltip]="'title:<div class=\'uk-margin-small\'>'+getclaimStatus(claim)+'</div>'">

                <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="question"

                     ratio="1">

                  <circle fill="none" stroke="#000" stroke-width="1.1" cx="10" cy="10" r="9"></circle><circle cx="10.44"

                                                                                                              cy="14.42"

                                                                                                              r="1.05"></circle><path

                  fill="none" stroke="#000" stroke-width="1.2"

                  d="M8.17,7.79 C8.17,4.75 12.72,4.73 12.72,7.72 C12.72,8.67 11.81,9.15 11.23,9.75 C10.75,10.24 10.51,10.73 10.45,11.4 C10.44,11.53 10.43,11.64 10.43,11.75"></path></svg>

          </td>

        </tr>

        </tbody>

      </table>

  <div class="uk-width-1-5">

    <div class="uk-card portal-card uk-padding" *ngIf="externalPortalUrl || claimsInfoURL">

      <h6 *ngIf="!externalPortalUrl || externalPortalUrl.indexOf('http')==-1" class="uk-h6">

        <a class="el-content uk-link-text" routerLink="/participate/claim">Claim more links?</a>

      </h6>

      <h6 *ngIf="externalPortalUrl && externalPortalUrl.indexOf('http')!=-1" class="uk-h6">

        <a class="el-content uk-link-text" [href]="externalPortalUrl+'/participate/claim'"

           target="_blank">Claim more links?</a>

      </h6>

      <h6 *ngIf="claimsInfoURL" class="uk-h6 uk-margin-small-top">

        <a class="el-content uk-link-text" [href]="claimsInfoURL" target="_blank">Learn more</a>

      </h6>

    </div>

    <helper position="right" styleName=" uk-width-1-5"></helper>

  </div>

<modal-alert (alertOutput)="confirmClose()">

  <p>

    {{this.selected.length}}} links will be deleted.

  </p>

  <p>

    Notice that the final removal of the links from OpenAIRE will take more time.

  </p>

  <p>Do you want to proceed?</p>

<modal-loading [message]="'Please wait...'"></modal-loading>

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

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

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

  selector: 'displayClaims',

  templateUrl: 'displayClaims.component.html',

  providers: [ClaimsService]

  properties: EnvProperties;

  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;

  @Input() showLatestClaims: 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)

  lengths = [10, 20, 30, 50];

  types = ["All", "Project", "Context", "Result", "User"];

  @Input() fetchBy: string;

  @Input() fetchId: string;

  navigateTo: string = "Claims";

  resultsNum: number;

  claims: any[];

  @Input() externalPortalUrl: string = null;

  @Input() claimsInfoURL: string;// ="https://www.openaire.eu/linking";

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

  constructor(private _claimService: ClaimsService, private route: ActivatedRoute, private _router: Router, private location: Location,

              private seoService: SEOService) {

  }

        this.properties = data.envSpecific;

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

    this.sub = this.route.queryParams.subscribe(params => {

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

      if (this.myClaims) {

        this.fetchBy = "User";

        this.fetchId = Session.getUserEmail();

      } 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.page = (page <= 0) ? 1 : page;

      this.size = (size <= 0) ? 10 : size;

        .debounceTime(300).distinctUntilChanged()

        .subscribe((term: string) => {

          this.keyword = this.inputkeyword;

          //console.log("keyword: "+this.keyword + " VS inputkeyword: "+this.inputkeyword);

          this.page = 1;

          this.goTo();

        });

  getClaims() {

    if (!Session.isLoggedIn()) {

      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;

      }

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

            DisplayClaimsComponent.handleError("Error getting claims for project with id: " + this.fetchId, err);

        );

      } 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);

            DisplayClaimsComponent.handleError("Error getting claims for user with id: " + this.fetchId, err);

        );

      } 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.handleErrors(err);

            DisplayClaimsComponent.handleError("Error getting claims for entity with id: " + this.fetchId, err);

        );

      } 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);

            DisplayClaimsComponent.handleError("Error getting claims for context with id: " + this.fetchId, err);

        );

      } else {

        this._claimService.getClaims(this.size, this.page, this.keyword, this.sortby, this.descending, types, this.properties.claimsAPIURL).subscribe(

          data => {

            this.manageAPIData(data);

          },

          err => {

            this.handleErrors(err);

            DisplayClaimsComponent.handleError("Error getting claims", err);

          }

        );

      }

  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) {

    this.showErrorMessage = true;

    try {

      let error = err.json();

      let code = error.code;

      if (code == 403) {

    } catch (e) {

      //console.log("Couldn't parse answer as json")

      DisplayClaimsComponent.handleError("Error parsing answer as json", e);

      this.showErrorMessage = true;

    }

  private static handleError(message: string, error) {

    console.error("Dispaly Claims (component): " + message, error);

  goTo(page: number = 1) {

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

/*

  getParameters() {

    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()

      };

  }*/

  getParametersString() {

    let params = '';

    params += (this.page == 1 ? "" : (params.length > 0 ? '&' : '') + "page=" + this.page);

    params += (this.size == 10 ? "" : (params.length > 0 ? '&' : '') + "size=" + this.size);

    let types = "";

    for (let type of this.entityTypes) {

      types += (types.length > 0 ? ',' : '') + type;

    params += (types.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;

  changeSize() {

    this.goTo();

/*

  clearFilters() {

  }

*/

  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) {

      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.message = this.selected.length + " links will be deleted. Do you want to proceed? ";

      this.alert.okButtonText = "Yes";

      this.alert.cancelButtonText = "No";

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

      // var selected  =this.selected[i].id;

      // console.warn("Deleting claim with id:"+id);

      //  this.deleteById(id);

      //TODO for multiple concurrent

    }

    this.batchDeleteById(ids);

  }

/*

  deleteById(id: string) {

    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 {

      //console.log("Deleting claim with id:"+id);

      // this._claimService.deleteClaimById(id);

      this._claimService.deleteClaimById(id, this.properties.claimsAPIURL).subscribe(

        res => {

          //console.log('Delete response'+res.code );

          //console.log("Deleted claim with id:"+ id);

          //remove this claim from the

          let newClaims = this.claims;

          for (var _i = 0; _i < this.claims.length; _i++) {

            let claim = this.claims[_i];

            if (claim['id'] == id) {

              newClaims.splice(_i, 1);

            }

          }

          //TODO should call getClaims???

          this.claimsDeleted++;

          this.claims = newClaims;

          if (this.claimsDeleted == this.selected.length) {

            this.resultsNum = this.resultsNum - this.selected.length;

            this.loading.close();

            this.selected = [];

          }

        },

        error => {

          DisplayClaimsComponent.handleError("Error deleting claim with id: " + id, error);

        });

  }*/

  batchDeleteById(ids: string[]) {

    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 {

      //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);

          DisplayClaimsComponent.handleError("Error deleting claims with ids: " + ids, err);

          this.showErrorMessage = true;

          this.loading.close();

        });

  }

  pageChange($event) {

    let page: number = +$event.value;

    this.goTo(page);

  }

  getclaimStatus(claim): string {

    if (claim.target.collectedFrom == "infrastruct_::openaire") {

      return "The link information will be visible in the portal and the APIs after the next content provision workflow.";

    } else {

      return "The link information is visible in the portal and the APIs.";

  }

  totalPages(totalResults: number): number {

    let totalPages:any = totalResults/(this.size);

    if(!(Number.isInteger(totalPages))) {

      totalPages = (parseInt(totalPages, 10) + 1);

    }

    return totalPages;

  }