D-Net

    totalOpenaireViews: string;

    totalOpenaireDownloads: string;

    pageViews: string;

    infos: Map<string, {"name": string, "url": string, "numOfDownloads": string, "numOfViews": string, "openaireDownloads": string, "openaireViews": string}>;

import {Component, ViewEncapsulation, ComponentRef, ElementRef, Input, EventEmitter, Output} from '@angular/core';

@Component({

  selector: 'modal-select',

  template: `

  <div [class]="(!isOpen)?'uk-modal ':'uk-modal uk-open uk-animation-fade'"   [open]="!isOpen"   data-uk-modal="{center:true}" tabindex="-1" role="dialog" >

    <div class="uk-modal-dialog" role="">

      <div class="modal-content">

        <div class="modal-body">

          <div >

          <h3 class="text-center" >{{message}}</h3>

          <!--div class="uk-button uk-form-select uk-active" data-uk-form-select="">

            <span class=""></span>

            <i class="uk-icon-caret-down"></i>

            <select (change)="selected=$event.target.value">

                <option *ngFor="let option of options" value="option">aa</option>

            </select>

          </div-->

          <div class="uk-form-select" data-uk-form-select>

            <span></span>

            <select (change)="selected=$event.target.value">

                <option *ngFor="let option of options let i=index" value="{{option}}">{{option}}</option>

            </select>

          </div>

          <div class="uk-modal-footer uk-text-right">

            <button class="uk-button" (click)="close()">Proceed</button>

          </div>

        </div>

      </div>

    </div>

  </div>

  <!--div   class="uk-modal uk-open" aria-hidden="false" style="display: block; overflow-y: scroll;">

                            <div class="uk-modal-dialog" tabindex="">

                                <div class="uk-modal-spinner"></div>

                            </div>

                        </div-->

  `,

  encapsulation: ViewEncapsulation.None,

})

/**

  * API to an open alert window.

  */

export class ModalSelect{

@Input() public message:string ="Loading";

@Input() public options:string[] = [];

public selected: string;

  /**

    * if the value is true alert will be visible or else it will be hidden.

    */

  public isOpen:boolean=false;

  /**

    * Emitted when a ok button was clicked

    * or when Ok method is called.

    */

  @Output() public alertOutput:EventEmitter<any> = new EventEmitter();

  constructor( public _elementRef: ElementRef){}

  /**

       * Opens a alert window creating backdrop.

       */

  open(){

    this.isOpen= true;

  }

  close(){

    this.isOpen = false;

    if(!this.selected) {

      this.selected = this.options[0];

    }

    this.alertOutput.emit(this.selected);

  }

}

import { NgModule }            from '@angular/core';

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

import { FormsModule }         from '@angular/forms';

 import {ModalSelect} from './selectModal.component';

import {ModalModule} from './modal.module';

//helpers

@NgModule({

  imports: [ CommonModule, FormsModule,ModalModule  ],

  declarations: [

    ModalSelect

  ],

  exports: [

   ModalSelect

  ]

})

