|
1
|
<div id="page_content">
|
|
2
|
<div id="page_content_inner">
|
|
3
|
<h2 class="heading_b uk-margin-bottom">{{ piwik ? piwik.repositoryName : 'Metrics'}}</h2>
|
|
4
|
|
|
5
|
<!-- TOP HELP CONTENT -->
|
|
6
|
<help-content #topHelperContent [position]="'top'"
|
|
7
|
[ngClass]="topHelperContent.isPresent()?'uk-margin-medium-top uk-margin-medium-bottom':'clear-style'">
|
|
8
|
</help-content>
|
|
9
|
|
|
10
|
<div class="uk-grid">
|
|
11
|
|
|
12
|
<!-- LEFT HELP CONTENT -->
|
|
13
|
<aside-help-content #leftHelperContent [position]="'left'"
|
|
14
|
[ngClass]="leftHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'">
|
|
15
|
</aside-help-content>
|
|
16
|
|
|
17
|
<!-- MIDDLE -->
|
|
18
|
<div class=" uk-width-expand@m">
|
|
19
|
|
|
20
|
<div *ngIf="errorMessage" class="uk-alert uk-alert-danger">{{ errorMessage }}</div>
|
|
21
|
<div *ngIf="loadingMessage" class="loading-big">
|
|
22
|
<div class="loader-big" style="text-align: center; padding-top: 170px; color: rgb(47, 64, 80); font-weight: bold;">
|
|
23
|
{{ loadingMessage }}
|
|
24
|
</div>
|
|
25
|
<div class="transparentFilm"></div>
|
|
26
|
</div>
|
|
27
|
<div *ngIf="repoMetrics">
|
|
28
|
|
|
29
|
<div class="uk-grid">
|
|
30
|
<div class="uk-width-1-1">
|
|
31
|
<div class="uk-float-right">
|
|
32
|
<a class="uk-button uk-button-primary"
|
|
33
|
[routerLink]="['/getImpact/usagestats',repoId]" title="">Get statistics report</a>
|
|
34
|
</div>
|
|
35
|
</div>
|
|
36
|
</div>
|
|
37
|
|
|
38
|
<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="">
|
|
39
|
<div class="uk-row-first" style="">
|
|
40
|
<div class="md-card">
|
|
41
|
<div class="md-card-content">
|
|
42
|
<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>
|
|
43
|
<span class="uk-text-muted uk-text-small">views in OpenAIRE</span>
|
|
44
|
<h2 class="uk-margin-remove"><span class="countUpMe">{{ pageViews | number }}</span></h2>
|
|
45
|
</div>
|
|
46
|
</div>
|
|
47
|
</div>
|
|
48
|
<div style="">
|
|
49
|
<div class="md-card">
|
|
50
|
<div class="md-card-content">
|
|
51
|
<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>
|
|
52
|
<span class="uk-text-muted uk-text-small">views in local repository</span>
|
|
53
|
<h2 class="uk-margin-remove" id="peity_live_text">{{ totalViews | number }}
|
|
54
|
<span *ngIf="repoMetrics.metricsNumbers.total_openaire_views" class="comment">( {{ repoMetrics.metricsNumbers.total_openaire_views | number }} from OpenAIRE )</span></h2>
|
|
55
|
</div>
|
|
56
|
</div>
|
|
57
|
</div>
|
|
58
|
<div class="" style="">
|
|
59
|
<div class="md-card">
|
|
60
|
<div class="md-card-content">
|
|
61
|
<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>
|
|
62
|
<span class="uk-text-muted uk-text-small">downloads in local repository</span>
|
|
63
|
<h2 class="uk-margin-remove">{{ totalDownloads | number }}
|
|
64
|
<span *ngIf="repoMetrics.metricsNumbers.total_openaire_downloads" class="comment">( {{ repoMetrics.metricsNumbers.total_openaire_downloads | number }} from OpenAIRE )</span></h2>
|
|
65
|
</div>
|
|
66
|
</div>
|
|
67
|
</div>
|
|
68
|
</div>
|
|
69
|
|
|
70
|
<div class="uk-grid">
|
|
71
|
<div class="uk-width-1-1">
|
|
72
|
<div class="md-card">
|
|
73
|
<div class="md-card-content">
|
|
74
|
<iframe class="statsFrame" [src]="viewsUrl"></iframe>
|
|
75
|
</div>
|
|
76
|
</div>
|
|
77
|
</div>
|
|
78
|
<div class="uk-width-1-1 uk-margin-medium-top">
|
|
79
|
<div class="md-card">
|
|
80
|
<div class="md-card-content">
|
|
81
|
<iframe class="statsFrame" [src]="downloadsUrl"></iframe>
|
|
82
|
</div>
|
|
83
|
</div>
|
|
84
|
</div>
|
|
85
|
</div>
|
|
86
|
</div>
|
|
87
|
|
|
88
|
</div>
|
|
89
|
|
|
90
|
<!-- RIGHT HELP CONTENT -->
|
|
91
|
<aside-help-content #rightHelperContent [position]="'right'"
|
|
92
|
[ngClass]="rightHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'">
|
|
93
|
</aside-help-content>
|
|
94
|
|
|
95
|
</div>
|
|
96
|
|
|
97
|
<!-- BOTTOM HELP CONTENT -->
|
|
98
|
<help-content #bottomHelperContent [position]="'bottom'"
|
|
99
|
[ngClass]="bottomHelperContent.isPresent()?'uk-margin-medium-top uk-margin-medium-bottom':'clear-style'">
|
|
100
|
</help-content>
|
|
101
|
|
|
102
|
</div>
|
|
103
|
</div>
|
|
104
|
|