Project

General

Profile

1 58098 stefania.m
<div id="page_content_inner">
2
  <h2 *ngIf="piwik" class="heading_b uk-margin-bottom">{{ piwik ? piwik.repositoryName : 'Metrics'}}</h2>
3 54479 myrto.kouk
4 58098 stefania.m
  <!-- TOP HELP CONTENT -->
5
  <help-content #topHelperContent [position]="'top'"
6
                [ngClass]="topHelperContent.isPresent()?'uk-margin-medium-top uk-margin-medium-bottom':'clear-style'">
7
  </help-content>
8 54479 myrto.kouk
9 58098 stefania.m
  <div class="uk-grid">
10 54479 myrto.kouk
11 58098 stefania.m
    <!-- LEFT HELP CONTENT -->
12
    <aside-help-content #leftHelperContent [position]="'left'"
13
                        [ngClass]="leftHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'">
14
    </aside-help-content>
15 54479 myrto.kouk
16 58098 stefania.m
    <!-- MIDDLE -->
17
    <div class=" uk-width-expand@m">
18 54479 myrto.kouk
19 58098 stefania.m
      <div *ngIf="errorMessage" class="uk-alert uk-alert-danger">{{ errorMessage }}</div>
20
      <div *ngIf="loadingMessage" class="loading-big">
21
        <div class="loader-big" style="text-align: center; padding-top: 170px; color: rgb(47, 64, 80); font-weight: bold;">
22
          {{ loadingMessage }}
23 57129 stefania.m
        </div>
24 58098 stefania.m
        <div class="transparentFilm"></div>
25
      </div>
26
      <div *ngIf="repoMetrics">
27 57129 stefania.m
28 58098 stefania.m
        <div class="uk-grid">
29
          <div class="uk-width-1-1">
30
            <div class="uk-float-right">
31
              <a class="uk-button uk-button-primary"
32 58108 stefania.m
                 [routerLink]="['../usagestats']" title="">Get statistics report</a>
33 57129 stefania.m
            </div>
34
          </div>
35 58098 stefania.m
        </div>
36 54479 myrto.kouk
37 58098 stefania.m
        <div class="uk-grid uk-grid-match uk-child-width-1-3@l uk-child-width-1-3@m uk-grid-medium uk-sortable sortable-handler" data-uk-sortable="" data-uk-grid-margin="">
38
          <div class="uk-row-first" style="">
39
            <div class="md-card">
40
              <div class="md-card-content">
41
                <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>
42
                <span class="uk-text-muted uk-text-small">views in OpenAIRE</span>
43
                <h2 class="uk-margin-remove"><span class="countUpMe">{{ pageViews | number }}</span></h2>
44 54479 myrto.kouk
              </div>
45 57129 stefania.m
            </div>
46 58098 stefania.m
          </div>
47
          <div style="">
48
            <div class="md-card">
49
              <div class="md-card-content">
50
                <div class="uk-float-right uk-margin-top uk-margin-small-right"><span class="peity_live peity_data" style="display: none;">3,5,2,10,2,7,0,2,8,8,7,2,4,8,0,6,6,7,9,5</span><svg class="peity" height="28" width="64"><polygon fill="#efebe9" points="0 27.5 0 19.4 3.3684210526315788 14 6.7368421052631575 22.1 10.105263157894736 0.5 13.473684210526315 22.1 16.842105263157894 8.600000000000001 20.210526315789473 27.5 23.57894736842105 22.1 26.94736842105263 5.899999999999999 30.31578947368421 5.899999999999999 33.68421052631579 8.600000000000001 37.05263157894737 22.1 40.421052631578945 16.7 43.78947368421052 5.899999999999999 47.1578947368421 27.5 50.526315789473685 11.3 53.89473684210526 11.3 57.263157894736835 8.600000000000001 60.63157894736842 3.1999999999999993 64 14 64 27.5"></polygon><polyline fill="none" points="0 19.4 3.3684210526315788 14 6.7368421052631575 22.1 10.105263157894736 0.5 13.473684210526315 22.1 16.842105263157894 8.600000000000001 20.210526315789473 27.5 23.57894736842105 22.1 26.94736842105263 5.899999999999999 30.31578947368421 5.899999999999999 33.68421052631579 8.600000000000001 37.05263157894737 22.1 40.421052631578945 16.7 43.78947368421052 5.899999999999999 47.1578947368421 27.5 50.526315789473685 11.3 53.89473684210526 11.3 57.263157894736835 8.600000000000001 60.63157894736842 3.1999999999999993 64 14" stroke="#5d4037" stroke-width="1" stroke-linecap="square"></polyline></svg></div>
51
                <span class="uk-text-muted uk-text-small">views in local repository</span>
52
                <h2 class="uk-margin-remove" id="peity_live_text">{{ totalViews | number }}
53
                  <span *ngIf="repoMetrics.metricsNumbers.total_openaire_views" class="comment">( {{ repoMetrics.metricsNumbers.total_openaire_views | number }} from OpenAIRE )</span></h2>
54 54479 myrto.kouk
              </div>
55 57129 stefania.m
            </div>
56 58098 stefania.m
          </div>
57
          <div class="" style="">
58
            <div class="md-card">
59
              <div class="md-card-content">
60
                <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>
61
                <span class="uk-text-muted uk-text-small">downloads in local repository</span>
62
                <h2 class="uk-margin-remove">{{ totalDownloads | number }}
63
                  <span *ngIf="repoMetrics.metricsNumbers.total_openaire_downloads" class="comment">( {{ repoMetrics.metricsNumbers.total_openaire_downloads | number }} from OpenAIRE )</span></h2>
64 57129 stefania.m
              </div>
65
            </div>
66
          </div>
67 58098 stefania.m
        </div>
68 54479 myrto.kouk
69 58098 stefania.m
        <div class="uk-grid">
70
          <div class="uk-width-1-1">
71
            <div class="md-card">
72
              <div class="md-card-content">
73
                <iframe class="statsFrame" [src]="viewsUrl"></iframe>
74 57129 stefania.m
              </div>
75 54479 myrto.kouk
            </div>
76 58098 stefania.m
          </div>
77
          <div class="uk-width-1-1 uk-margin-medium-top">
78
            <div class="md-card">
79
              <div class="md-card-content">
80
                <iframe class="statsFrame" [src]="downloadsUrl"></iframe>
81 57129 stefania.m
              </div>
82
            </div>
83 54479 myrto.kouk
          </div>
84
        </div>
85 57129 stefania.m
      </div>
86 54479 myrto.kouk
87 57129 stefania.m
    </div>
88 54479 myrto.kouk
89 58098 stefania.m
    <!-- RIGHT HELP CONTENT -->
90
    <aside-help-content #rightHelperContent [position]="'right'"
91
                        [ngClass]="rightHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'">
92
    </aside-help-content>
93 57129 stefania.m
94 54479 myrto.kouk
  </div>
95 58098 stefania.m
96
  <!-- BOTTOM HELP CONTENT -->
97
  <help-content #bottomHelperContent [position]="'bottom'"
98
                [ngClass]="bottomHelperContent.isPresent()?'uk-margin-medium-top uk-margin-medium-bottom':'clear-style'">
99
  </help-content>
100
101 54479 myrto.kouk
</div>