export class SelectModalModule { }

    private static metricsAPIURL = "http://vatopedi.di.uoa.gr:8080/usagestats/";

        console.info("getMetrics in service");

                    .map(res => this.parseMetrics(res["downloads"], res["views"], res["total_downloads"], res["total_views"],

                                                  res["total_openaire_views"], res["total_openaire_downloads"], res["pageviews"]))

    parseMetrics(downloads: any, views: any, totalDownloads: string, totalViews: string,

                totalOpenaireViews: string, totalOpenaireDownloads: string, pageViews: string): any {

        this.metrics.totalOpenaireViews = totalOpenaireViews;

        this.metrics.totalOpenaireDownloads = totalOpenaireDownloads;

        this.metrics.pageViews = pageViews;

        this.metrics.infos = new Map<string, {"name": string, "url": string, "numOfDownloads": string, "numOfViews": string, "openaireDownloads": string, "openaireViews": string}>();

                this.metrics.infos.get(id).openaireDownloads = downloads[i]['openaire'];

                info.openaireDownloads = downloads[i]['openaire'];

                info.openaireViews = "0";

                this.metrics.infos.get(id).openaireViews = views[i]['openaire'];

                info.openaireDownloads = "0";

                info.openaireViews = views[i]['openaire'];

                <a [queryParams]="routerHelper.createQueryParam(urlParam,result.id)" routerLinkActive="router-link-active" routerLink="/search/{{type}}">

                <!--a href="/search/{{type}}?{{urlParam}}={{result.id}}"-->

import { NgModule } from '@angular/core';

import { RouterModule } from '@angular/router';

import { LoginGuard} from'../../login/loginGuard.guard';

import { ClaimsByTokenComponent } from './claimsByToken.component';

@NgModule({

  imports: [

    RouterModule.forChild([

      { path: '', component: ClaimsByTokenComponent, canActivate: [LoginGuard]}

    ])

  ]

})

export class ClaimsByTokenRoutingModule { }

import {Injectable} from '@angular/core';

import {Http, Response} from '@angular/http';

import {Jsonp, URLSearchParams,ResponseOptions, RequestOptions, Headers} from '@angular/http';

import {Observable}     from 'rxjs/Observable';

import {OpenaireProperties} from '../../utils/properties/openaireProperties';

import 'rxjs/add/operator/do';

import { CacheService  } from '../../shared/cache.service';

@Injectable()

export class ClaimsByTokenService {

    constructor(private http: Http, public _cache: CacheService) {}

    getClaims(token: string, user_token: string):any {

        console.info("getClaims in service");

        let url = OpenaireProperties.getClaimsAPIURL()+"projects/corda__h2020::94c962e736df90a5075a7f660ba3d7f6/claims"

                    +"?&token="+user_token;

console.info(url);

        let key = url;

        if (this._cache.has(key)) {

          return Observable.of(this._cache.get(key));

        }

        return this.http.get(url)

                    //.map(res => <any> res.text())

                    .map(request => <any> request.json())

                    .do(res => {

                      this._cache.set(key, res);

                    });

    }

/*

    getClaims(email: string, token: string, user_token: string):any {

      let url = OpenaireProperties.getClaimsAPIURL();   // What else?

      let body = JSON.stringify( {"email": email, "token": token} );

      console.warn('Json body:  : '+body);

      let headers = new Headers({ 'Content-Type': 'application/json' });

      let options = new RequestOptions({ headers: headers });

      return this.http.post(url, body, options)

                            .map(res => res.json())

                            .do(request => console.info("Insert Response:"+request.status) )

                            .catch(this.handleError);

    }

*/

  updateClaimsCuration(token: string, selectedRight: Set<string>, selectedWrong: Set<string>) {

    let url = OpenaireProperties.getClaimsAPIURL();   // What else?

    let claimsCurationInfo: any = [];

    for(let selected in selectedRight) {

      let claimCurationInfo: any = {"claim_id": selected, "approved": true, "token": token};

      claimsCurationInfo.add(claimCurationInfo);

    }

    for(let selected in selectedWrong) {

      let claimCurationInfo: any = {"claim_id": selected, "approved": false, "token": token};

      claimsCurationInfo.add(claimCurationInfo);

    }

    let body = JSON.stringify( claimsCurationInfo );

    console.warn('Json body:  : '+body);

    let headers = new Headers({ 'Content-Type': 'application/json' });

    let options = new RequestOptions({ headers: headers });

    return this.http.post(url, body, options)

                          .map(res => res.json())

                          .do(request => console.info("Insert Response:"+request.status) )

                          .catch(this.handleError);

  }

  private handleError (error: Response) {

    // in a real world app, we may send the error to some remote logging infrastructure

    // instead of just logging it to the console

    console.log(error);

    return Observable.throw(error  || 'Server error');

  }

}

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

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

import {Observable}       from 'rxjs/Observable';

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

import {ClaimsByTokenService} from './claimsByToken.service';

import {ModalSelect} from '../../utils/modal/selectModal.component';

import {ModalLoading} from '../../utils/modal/loading.component';

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

@Component({

    selector: 'claims-project-manager',

    template: `

      <!--div class="page-header">

          <h1> Claims Manager </h1>

      </div-->

      <!--div *ngIf="accessStatus=='empty'" class="uk-margin-top uk-width-medium-2-3 uk-container-center">

        <div class="uk-block uk-block-primary uk-block-large uk-contrast uk-text-center">

          <p class="uk-text-large">Please enter your email and then press 'See Claims' button.</p>

          <form class="uk-form">

            <fieldset data-uk-margin>

                <input type="text" placeholder="example@email.com" name="email" [(ngModel)]="email">

                <button (click)="validateJWTandToken()" class="uk-button">See Claims</button>

            </fieldset>

          </form>

        </div>

      </div-->

      <div *ngIf="accessStatus=='invalid'" class="uk-margin-top uk-width-medium-2-3 uk-container-center">

        <div class="uk-block uk-block-primary uk-block-large uk-contrast uk-text-center">

          <!--p class="uk-text-large">Oops! There is no entry for you! Please retry with another email or for another project.</p-->

          <!--button (click)="accessStatus='empty'" class="uk-button">Retry</button-->

          <p class="uk-text-large">Oops! Your email does not give you the authority to view claims for the selected project. Please contact the administrators.</p>

        </div>

      </div>

      <div *ngIf="accessStatus=='valid'">

        <h1> Pending Claims </h1>

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

          <div class = "uk-alert uk-alert-info " >No pending claims found.</div>

        </div>

        <div class="">

        <table *ngIf="pending_claims && pending_claims.length > 0" class="uk-table uk-table-striped">

          <thead>

             <tr>

                <th>Research Result</th>

                <th>Link to</th>

                <th>Claimed by</th>

                <th>Claimed Date</th>

                <th>True</th>

                <th>False</th>

             </tr>

          </thead>

          <tbody>

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

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

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

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

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

                <td><input [id]="claim.id" type="checkbox" (click)="selectApprove(claim.id,$event)"  [ngModel]="isSelectedRight(claim.id)"/></td>

                <td><input [id]="claim.id" type="checkbox" (click)="selectDisapprove(claim.id,$event)"  [ngModel]="isSelectedWrong(claim.id)"/></td>

              </tr>

          </tbody>

        </table>

        <h1> Already Curated Claims </h1>

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

          <div class = "uk-alert uk-alert-info " >No curated claims found.</div>

        </div>

        <div class="">

        <table *ngIf="curated_claims && curated_claims.length > 0" class="uk-table uk-table-striped">

          <thead>

             <tr>

                <th>Research Result</th>

                <th>Link to</th>

                <th>Claimed by</th>

                <th>Claimed Date</th>

                <th>Curated by</th>

                <th>Curation Date</th>

                <th>True</th>

                <th>False</th>

                <th></th>

             </tr>

          </thead>

          <tbody>

              <tr *ngFor="let claim of curated_claims let i=index">

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

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

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

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

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

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

                <td><input [id]="claim.id" type="checkbox" [disabled]="!editable.has(i)" (click)="selectApprove(claim.id,$event)"  [ngModel]="isRight(claim)"/></td>

                <td><input [id]="claim.id" type="checkbox" [disabled]="!editable.has(i)" (click)="selectDisapprove(claim.id,$event)"  [ngModel]="isWrong(claim)"/></td>

                <td><button class="uk-button" (click)="editable.add(i)">Edit</button></td>

              </tr>

          </tbody>

        </table>

        <div class="uk-text-small uk-text-right">*Note that claims you did not approved or disapproved are considered as right (but not curated)</div>

        <button class="uk-button uk-button-success uk-float-right" type="button" (click)="saveChanges()">Save Changes</button>

        <!--modal-select (alertOutput)="curatorSelected($event)"></modal-select-->

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

      </div>

    `,

})

export class ClaimsByTokenComponent {

  public token: string = "";

  public sub: any;

  private claims:any = [];

  public pending_claims: any = [];

  public curated_claims: any = [];

  public selectedRight: Set<string>;

  public selectedWrong: Set<string>;

  public editable: Set<string>;

  public contact_person: string[] = ["Konstantina", "Argiro", "Katerina"];

  // when 'empty' show form to fill email, when 'valid' show proper claims, when 'invalid' show no matched entry-wanna retry

  public accessStatus: string;// = "empty";

  @ViewChild (ModalSelect) selectModal : ModalSelect;

  @ViewChild (ModalLoading) loading : ModalLoading ;

  constructor ( private route: ActivatedRoute, private _router:Router, private claimsByTokenService: ClaimsByTokenService ) {

  }

  ngOnInit() {

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

        this.token = params['token'];

        this.selectedRight = new Set<string>();

        this.selectedWrong = new Set<string>();

        this.editable = new Set<string>();

        //this.openSelect();

        //this.setMessageSelect("Please select your identity:");

        //this.setOptionsSelect(this.contact_person);

        this.validateJWTandToken();

      }

    );

  }

  validateJWTandToken() {

    var user_token=Session.getUserJwt();

    if(this.token) {

      this.claimsByTokenService.getClaims(this.token, user_token).subscribe(

          data => {

            this.closeLoading();

            this.accessStatus = "valid";

              //console.info(data);

              this.claims = data.data;

              for(let claim of this.claims) {

                if(claim.curatedBy) {

                  this.curated_claims.push(claim);

                } else {

                  this.pending_claims.push(claim);

                }

              }

          },

          err => {

              this.accessStatus = "invalid";

              console.log(err);

          }

        );

      } else {

        this.accessStatus = "invalid";

      }

  }

  selectApprove(id:string, event) {

    var value = event.currentTarget.checked;

    if(value){

      this.selectedRight.add(id);

      this.selectedWrong.delete(id);

      console.info(this.selectedRight);

    }else{

      this.selectedRight.delete(id);

      console.info(this.selectedRight);

    }

  }

  selectDisapprove(id:string,event) {

    var value = event.currentTarget.checked;

    if(value){

      this.selectedWrong.add(id);

      this.selectedRight.delete(id);

    }else{

      this.selectedWrong.delete(id);

    }

  }

  isSelectedRight(id:string) {

    return this.selectedRight.has(id);

  }

  isSelectedWrong(id:string) {

    return this.selectedWrong.has(id);

  }

  isRight(claim: any) {

    //claim.approved = true;

    if(this.isSelectedRight(claim.id)) {

      return true;

    } else if(claim.approved == true && !this.isSelectedWrong(claim.id)) {

      return true;

    }

    return false;

  }

  isWrong(claim: any) {

    if(this.isSelectedWrong(claim.id)) {

      return true;

    } else if(claim.approved == false && !this.isSelectedRight(claim.id)) {

      return true;

    }

    return false;

  }

  saveChanges() {

    console.info("Changes Saved!");

    /*

    this.claimsByTokenService.updateClaimsCuration(this.token, this.selectedRight, this.selectedWrong).subscribe(

        data => {

            console.info(data);

        },

        err => {

            console.log(err);

        }

      );

    */

  }

  public closeLoading(){

    if(this.loading){

      this.loading.close();

    }

  }

  curatorSelected(selected: string) {

    console.info("selected curator: "+selected);

  }

  public openSelect(){

    if(this.selectModal){

      this.selectModal.open();

    }

  }

  public setMessageSelect(message: string){

    if(this.selectModal){

      this.selectModal.message = message;

    }

  }

  public setOptionsSelect(options: string[]){

    if(this.selectModal){

      this.selectModal.options = options;

    }

  }

}

