Project

General

Profile

1
<div id="contentWrapper"
2
     class="tm-main uk-section uk-section-default"
3
     uk-height-viewport="expand: true"
4
     style="box-sizing: border-box;" >
5

    
6
  <!-- MARGIN-TOP  -->
7
  <div class="uk-sticky-placeholder" style="height: 84px; margin: 0px;" aria-hidden="true"></div>
8

    
9
  <div>
10
    <div class="uk-container">
11
      <div class="uk-grid uk-grid-stack">
12
        <div class="uk-width-expand@m uk-first-column">
13
          <div class="gwt-HTML uk-margin-medium-bottom">
14
            <h1 class="uk-article-title">Metrics</h1>
15
          </div>
16
          <div *ngIf="errorMessage" class="uk-alert uk-alert-danger">{{ errorMessage }}</div>
17
          <div *ngIf="loadingMessage" class="loading-big">
18
            <div class="loader-big" style="text-align: center; padding-top: 170px; color: rgb(47, 64, 80); font-weight: bold;">
19
              {{ loadingMessage }}
20
            </div>
21
            <div class="whiteFilm"></div>
22
          </div>
23
          <div *ngIf="repoMetrics">
24
            <div class="uk-margin-medium-bottom">
25
              <div>
26
                <div class="uk-child-width-1-3@m uk-grid-small uk-grid-match uk-grid" uk-grid="">
27
                  <div class="metrics-openaire uk-first-column">
28
                    <div class="uk-tile uk-tile-default uk-padding-small">
29
                      <div class="uk-text-center">   {{ pageViews }}</div>
30
                      <div class="uk-text-center"> views in OpenAIRE</div>
31
                    </div>
32
                  </div>
33
                  <div class="metrics-views">
34
                    <div class="uk-tile uk-tile-muted uk-padding-small">
35
                      <div class="uk-text-center">  {{ totalViews }}
36
                        <span *ngIf="repoMetrics.metricsNumbers.total_openaire_views">( {{ repoMetrics.metricsNumbers.total_openaire_views }} from OpenAIRE )</span>
37
                      </div>
38
                      <div class="uk-text-center">views in local repository</div>
39
                    </div>
40
                  </div>
41
                  <div class="metrics-downloads">
42
                    <div class="uk-tile uk-tile-primary uk-padding-small">
43
                      <div class="uk-text-center">  {{ totalDownloads }}
44
                        <span *ngIf="repoMetrics.metricsNumbers.total_openaire_downloads">( {{ repoMetrics.metricsNumbers.total_openaire_downloads }} from OpenAIRE )</span></div>
45
                      <div class="uk-text-center">downloads in local repository</div>
46
                    </div>
47
                  </div>
48
                </div>
49
              </div>
50
            </div>
51
            <div class="uk-text-center uk-card uk-card-default uk-card-hover uk-scrollspy-inview uk-animation-slide-top-medium uk-margin-bottom uk-padding">
52
              <iframe class="statsFrame" [src]="viewsUrl"></iframe>
53
            </div>
54
            <div class="uk-text-center uk-card uk-card-default uk-card-hover uk-scrollspy-inview uk-animation-slide-top-medium uk-margin-bottom uk-padding">
55
              <iframe class="statsFrame" [src]="downloadsUrl"></iframe>
56
            </div>
57
          </div>
58
        </div>
59
        <div class="tm-sidebar uk-width-1-4@m">
60
          <div>
61
            <div class="uk-card uk-card-body uk-card-default sidemenu">
62
              <h3>Info</h3>
63
              <p>This page provides you with information about views and downloads of items in your datasource.</p>
64
              <p>The indicators are:</p>
65
              <ul>
66
                <li>
67
                  <strong>views</strong>
68
                  of your datasource items
69
                  <strong> in the OpenAIRE portal</strong>
70
                </li>
71
                <li>
72
                  <strong>views of items</strong>
73
                  tracked from your datasource
74
                </li>
75
                <li>
76
                  <strong>number of downloads</strong>
77
                  tracked from your datasource
78
                </li>
79
              </ul>
80
            </div>
81
          </div>
82
        </div>
83
      </div>
84
    </div>
85
  </div>
86
</div>
(5-5/10)