D-Net

            <a [routerLink]="['/getImpact/show_metrics/', selectedRepo.id]">

              <div class="md-card-content">

                <div class="uk-float-right uk-margin-top uk-margin-small-right"><span class="peity_visitors peity_data" style="display: none;">5,3,9,6,5,9,7</span><svg class="peity" height="28" width="48"><rect data-value="5" fill="#d84315" x="1.3714285714285717" y="12.444444444444443" width="4.114285714285715" height="15.555555555555557"></rect><rect data-value="3" fill="#d84315" x="8.228571428571428" y="18.666666666666668" width="4.114285714285716" height="9.333333333333332"></rect><rect data-value="9" fill="#d84315" x="15.085714285714287" y="0" width="4.1142857142857086" height="28"></rect><rect data-value="6" fill="#d84315" x="21.942857142857147" y="9.333333333333336" width="4.114285714285707" height="18.666666666666664"></rect><rect data-value="5" fill="#d84315" x="28.800000000000004" y="12.444444444444443" width="4.114285714285707" height="15.555555555555557"></rect><rect data-value="9" fill="#d84315" x="35.65714285714286" y="0" width="4.114285714285707" height="28"></rect><rect data-value="7" fill="#d84315" x="42.51428571428572" y="6.222222222222221" width="4.114285714285707" height="21.77777777777778"></rect></svg></div>

                <span class="uk-text-muted uk-text-small">Views</span>

                <h2 class="uk-margin-remove">

                  <span *ngIf="pageViews == '--'" class="countUpMe">{{ pageViews }}</span>

                  <span *ngIf="pageViews != '--'" class="countUpMe">{{ pageViews | number }}</span>

                </h2>

              </div>

            </a>

            <a [routerLink]="['/getImpact/show_metrics/', selectedRepo.id]">

              <div class="md-card-content">

                <div class="uk-float-right uk-margin-top uk-margin-small-right"><span class="peity_sale peity_data" style="display: none;">5,3,9,6,5,9,7,3,5,2</span><svg class="peity" height="28" width="64"><polygon fill="#d1e4f6" points="0 27.5 0 12.5 7.111111111111111 18.5 14.222222222222221 0.5 21.333333333333332 9.5 28.444444444444443 12.5 35.55555555555556 0.5 42.666666666666664 6.5 49.77777777777777 18.5 56.888888888888886 12.5 64 21.5 64 27.5"></polygon><polyline fill="none" points="0 12.5 7.111111111111111 18.5 14.222222222222221 0.5 21.333333333333332 9.5 28.444444444444443 12.5 35.55555555555556 0.5 42.666666666666664 6.5 49.77777777777777 18.5 56.888888888888886 12.5 64 21.5" stroke="#0288d1" stroke-width="1" stroke-linecap="square"></polyline></svg></div>

                <span class="uk-text-muted uk-text-small">Downloads</span>

                <h2 class="uk-margin-remove">

                  <span *ngIf="totalDownloads == '--'">{{ totalDownloads }}</span>

                  <span *ngIf="totalDownloads != '--'">{{ totalDownloads | number }}</span>

                </h2>

              </div>

            </a>

            <a [routerLink]="['/content/events/', selectedRepo.id]">

              <div class="md-card-content">

                <div class="uk-float-right uk-margin-top uk-margin-small-right"><span class="peity_orders peity_data" style="display: none;">64/100</span><svg class="peity" height="24" width="24"><path d="M 12 0 A 12 12 0 1 1 2.7538410866905263 19.649087876984275 L 7.376920543345263 15.824543938492138 A 6 6 0 1 0 12 6" data-value="64" fill="#8bc34a"></path><path d="M 2.7538410866905263 19.649087876984275 A 12 12 0 0 1 11.999999999999998 0 L 11.999999999999998 6 A 6 6 0 0 0 7.376920543345263 15.824543938492138" data-value="36" fill="#eee"></path></svg></div>

                <span class="uk-text-muted uk-text-small">Events</span>

                <h2 class="uk-margin-remove">

                  <span class="countUpMe">{{ totalNumberOfEvents | number }}</span>

                </h2>

              </div>

            </a>

            <a [routerLink]="['/compatibility/monitor/', selectedRepo.id]">

              <div class="md-card-content">

                <div class="uk-float-right uk-margin-top uk-margin-small-right"><span class="peity_live peity_data" style="display: none;">7,5,8,7,6,5,2,5,3,10,10,3,6,5,6,3,3,6,8,3</span><svg class="peity" height="28" width="64"><polygon fill="#efebe9" points="0 27.5 0 8.600000000000001 3.3684210526315788 14 6.7368421052631575 5.899999999999999 10.105263157894736 8.600000000000001 13.473684210526315 11.3 16.842105263157894 14 20.210526315789473 22.1 23.57894736842105 14 26.94736842105263 19.4 30.31578947368421 0.5 33.68421052631579 0.5 37.05263157894737 19.4 40.421052631578945 11.3 43.78947368421052 14 47.1578947368421 11.3 50.526315789473685 19.4 53.89473684210526 19.4 57.263157894736835 11.3 60.63157894736842 5.899999999999999 64 19.4 64 27.5"></polygon><polyline fill="none" points="0 8.600000000000001 3.3684210526315788 14 6.7368421052631575 5.899999999999999 10.105263157894736 8.600000000000001 13.473684210526315 11.3 16.842105263157894 14 20.210526315789473 22.1 23.57894736842105 14 26.94736842105263 19.4 30.31578947368421 0.5 33.68421052631579 0.5 37.05263157894737 19.4 40.421052631578945 11.3 43.78947368421052 14 47.1578947368421 11.3 50.526315789473685 19.4 53.89473684210526 19.4 57.263157894736835 11.3 60.63157894736842 5.899999999999999 64 19.4" stroke="#5d4037" stroke-width="1" stroke-linecap="square"></polyline></svg></div>

                <ng-container *ngIf="lastIndexedVersion">

                  <span class="uk-text-muted uk-text-small">Records collected <span *ngIf="lastIndexedVersion.date">on {{lastIndexedVersion.date | date : "yyyy-MM-dd"}}</span></span>

                  <h2 class="uk-margin-remove">{{lastIndexedVersion.numberOfRecords | number}}</h2>

                </ng-container>

                <ng-container *ngIf="!lastIndexedVersion">

                  <span class="uk-text-muted uk-text-small">Records collected</span>

                  <h2 class="uk-margin-remove">no data available</h2>

                </ng-container>

              </div>

            </a>

              <div class="uk-position-bottom-right" style="margin-bottom: 10px; margin-right: 10px"><a [routerLink]="['/compatibility/monitor/', selectedRepo.id]">view more..</a></div>

                <div *ngIf="noValidationsMessage">{{ noValidationsMessage }}</div>

                <div *ngIf="errorValidationsMessage" class="uk-alert uk-alert-danger">{{ errorValidationsMessage }}</div>

                <div *ngIf="loadingJobSummaryMessage" class="loading-big">

                  <div class="loader-big" style="text-align: center; padding-top: 170px; color: rgb(47, 64, 80); font-weight: bold;">

                    {{ loadingJobSummaryMessage }}

                  </div>

                  <div class="whiteFilm"></div>

                </div>

                <table *ngIf="storedJob && (storedJob.length > 0) && !noValidationsMessage" class="uk-table">

                    <th class="uk-text-nowrap">Validation Type</th>

                    <th class="uk-text-nowrap">Score</th>

                    <th class="uk-text-nowrap uk-text-right">Guidelines</th>

                  <tr *ngFor="let job of storedJob" class="uk-table-middle uk-text-muted">

                    <td class="uk-width-3-10 uk-text-nowrap"><div>{{ job.baseUrl }}</div></td>

                    <td>

                      <div *ngIf="job.validationType.includes('C')" class="">OAI Content</div>

                      <div *ngIf="job.validationType.includes('U')" class="">OAI Usage</div>

                    <td class="uk-text-nowrap">

                      <div [ngClass]="job.contentJobStatus == 'finished' ? 'uk-badge uk-badge-success':

                      ( job.contentJobStatus == 'ongoing' ) ? 'uk-badge' :

                      ( job.contentJobStatus == 'none' ) ? 'uk-badge uk-badge-warning' : 'clear-style' ">{{ job.contentJobStatus }}</div>

                      <br *ngIf="job.contentJobStatus == 'finished' || 'ongoing' || 'none' ">

                      <div [ngClass]="job.usageJobStatus == 'finished' ? 'uk-badge uk-badge-success':

                      ( job.usageJobStatus == 'ongoing' ) ? 'uk-badge' :

                      ( job.usageJobStatus == 'none' ) ? 'uk-badge uk-badge-warning' : 'clear-style' ">{{ job.usageJobStatus }}</div>

                    <td>

                      <div>{{ job.contentJobScore }}</div>

                      <div>{{ job.usageJobScore }}</div>

                    <td class="uk-width-3-10 uk-text-right"><div>{{ job.guidelinesShortName }}</div></td>

                <div class="uk-position-bottom-right" style="margin-bottom: 10px; margin-right: 10px"><a [routerLink]="['/compatibility/browseHistory/']">view more..</a></div>

                    <a class="md-btn md-btn-large md-btn-block md-btn-wave-light waves-effect waves-button waves-light"

                       [routerLink]="['/getImpact/usagestats-report-results']" [queryParams]="{ report:'AR1', beginDate: currentDate, endDate: currentDate, repoId: shortSelectedRepoId, granularity:'Monthly'}">AR1</a>

                    <a class="md-btn md-btn-large md-btn-block md-btn-wave-light waves-effect waves-button waves-light"

                       [routerLink]="['/getImpact/usagestats-report-results']" [queryParams]="{ report:'IR1', beginDate: currentDate, endDate: currentDate, repoId: shortSelectedRepoId, granularity:'Monthly'}">IR1</a>

                    <a class="md-btn md-btn-large md-btn-block md-btn-wave-light waves-effect waves-button waves-light"

                       [routerLink]="['/getImpact/usagestats-report-results']" [queryParams]="{ report:'RR1', beginDate: currentDate, endDate: currentDate, repoId: shortSelectedRepoId, granularity:'Monthly'}">RR1</a>

                    <a class="md-btn md-btn-large md-btn-block md-btn-wave-light waves-effect waves-button waves-light"

                       [routerLink]="['/getImpact/usagestats-report-results']" [queryParams]="{ report:'BR1', beginDate: currentDate, endDate: currentDate, repoId: shortSelectedRepoId, granularity:'Monthly'}">BR1</a>

                    <a class="md-btn md-btn-large md-btn-block md-btn-wave-light waves-effect waves-button waves-light"

                       [routerLink]="['/getImpact/usagestats-report-results']" [queryParams]="{ report:'BR2', beginDate: currentDate, endDate: currentDate, repoId: shortSelectedRepoId, granularity:'Monthly'}">BR2</a>

                    <a class="md-btn md-btn-large md-btn-block md-btn-wave-light waves-effect waves-button waves-light"

                       [routerLink]="['/getImpact/usagestats-report-results']" [queryParams]="{ report:'RR1', beginDate: currentDate, endDate: currentDate, repoId: shortSelectedRepoId, granularity:'Monthly'}">RR1</a>

            <div class="uk-position-bottom-right" style="margin-bottom: 10px; margin-right: 10px"><a [routerLink]="['/getImpact/show_metrics/', selectedRepo.id]">view more..</a></div>

            <div class="uk-position-bottom-right" style="margin-bottom: 10px; margin-right: 10px"><a [routerLink]="['/content/events/', selectedRepo.id]">view more..</a></div>

            <div class="uk-position-bottom-right" style="margin-bottom: 10px; margin-right: 10px"><a [routerLink]="['/content/events/', selectedRepo.id]">view more..</a></div>

            <div class="uk-position-bottom-right" style="margin-bottom: 10px; margin-right: 10px"><a [routerLink]="['/content/notifications']">view more..</a></div>

  RepositorySummaryInfo, StoredJob, UsageSummary

  loadingAggregationHistory, loadingAggregationHistoryError, loadingMetrics, loadingMetricsError,

  loadingUserRepoInfoEmpty, noAggregationHistory, noSubscriptionsFound, noTopicsFound, reposRetrievalError,

  loadingJobSummary, loadingJobSummaryError

} from '../../domain/shared-messages';