import { NgModule } from '@angular/core';

import { SharedModule } from '../../shared/shared.module';

import { ClaimsByTokenComponent } from './claimsByToken.component';

import { ClaimsByTokenService } from './claimsByToken.service';

import { ClaimsByTokenRoutingModule } from './claimsByToken-routing.module';

import {ClaimEntityFormatterModule} from '../claim-utils/entityFormatter/claimEntityFormatter.module';

// import{ClaimServiceModule} from '../claim-utils/service/claimsService.module';

//import {DisplayClaimsModule} from '../claim-utils/displayClaims/displayClaims.module';

import {SelectModalModule} from '../../utils/modal/selectModal.module';

import {LoadingModalModule} from '../../utils/modal/loadingModal.module';

import {LoginGuard} from'../../login/loginGuard.guard';

@NgModule({

  imports: [

    SharedModule,

    ClaimsByTokenRoutingModule,

    ClaimEntityFormatterModule,

    SelectModalModule,

    LoadingModalModule

    // ClaimServiceModule,

    //DisplayClaimsModule

  ],

  providers:[

    ClaimsByTokenService,

    LoginGuard

  ],

  declarations: [

    ClaimsByTokenComponent

  ]

})

export class ClaimsByTokenModule { }

                        <metrics *ngIf="  tab.content=='metricsTab'"

                            [id]="datasourceId" [type]="'datasources'" [name]="dataProviderInfo.title['name']" (metricsResults)="metricsResults($event)">

                <li>

                    <dl class="uk-description-list-line">

                        <dt>Page Views: {{pageViews}}</dt>

                    </dl>

                </li>

  private pageViews: number;

               this.viewsFrameUrl = OpenaireProperties.getFramesAPIURL()+'merge.php?com=query&data=[{"query":"dtsrcRepoViews","dtsrcName":"'+this.datasourceId+'","table":"","fields":[{"fld":"sum","agg":"sum","type":"chart","yaxis":1,"c":false}],"xaxis":{"name":"month","agg":"sum"},"group":"","color":"","type":"chart","size":30,"sort":"xaxis","xStyle":{"r":-30,"s":"0","l":"-","ft":"-","wt":"-"},"title":"","subtitle":"","xaxistitle":"","yaxisheaders":["Monthly views"],"generalxaxis":"","theme":0,"in":[]}]&info_types=["spline"]&stacking=&steps=false&fontFamily=Courier&spacing=[5,0,0,0]&style=[{"color":"rgba(0, 0, 0, 1)","size":"18"},{"color":"rgba(0, 0, 0, 1)","size":"18"},{"color":"000000","size":""},{"color":"000000","size":""}]&backgroundColor=rgba(255,255,255,1)&colors[]=rgba(124, 181, 236, 1)&colors[]=rgba(67, 67, 72, 1)&colors[]=rgba(144, 237, 125, 1)&colors[]=rgba(247, 163, 92, 1)&colors[]=rgba(128, 133, 233, 1)&colors[]=rgba(241, 92, 128, 1)&colors[]=rgba(228, 211, 84, 1)&colors[]=rgba(43, 144, 143, 1)&colors[]=rgba(244, 91, 91, 1)&colors[]=rgba(145, 232, 225, 1)&xlinew=0&ylinew=1&legends=true&tooltips=true&persistent=false';

               /*this.viewsFrameUrl = OpenaireProperties.getFramesAPIURL()+'merge.php?com=query&data=[{"query":"dtsrcOpenAIRETimeline", "dtsrcName":"'+this.datasourceId+'", "table":"","fields":[{"fld":"sum","agg":"sum","type":"column","yaxis":1,"c":false}],"xaxis":{"name":"month","agg":"sum"},"group":"","color":"","type":"chart","size":30,"sort":"xaxis","xStyle":{"r":-30,"s":"0","l":"-","ft":"-","wt":"-"},"title":"","subtitle":"","xaxistitle":"OpenAIRE","yaxisheaders":["Monthly views"],"generalxaxis":"","theme":0,"in":[],"filters":[{"name":"","values":[""],"to":"-1"}]},{"query":"dtsrcRepoTimeline", "dtsrcName":"'+this.datasourceId+'", "table":"","fields":[{"fld":"sum","agg":"sum","type":"column","yaxis":1,"c":false}],"xaxis":{"name":"month","agg":"sum"},"group":" ","color":"","type":"chart","size":30,"sort":"xaxis","xStyle":{"r":-30,"s":"0","l":"-","ft":"-","wt":"-"},"title":"","subtitle":"","xaxistitle":"Repository","yaxisheaders":[""],"generalxaxis":"","theme":0,"in":[],"filters":[{"name":"","values":[""],"to":"-1"}]}]&info_types=["column","column"]&stacking=normal&steps=false&fontFamily=Courier&spacing=[5,0,0,0]&style=[{"color":"rgba(0, 0, 0, 1)","size":"18"},{"color":"rgba(0, 0, 0, 1)","size":"18"},{"color":"000000","size":""},{"color":"000000","size":""}]&backgroundColor=rgba(255,255,255,1)&colors[]=rgba(124, 181, 236, 1)&colors[]=rgba(67, 67, 72, 1)&colors[]=rgba(144, 237, 125, 1)&colors[]=rgba(247, 163, 92, 1)&colors[]=rgba(128, 133, 233, 1)&colors[]=rgba(241, 92, 128, 1)&colors[]=rgba(228, 211, 84, 1)&colors[]=rgba(43, 144, 143, 1)&colors[]=rgba(244, 91, 91, 1)&colors[]=rgba(145, 232, 225, 1)&xlinew=0&ylinew=1&legends=true&tooltips=true';

               */

               this.downloadsFrameUrl = OpenaireProperties.getFramesAPIURL()+'merge.php?com=query&data=[{"query":"dtsrcRepoDownloads","dtsrcName":"'+this.datasourceId+'","table":"","fields":[{"fld":"sum","agg":"sum","type":"chart","yaxis":1,"c":false}],"xaxis":{"name":"month","agg":"sum"},"group":"","color":"","type":"chart","size":30,"sort":"xaxis","xStyle":{"r":-30,"s":"0","l":"-","ft":"-","wt":"-"},"title":"","subtitle":"","xaxistitle":"","yaxisheaders":["Monthly downloads"],"generalxaxis":"","theme":0,"in":[]}]&info_types=["spline"]&stacking=&steps=false&fontFamily=Courier&spacing=[5,0,0,0]&style=[{"color":"rgba(0, 0, 0, 1)","size":"18"},{"color":"rgba(0, 0, 0, 1)","size":"18"},{"color":"000000","size":""},{"color":"000000","size":""}]&backgroundColor=rgba(255,255,255,1)&colors[]=rgba(124, 181, 236, 1)&colors[]=rgba(67, 67, 72, 1)&colors[]=rgba(144, 237, 125, 1)&colors[]=rgba(247, 163, 92, 1)&colors[]=rgba(128, 133, 233, 1)&colors[]=rgba(241, 92, 128, 1)&colors[]=rgba(228, 211, 84, 1)&colors[]=rgba(43, 144, 143, 1)&colors[]=rgba(244, 91, 91, 1)&colors[]=rgba(145, 232, 225, 1)&xlinew=0&ylinew=1&legends=true&tooltips=true&persistent=false';

               /*

               */

      this.pageViews = $event.pageViews;

                    <metrics

                <li>

                    <dl class="uk-description-list-line">

                        <dt>Page Views: {{pageViews}}</dt>

                    </dl>

                </li>

    private pageViews: number;

            this.viewsFrameUrl = OpenaireProperties.getFramesAPIURL()+'merge.php?com=query&data=[{"query":"resRepoViews", "resTitle":"'+this.datasetId+'", "table":"","fields":[{"fld":"sum","agg":"sum","type":"column","yaxis":1,"c":false}],"xaxis":{"name":"month","agg":"sum"},"group":" ","color":"","type":"chart","size":30,"sort":"xaxis","xStyle":{"r":-30,"s":"0","l":"-","ft":"-","wt":"-"},"title":"","subtitle":"","xaxistitle":"Repository","yaxisheaders":["Monthly views"],"generalxaxis":"","theme":0,"in":[],"filters":[{"name":"","values":[""],"to":"-1"}]}]&info_types=["column"]&stacking=normal&steps=false&fontFamily=Courier&spacing=[5,0,0,0]&style=[{"color":"rgba(0, 0, 0, 1)","size":"18"},{"color":"rgba(0, 0, 0, 1)","size":"18"},{"color":"000000","size":""},{"color":"000000","size":""}]&backgroundColor=rgba(255,255,255,1)&colors[]=rgba(67, 67, 72, 1)&colors[]=rgba(144, 237, 125, 1)&colors[]=rgba(247, 163, 92, 1)&colors[]=rgba(128, 133, 233, 1)&colors[]=rgba(241, 92, 128, 1)&colors[]=rgba(228, 211, 84, 1)&colors[]=rgba(43, 144, 143, 1)&colors[]=rgba(244, 91, 91, 1)&colors[]=rgba(145, 232, 225, 1)&xlinew=0&ylinew=1&legends=true&tooltips=true&persistent=false';

            /*this.viewsFrameUrl = OpenaireProperties.getFramesAPIURL()+'merge.php?com=query&data=[{"query":"resViewsTimeline", "resTitle":"'+this.datasetId+'", "table":"","fields":[{"fld":"sum","agg":"sum","type":"column","yaxis":1,"c":false}],"xaxis":{"name":"month","agg":"sum"},"group":" ","color":"","type":"chart","size":30,"sort":"xaxis","xStyle":{"r":-30,"s":"0","l":"-","ft":"-","wt":"-"},"title":"","subtitle":"","xaxistitle":"Repository","yaxisheaders":["Monthly views"],"generalxaxis":"","theme":0,"in":[],"filters":[{"name":"","values":[""],"to":"-1"}]}]&info_types=["column"]&stacking=normal&steps=false&fontFamily=Courier&spacing=[5,0,0,0]&style=[{"color":"rgba(0, 0, 0, 1)","size":"18"},{"color":"rgba(0, 0, 0, 1)","size":"18"},{"color":"000000","size":""},{"color":"000000","size":""}]&backgroundColor=rgba(255,255,255,1)&colors[]=rgba(124, 181, 236, 1)&colors[]=rgba(67, 67, 72, 1)&colors[]=rgba(144, 237, 125, 1)&colors[]=rgba(247, 163, 92, 1)&colors[]=rgba(128, 133, 233, 1)&colors[]=rgba(241, 92, 128, 1)&colors[]=rgba(228, 211, 84, 1)&colors[]=rgba(43, 144, 143, 1)&colors[]=rgba(244, 91, 91, 1)&colors[]=rgba(145, 232, 225, 1)&xlinew=0&ylinew=1&legends=true&tooltips=true&persistent=false';

            */

            this.downloadsFrameUrl = OpenaireProperties.getFramesAPIURL()+'merge.php?com=query&data=[{"query":"resRepoDownloads", "resTitle":"'+this.datasetId+'", "table":"","fields":[{"fld":"sum","agg":"sum","type":"column","yaxis":1,"c":false}],"xaxis":{"name":"month","agg":"sum"},"group":" ","color":"","type":"chart","size":30,"sort":"xaxis","xStyle":{"r":-30,"s":"0","l":"-","ft":"-","wt":"-"},"title":"","subtitle":"","xaxistitle":"Repository","yaxisheaders":["Monthly downloads"],"generalxaxis":"","theme":0,"in":[],"filters":[{"name":"","values":[""],"to":"-1"}]}]&info_types=["column"]&stacking=normal&steps=false&fontFamily=Courier&spacing=[5,0,0,0]&style=[{"color":"rgba(0, 0, 0, 1)","size":"18"},{"color":"rgba(0, 0, 0, 1)","size":"18"},{"color":"000000","size":""},{"color":"000000","size":""}]&backgroundColor=rgba(255,255,255,1)&colors[]=rgba(67, 67, 72, 1)&colors[]=rgba(144, 237, 125, 1)&colors[]=rgba(247, 163, 92, 1)&colors[]=rgba(128, 133, 233, 1)&colors[]=rgba(241, 92, 128, 1)&colors[]=rgba(228, 211, 84, 1)&colors[]=rgba(43, 144, 143, 1)&colors[]=rgba(244, 91, 91, 1)&colors[]=rgba(145, 232, 225, 1)&xlinew=0&ylinew=1&legends=true&tooltips=true&persistent=false';

            /*this.downloadsFrameUrl = OpenaireProperties.getFramesAPIURL()+'merge.php?com=query&data=[{"query":"resRepoDownloadTimeline", "resTitle":"'+this.datasetId+'", "table":"","fields":[{"fld":"sum","agg":"sum","type":"column","yaxis":1,"c":false}],"xaxis":{"name":"month","agg":"sum"},"group":" ","color":"","type":"chart","size":30,"sort":"xaxis","xStyle":{"r":-30,"s":"0","l":"-","ft":"-","wt":"-"},"title":"","subtitle":"","xaxistitle":"Repository","yaxisheaders":["Monthly downloads"],"generalxaxis":"","theme":0,"in":[],"filters":[{"name":"","values":[""],"to":"-1"}]}]&info_types=["column"]&stacking=normal&steps=false&fontFamily=Courier&spacing=[5,0,0,0]&style=[{"color":"rgba(0, 0, 0, 1)","size":"18"},{"color":"rgba(0, 0, 0, 1)","size":"18"},{"color":"000000","size":""},{"color":"000000","size":""}]&backgroundColor=rgba(255,255,255,1)&colors[]=rgba(67, 67, 72, 1)&colors[]=rgba(144, 237, 125, 1)&colors[]=rgba(247, 163, 92, 1)&colors[]=rgba(128, 133, 233, 1)&colors[]=rgba(241, 92, 128, 1)&colors[]=rgba(228, 211, 84, 1)&colors[]=rgba(43, 144, 143, 1)&colors[]=rgba(244, 91, 91, 1)&colors[]=rgba(145, 232, 225, 1)&xlinew=0&ylinew=1&legends=true&tooltips=true';

            */

      this.pageViews = $event.pageViews;

                    <span *ngIf="metrics.totalViews > 0 && metrics.totalOpenaireViews > 0">

                      ( {{metrics.totalOpenaireViews}} from OpenAIRE )

                    </span>

                    <span *ngIf="metrics.totalDownloads > 0 && metrics.totalOpenaireDownloads > 0">

                      ( {{metrics.totalOpenaireDownloads}} from OpenAIRE )

                    </span>

                    <span *ngIf="metrics.infos.get(key).numOfViews > 0 && metrics.infos.get(key).openaireViews > 0">

                      ( {{metrics.infos.get(key).openaireViews}} from OpenAIRE )

                    </span>

                    <span *ngIf="metrics.infos.get(key).numOfDownloads > 0 && metrics.infos.get(key).openaireDownloads > 0">

                      ( {{metrics.infos.get(key).openaireDownloads}} from OpenAIRE )

                    </span>

                 totalDownloads: this.metrics.totalDownloads,

                 pageViews: this.metrics.pageViews

                    <metrics

                <li>

                    <dl class="uk-description-list-line">

                        <dt>Page Views: {{pageViews}}</dt>

                    </dl>

                </li>

  private pageViews: number;

          this.viewsFrameUrl = OpenaireProperties.getFramesAPIURL()+'merge.php?com=query&data=[{"query":"projRepoViews","projTitle":"'+this.projectId+'","table":"","fields":[{"fld":"sum","agg":"sum","type":"column","yaxis":1,"c":false}],"xaxis":{"name":"month","agg":"sum"},"group":"","color":"","type":"chart","size":30,"sort":"xaxis","xStyle":{"r":-30,"s":"0","l":"-","ft":"-","wt":"-"},"title":"","subtitle":"","xaxistitle":"","yaxisheaders":["Monthly views"],"generalxaxis":"","theme":0,"in":[]}]&info_types=["spline"]&stacking=&steps=false&fontFamily=Courier&spacing=[5,0,0,0]&style=[{"color":"rgba(0, 0, 0, 1)","size":"18"},{"color":"rgba(0, 0, 0, 1)","size":"18"},{"color":"000000","size":""},{"color":"000000","size":""}]&backgroundColor=rgba(255,255,255,1)&colors[]=rgba(124, 181, 236, 1)&colors[]=rgba(67, 67, 72, 1)&colors[]=rgba(144, 237, 125, 1)&colors[]=rgba(247, 163, 92, 1)&colors[]=rgba(128, 133, 233, 1)&colors[]=rgba(241, 92, 128, 1)&colors[]=rgba(228, 211, 84, 1)&colors[]=rgba(43, 144, 143, 1)&colors[]=rgba(244, 91, 91, 1)&colors[]=rgba(145, 232, 225, 1)&xlinew=0&ylinew=1&legends=true&tooltips=true&persistent=false';

          /*this.viewsFrameUrl = OpenaireProperties.getFramesAPIURL()+'merge.php?com=query&data=[{"query":"projViewsTimeline","projTitle":"'+this.projectId+'","table":"","fields":[{"fld":"sum","agg":"sum","type":"column","yaxis":1,"c":false}],"xaxis":{"name":"month","agg":"sum"},"group":"","color":"","type":"chart","size":30,"sort":"xaxis","xStyle":{"r":-30,"s":"0","l":"-","ft":"-","wt":"-"},"title":"","subtitle":"","xaxistitle":"","yaxisheaders":["Monthly views"],"generalxaxis":"","theme":0,"in":[]}]&info_types=["spline"]&stacking=&steps=false&fontFamily=Courier&spacing=[5,0,0,0]&style=[{"color":"rgba(0, 0, 0, 1)","size":"18"},{"color":"rgba(0, 0, 0, 1)","size":"18"},{"color":"000000","size":""},{"color":"000000","size":""}]&backgroundColor=rgba(255,255,255,1)&colors[]=rgba(124, 181, 236, 1)&colors[]=rgba(67, 67, 72, 1)&colors[]=rgba(144, 237, 125, 1)&colors[]=rgba(247, 163, 92, 1)&colors[]=rgba(128, 133, 233, 1)&colors[]=rgba(241, 92, 128, 1)&colors[]=rgba(228, 211, 84, 1)&colors[]=rgba(43, 144, 143, 1)&colors[]=rgba(244, 91, 91, 1)&colors[]=rgba(145, 232, 225, 1)&xlinew=0&ylinew=1&legends=true&tooltips=true';

          */

          this.downloadsFrameUrl = OpenaireProperties.getFramesAPIURL()+'merge.php?com=query&data=[{"query":"projRepoDownloads","projTitle":"'+this.projectId+'","table":"","fields":[{"fld":"sum","agg":"sum","type":"column","yaxis":1,"c":false}],"xaxis":{"name":"month","agg":"sum"},"group":"","color":"","type":"chart","size":30,"sort":"xaxis","xStyle":{"r":-30,"s":"0","l":"-","ft":"-","wt":"-"},"title":"","subtitle":"","xaxistitle":"","yaxisheaders":["Monthly downloads"],"generalxaxis":"","theme":0,"in":[]}]&info_types=["spline"]&stacking=&steps=false&fontFamily=Courier&spacing=[5,0,0,0]&style=[{"color":"rgba(0, 0, 0, 1)","size":"18"},{"color":"rgba(0, 0, 0, 1)","size":"18"},{"color":"000000","size":""},{"color":"000000","size":""}]&backgroundColor=rgba(255,255,255,1)&colors[]=rgba(124, 181, 236, 1)&colors[]=rgba(67, 67, 72, 1)&colors[]=rgba(144, 237, 125, 1)&colors[]=rgba(247, 163, 92, 1)&colors[]=rgba(128, 133, 233, 1)&colors[]=rgba(241, 92, 128, 1)&colors[]=rgba(228, 211, 84, 1)&colors[]=rgba(43, 144, 143, 1)&colors[]=rgba(244, 91, 91, 1)&colors[]=rgba(145, 232, 225, 1)&xlinew=0&ylinew=1&legends=true&tooltips=true&persistent=false';

          /*

          */

      this.pageViews = $event.pageViews;

  private pageViews: number;

          this.viewsFrameUrl = OpenaireProperties.getFramesAPIURL()+'merge.php?com=query&data=[{"query":"resRepoViews", "resTitle":"'+this.articleId+'", "table":"","fields":[{"fld":"sum","agg":"sum","type":"column","yaxis":1,"c":false}],"xaxis":{"name":"month","agg":"sum"},"group":" ","color":"","type":"chart","size":30,"sort":"xaxis","xStyle":{"r":-30,"s":"0","l":"-","ft":"-","wt":"-"},"title":"","subtitle":"","xaxistitle":"Repository","yaxisheaders":["Monthly views"],"generalxaxis":"","theme":0,"in":[],"filters":[{"name":"","values":[""],"to":"-1"}]}]&info_types=["column"]&stacking=normal&steps=false&fontFamily=Courier&spacing=[5,0,0,0]&style=[{"color":"rgba(0, 0, 0, 1)","size":"18"},{"color":"rgba(0, 0, 0, 1)","size":"18"},{"color":"000000","size":""},{"color":"000000","size":""}]&backgroundColor=rgba(255,255,255,1)&colors[]=rgba(67, 67, 72, 1)&colors[]=rgba(144, 237, 125, 1)&colors[]=rgba(247, 163, 92, 1)&colors[]=rgba(128, 133, 233, 1)&colors[]=rgba(241, 92, 128, 1)&colors[]=rgba(228, 211, 84, 1)&colors[]=rgba(43, 144, 143, 1)&colors[]=rgba(244, 91, 91, 1)&colors[]=rgba(145, 232, 225, 1)&xlinew=0&ylinew=1&legends=true&tooltips=true&persistent=false';

          /*this.viewsFrameUrl = OpenaireProperties.getFramesAPIURL()+'merge.php?com=query&data=[{"query":"resViewsTimeline", "resTitle":"'+this.articleId+'", "table":"","fields":[{"fld":"sum","agg":"sum","type":"column","yaxis":1,"c":false}],"xaxis":{"name":"month","agg":"sum"},"group":" ","color":"","type":"chart","size":30,"sort":"xaxis","xStyle":{"r":-30,"s":"0","l":"-","ft":"-","wt":"-"},"title":"","subtitle":"","xaxistitle":"Repository","yaxisheaders":["Monthly views"],"generalxaxis":"","theme":0,"in":[],"filters":[{"name":"","values":[""],"to":"-1"}]}]&info_types=["column"]&stacking=normal&steps=false&fontFamily=Courier&spacing=[5,0,0,0]&style=[{"color":"rgba(0, 0, 0, 1)","size":"18"},{"color":"rgba(0, 0, 0, 1)","size":"18"},{"color":"000000","size":""},{"color":"000000","size":""}]&backgroundColor=rgba(255,255,255,1)&colors[]=rgba(124, 181, 236, 1)&colors[]=rgba(67, 67, 72, 1)&colors[]=rgba(144, 237, 125, 1)&colors[]=rgba(247, 163, 92, 1)&colors[]=rgba(128, 133, 233, 1)&colors[]=rgba(241, 92, 128, 1)&colors[]=rgba(228, 211, 84, 1)&colors[]=rgba(43, 144, 143, 1)&colors[]=rgba(244, 91, 91, 1)&colors[]=rgba(145, 232, 225, 1)&xlinew=0&ylinew=1&legends=true&tooltips=true&persistent=false';

          */

          this.downloadsFrameUrl = OpenaireProperties.getFramesAPIURL()+'merge.php?com=query&data=[{"query":"resRepoDownloads", "resTitle":"'+this.articleId+'", "table":"","fields":[{"fld":"sum","agg":"sum","type":"column","yaxis":1,"c":false}],"xaxis":{"name":"month","agg":"sum"},"group":" ","color":"","type":"chart","size":30,"sort":"xaxis","xStyle":{"r":-30,"s":"0","l":"-","ft":"-","wt":"-"},"title":"","subtitle":"","xaxistitle":"Repository","yaxisheaders":["Monthly downloads"],"generalxaxis":"","theme":0,"in":[],"filters":[{"name":"","values":[""],"to":"-1"}]}]&info_types=["column"]&stacking=normal&steps=false&fontFamily=Courier&spacing=[5,0,0,0]&style=[{"color":"rgba(0, 0, 0, 1)","size":"18"},{"color":"rgba(0, 0, 0, 1)","size":"18"},{"color":"000000","size":""},{"color":"000000","size":""}]&backgroundColor=rgba(255,255,255,1)&colors[]=rgba(67, 67, 72, 1)&colors[]=rgba(144, 237, 125, 1)&colors[]=rgba(247, 163, 92, 1)&colors[]=rgba(128, 133, 233, 1)&colors[]=rgba(241, 92, 128, 1)&colors[]=rgba(228, 211, 84, 1)&colors[]=rgba(43, 144, 143, 1)&colors[]=rgba(244, 91, 91, 1)&colors[]=rgba(145, 232, 225, 1)&xlinew=0&ylinew=1&legends=true&tooltips=true&persistent=false';

          /*this.downloadsFrameUrl = OpenaireProperties.getFramesAPIURL()+'merge.php?com=query&data=[{"query":"resRepoDownloadTimeline", "resTitle":"'+this.articleId+'", "table":"","fields":[{"fld":"sum","agg":"sum","type":"column","yaxis":1,"c":false}],"xaxis":{"name":"month","agg":"sum"},"group":" ","color":"","type":"chart","size":30,"sort":"xaxis","xStyle":{"r":-30,"s":"0","l":"-","ft":"-","wt":"-"},"title":"","subtitle":"","xaxistitle":"Repository","yaxisheaders":["Monthly downloads"],"generalxaxis":"","theme":0,"in":[],"filters":[{"name":"","values":[""],"to":"-1"}]}]&info_types=["column"]&stacking=normal&steps=false&fontFamily=Courier&spacing=[5,0,0,0]&style=[{"color":"rgba(0, 0, 0, 1)","size":"18"},{"color":"rgba(0, 0, 0, 1)","size":"18"},{"color":"000000","size":""},{"color":"000000","size":""}]&backgroundColor=rgba(255,255,255,1)&colors[]=rgba(67, 67, 72, 1)&colors[]=rgba(144, 237, 125, 1)&colors[]=rgba(247, 163, 92, 1)&colors[]=rgba(128, 133, 233, 1)&colors[]=rgba(241, 92, 128, 1)&colors[]=rgba(228, 211, 84, 1)&colors[]=rgba(43, 144, 143, 1)&colors[]=rgba(244, 91, 91, 1)&colors[]=rgba(145, 232, 225, 1)&xlinew=0&ylinew=1&legends=true&tooltips=true';

          */

      this.pageViews = $event.pageViews;

                    <metrics

                <li>

                    <dl class="uk-description-list-line">

                        <dt>Page Views: {{pageViews}}</dt>

                    </dl>

                </li>

export function getClaimsByTokenModule() {

  return System.import('./claims/claimsByToken/claimsByToken.module' + (process.env.AOT ? '.ngfactory' : ''))

    .then(mod => mod[(process.env.AOT ? 'ClaimsByTokenModuleNgFactory' : 'ClaimsByTokenModule')]);

}

      { path: 'claims-project-manager', loadChildren: getClaimsByTokenModule },

  'claims','myclaims','participate/claim', 'participate/direct-claim', 'claims-project-manager',