import {DashboardService} from '../../services/dashboard.service';

import {DomSanitizer, SafeResourceUrl} from '@angular/platform-browser';

import {PiwikService} from '../../services/piwik.service';

import {ValidatorService} from '../../services/validator.service';

              private validatorService: ValidatorService,

  shortSelectedRepoId: string;

  currentDate: string;

  // Validation

  storedJob: StoredJob[] = [];

  noValidationsMessage: string;

  errorValidationsMessage: string;

  loadingJobSummaryMessage: string;

    const currentTime = new Date();

    this.currentDate = currentTime.getFullYear() + '-' + (currentTime.getMonth() + 1);

          if (this.reposOfUser && this.reposOfUser.length > 0) {

    console.log('selectedRepo ' + this.selectedRepo.id);

    this.shortSelectedRepoId = null;

        this.shortSelectedRepoId = selectedRepo.id.replace('____', '').replace('_____', '').replace('::', ':');

    // Validation

    this.loadingJobSummaryMessage = loadingJobSummary;

    this.noValidationsMessage = '';

    this.errorValidationsMessage = '';

    this.validatorService.getValidationSummary(selectedRepo.id).subscribe(

      validationSummary => {

        this.storedJob = validationSummary;

        console.log(validationSummary);

      },

      error => {

        this.errorValidationsMessage = loadingJobSummaryError;

        this.loadingJobSummaryMessage = '';

        console.log(error);

      } ,

      () => {

        this.getValidationSummary(this.storedJob);

        this.loadingJobSummaryMessage = '';

      }

    );

    if (usageSummary.piwikInfo == null) {

      this.noUsageStats = 'This repository does not have our Usage Statistics service enabled yet';

    } else {

  getValidationSummary(validationSummary: StoredJob[]) {

    if (validationSummary == null) { this.noValidationsMessage = 'There is no validation history for this repository at the moment'; }

  }

      error => { console.log('getRepSumError'); this.loading=false },

                <a (click)="goToPage('/compatibility/validate')" class="el-link uk-margin-remove-adjacent"></a>

                <a (click)="goToPage('/sources/register')" class="el-link uk-margin-remove-adjacent"></a>

                <a (click)="goToPage('/content/events')" class="el-link uk-margin-remove-adjacent"></a>

                <a (click)="goToPage('/getImpact')" class="el-link uk-margin-remove-adjacent"></a>

import {InterfaceInformation, JobForValidation, RuleSet, StoredJob} from '../domain/typeScriptClasses';

  getValidationSummary(repoId: string): Observable<StoredJob[]> {

    const url = `${this.apiUrl}validationSummary/${repoId}/?size=5`;

    console.log(`knocking on: ${url}`);

    return this.httpClient.get<StoredJob[]>(url, headerOptions);

  }

import {Repository} from '../../domain/typeScriptClasses';

import {loadingReposMessage, loadingUserRepoInfoEmpty, reposRetrievalError} from '../../domain/shared-messages';

import {RepositoryService} from '../../services/repository.service';

  userEmail: string;

  reposOfUser: Repository[] = [];

  private skipGridView = false;

  constructor(public authService: AuthenticationService,

              private repositoryService: RepositoryService) { }

    this.getReposOfUser();

  getReposOfUser(): void {

    this.repositoryService.getRepositoriesOfUser(this.authService.getUserEmail())

      .subscribe(

        repos => { this.reposOfUser = repos; },

        error => { console.log(error); },

        () => { if (this.reposOfUser.length == 1) { this.skipGridView = true; } }

      );

  }

          <li *ngIf="!skipGridView" [routerLinkActive]="['act_item']"><a [routerLink]="['/sources', 'update']">Update</a></li>

          <li *ngIf="skipGridView" [routerLinkActive]="['act_item']"><a [routerLink]="['/sources/update', reposOfUser[0].id]">Update</a></li>

          <li *ngIf="!skipGridView" routerLinkActive="act_item"><a [routerLink]="['/compatibility', 'monitor']">Collection Monitor</a></li>

          <li *ngIf="skipGridView" routerLinkActive="act_item"><a [routerLink]="['/compatibility/monitor', reposOfUser[0].id]">Collection Monitor</a></li>

          <li *ngIf="!skipGridView" [routerLinkActive]="['act_item']"><a [routerLink]="['/content', 'events']">Events</a></li>

          <li *ngIf="skipGridView" [routerLinkActive]="['act_item']"><a [routerLink]="['/content/events', reposOfUser[0].id]">Events</a></li>

        <a *ngIf="!skipGridView" [routerLink]="['/getImpact']">

        <a *ngIf="skipGridView" [routerLink]="['/getImpact/show_metrics', reposOfUser[0].id]">

          <span class="menu_icon"><i class="material-icons">&#xE86F;</i></span>

          <span class="menu_title">Metrics</span>

        </a>