Revision 58281
Added by Stefania Martziou about 4 years ago
| dashboard.component.html | ||
|---|---|---|
| 27 | 27 |
<div class="uk-grid uk-grid-match uk-child-width-1-4@l uk-child-width-1-2@m uk-child-width-1-1@s uk-grid-medium uk-sortable sortable-handler" data-uk-sortable="" data-uk-grid-margin=""> |
| 28 | 28 |
<div class="uk-row-first" style=""> |
| 29 | 29 |
<div class="md-card"> |
| 30 |
<a [routerLink]="['/compatibility/monitor/', repository.id]">
|
|
| 30 |
<a [routerLink]="['/repository/' + repository.id + '/aggregationHistory']">
|
|
| 31 | 31 |
<div class="md-card-content"> |
| 32 | 32 |
<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> |
| 33 | 33 |
<ng-container *ngIf="lastIndexedVersion"> |
| ... | ... | |
| 44 | 44 |
</div> |
| 45 | 45 |
<div style=""> |
| 46 | 46 |
<div class="md-card"> |
| 47 |
<a [routerLink]="['/getImpact/show_metrics/', repository.id]">
|
|
| 47 |
<a [routerLink]="['/repository/' + repository.id + '/getImpact/show_metrics']">
|
|
| 48 | 48 |
<div class="md-card-content"> |
| 49 | 49 |
<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> |
| 50 | 50 |
<span class="uk-text-muted uk-text-small">Downloads</span> |
| ... | ... | |
| 58 | 58 |
</div> |
| 59 | 59 |
<div style=""> |
| 60 | 60 |
<div class="md-card"> |
| 61 |
<a [routerLink]="['/content/events/', repository.id]">
|
|
| 61 |
<a [routerLink]="['/repository/' + repository.id + '/events']">
|
|
| 62 | 62 |
<div class="md-card-content"> |
| 63 | 63 |
<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> |
| 64 |
<span class="uk-text-muted uk-text-small">Events</span>
|
|
| 64 |
<span class="uk-text-muted uk-text-small">Enrichments</span>
|
|
| 65 | 65 |
<h2 class="uk-margin-remove"> |
| 66 | 66 |
<span class="countUpMe">{{ totalNumberOfEvents | number }}</span>
|
| 67 | 67 |
</h2> |
| ... | ... | |
| 71 | 71 |
</div> |
| 72 | 72 |
<div style=""> |
| 73 | 73 |
<div class="md-card"> |
| 74 |
<a [routerLink]="['/getImpact/show_metrics/', repository.id]">
|
|
| 74 |
<a [routerLink]="['/repository/' + repository.id + '/getImpact/show_metrics']">
|
|
| 75 | 75 |
<div class="md-card-content"> |
| 76 | 76 |
<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> |
| 77 | 77 |
<span class="uk-text-muted uk-text-small">Views</span> |
| ... | ... | |
| 91 | 91 |
<div class="uk-width-1-5@m uk-row-first"> |
| 92 | 92 |
<div class="md-card" style="min-height: 600px"> |
| 93 | 93 |
<div class="md-card-content"> |
| 94 |
<h3 class="heading_a uk-margin-bottom">Collection Monitor</h3>
|
|
| 94 |
<h3 class="heading_a uk-margin-bottom">Aggregation History</h3>
|
|
| 95 | 95 |
<div *ngIf="errorAggregationsMessage" class="uk-alert uk-alert-danger">{{ errorAggregationsMessage }}</div>
|
| 96 | 96 |
<div *ngIf="loadingAggregationsMessage" class="loading-big"> |
| 97 | 97 |
<div class="loader-big" style="text-align: center; padding-top: 170px; color: rgb(47, 64, 80); font-weight: bold;"> |
| ... | ... | |
| 117 | 117 |
<div *ngIf="aggr.indexedVersion" class="ng-star-inserted uk-badge uk-margin-small-bottom">Indexed version</div> |
| 118 | 118 |
|
| 119 | 119 |
<div *ngIf="aggr.aggregationStage" class="uk-margin-small-bottom"> |
| 120 |
<div class="inline-block" style="vertical-align: top">
|
|
| 121 |
<span *ngIf="aggr.aggregationStage=='TRANSFORM'" class="md-user-image md-list-addon-avatar dense-image dense-ready">
|
|
| 122 |
<i class="material-icons">transform</i>
|
|
| 123 |
</span>
|
|
| 124 |
<span *ngIf="aggr.aggregationStage=='COLLECT'" class="md-user-image md-list-addon-avatar dense-image dense-ready">
|
|
| 125 |
<i class="material-icons">collections</i>
|
|
| 126 |
</span>
|
|
| 127 |
</div>
|
|
| 128 |
<div class="inline-block uk-margin-left">
|
|
| 120 |
<!--<div class="inline-block" style="vertical-align: top">-->
|
|
| 121 |
<!--<span *ngIf="aggr.aggregationStage=='TRANSFORM'" class="md-user-image md-list-addon-avatar dense-image dense-ready">-->
|
|
| 122 |
<!--<i class="material-icons">transform</i>-->
|
|
| 123 |
<!--</span>-->
|
|
| 124 |
<!--<span *ngIf="aggr.aggregationStage=='COLLECT'" class="md-user-image md-list-addon-avatar dense-image dense-ready">-->
|
|
| 125 |
<!--<i class="material-icons">collections</i>-->
|
|
| 126 |
<!--</span>-->
|
|
| 127 |
<!--</div>-->
|
|
| 128 |
<div class=""> |
|
| 129 | 129 |
<div class="md-list-heading">Aggregation stage</div> |
| 130 | 130 |
<div class="uk-text-small uk-text-muted">{{ aggr.aggregationStage }}</div>
|
| 131 | 131 |
</div> |
| 132 | 132 |
</div> |
| 133 | 133 |
|
| 134 | 134 |
<div *ngIf="aggr.collectionMode" class="uk-margin-small-bottom"> |
| 135 |
<div class="inline-block" style="vertical-align: top">
|
|
| 136 |
<span *ngIf="aggr.collectionMode=='REFRESH'" class="md-user-image md-list-addon-avatar dense-image dense-ready">
|
|
| 137 |
<i class="material-icons">refresh</i>
|
|
| 138 |
</span>
|
|
| 139 |
</div>
|
|
| 135 |
<!--<div class="inline-block" style="vertical-align: top">-->
|
|
| 136 |
<!--<span *ngIf="aggr.collectionMode=='REFRESH'" class="md-user-image md-list-addon-avatar dense-image dense-ready">-->
|
|
| 137 |
<!--<i class="material-icons">refresh</i>-->
|
|
| 138 |
<!--</span>-->
|
|
| 139 |
<!--</div>-->
|
|
| 140 | 140 |
|
| 141 |
<div class="inline-block uk-margin-left">
|
|
| 141 |
<div class=""> |
|
| 142 | 142 |
<div class="md-list-heading">Collection mode</div> |
| 143 | 143 |
<div class="uk-text-small uk-text-muted">{{ aggr.collectionMode }}</div>
|
| 144 | 144 |
</div> |
| 145 | 145 |
</div> |
| 146 | 146 |
|
| 147 | 147 |
<div *ngIf="aggr.numberOfRecords" class="uk-margin-small-bottom"> |
| 148 |
<div class="inline-block" style="vertical-align: top">
|
|
| 149 |
<span class="md-user-image md-list-addon-avatar dense-image dense-ready">
|
|
| 150 |
<i class="material-icons">list</i>
|
|
| 151 |
</span>
|
|
| 152 |
</div>
|
|
| 148 |
<!--<div class="inline-block" style="vertical-align: top">-->
|
|
| 149 |
<!--<span class="md-user-image md-list-addon-avatar dense-image dense-ready">-->
|
|
| 150 |
<!--<i class="material-icons">list</i>-->
|
|
| 151 |
<!--</span>-->
|
|
| 152 |
<!--</div>-->
|
|
| 153 | 153 |
|
| 154 |
<div class="inline-block uk-margin-left">
|
|
| 154 |
<div class=""> |
|
| 155 | 155 |
<div class="md-list-heading">Number of records</div> |
| 156 | 156 |
<div class="uk-text-small uk-text-muted">{{ aggr.numberOfRecords | number }}</div>
|
| 157 | 157 |
</div> |
| ... | ... | |
| 161 | 161 |
</div> |
| 162 | 162 |
</div> |
| 163 | 163 |
</div> |
| 164 |
<div class="uk-position-bottom-right" style="margin-bottom: 10px; margin-right: 10px"><a [routerLink]="['/compatibility/monitor/', repository.id]">view more..</a></div>
|
|
| 164 |
<div class="uk-position-bottom-right" style="margin-bottom: 10px; margin-right: 10px"><a [routerLink]="['/repository/' + repository.id + '/aggregationHistory']">view more..</a></div>
|
|
| 165 | 165 |
</div> |
| 166 | 166 |
</div> |
| 167 | 167 |
</div> |
| ... | ... | |
| 247 | 247 |
</h2> |
| 248 | 248 |
<div class="uk-margin-top"> |
| 249 | 249 |
<a class="md-btn md-btn-large md-btn-block md-btn-wave-light waves-effect waves-button waves-light" |
| 250 |
[routerLink]="['/getImpact/usagestats-report-results']" [queryParams]="{ report:'AR1', beginDate: currentDate, endDate: currentDate, repoId: shortRepositoryId, granularity:'Monthly'}">AR1</a>
|
|
| 250 |
[routerLink]="['/repository/' + repository.id + '/getImpact/usagestats-report-results']" [queryParams]="{ report:'AR1', beginDate: currentDate, endDate: currentDate, repoId: shortRepositoryId, granularity:'Monthly'}">AR1</a>
|
|
| 251 | 251 |
</div> |
| 252 | 252 |
<div class="uk-margin-top"> |
| 253 | 253 |
<a class="md-btn md-btn-large md-btn-block md-btn-wave-light waves-effect waves-button waves-light" |
| 254 |
[routerLink]="['/getImpact/usagestats-report-results']" [queryParams]="{ report:'IR1', beginDate: currentDate, endDate: currentDate, repoId: shortRepositoryId, granularity:'Monthly'}">IR1</a>
|
|
| 254 |
[routerLink]="['/repository/' + repository.id + '/getImpact/usagestats-report-results']" [queryParams]="{ report:'IR1', beginDate: currentDate, endDate: currentDate, repoId: shortRepositoryId, granularity:'Monthly'}">IR1</a>
|
|
| 255 | 255 |
</div> |
| 256 | 256 |
<div class="uk-margin-top"> |
| 257 | 257 |
<a class="md-btn md-btn-large md-btn-block md-btn-wave-light waves-effect waves-button waves-light" |
| 258 |
[routerLink]="['/getImpact/usagestats-report-results']" [queryParams]="{ report:'RR1', beginDate: currentDate, endDate: currentDate, repoId: shortRepositoryId, granularity:'Monthly'}">RR1</a>
|
|
| 258 |
[routerLink]="['/repository/' + repository.id + '/getImpact/usagestats-report-results']" [queryParams]="{ report:'RR1', beginDate: currentDate, endDate: currentDate, repoId: shortRepositoryId, granularity:'Monthly'}">RR1</a>
|
|
| 259 | 259 |
</div> |
| 260 | 260 |
<div class="uk-margin-top"> |
| 261 | 261 |
<a class="md-btn md-btn-large md-btn-block md-btn-wave-light waves-effect waves-button waves-light" |
| 262 |
[routerLink]="['/getImpact/usagestats-report-results']" [queryParams]="{ report:'BR1', beginDate: currentDate, endDate: currentDate, repoId: shortRepositoryId, granularity:'Monthly'}">BR1</a>
|
|
| 262 |
[routerLink]="['/repository/' + repository.id + '/getImpact/usagestats-report-results']" [queryParams]="{ report:'BR1', beginDate: currentDate, endDate: currentDate, repoId: shortRepositoryId, granularity:'Monthly'}">BR1</a>
|
|
| 263 | 263 |
</div> |
| 264 | 264 |
<div class="uk-margin-top"> |
| 265 | 265 |
<a class="md-btn md-btn-large md-btn-block md-btn-wave-light waves-effect waves-button waves-light" |
| 266 |
[routerLink]="['/getImpact/usagestats-report-results']" [queryParams]="{ report:'BR2', beginDate: currentDate, endDate: currentDate, repoId: shortRepositoryId, granularity:'Monthly'}">BR2</a>
|
|
| 266 |
[routerLink]="['/repository/' + repository.id + '/getImpact/usagestats-report-results']" [queryParams]="{ report:'BR2', beginDate: currentDate, endDate: currentDate, repoId: shortRepositoryId, granularity:'Monthly'}">BR2</a>
|
|
| 267 | 267 |
</div> |
| 268 | 268 |
<div *ngIf="repository && repository.typology.includes('journal')" class="uk-margin-top">
|
| 269 | 269 |
<a class="md-btn md-btn-large md-btn-block md-btn-wave-light waves-effect waves-button waves-light" |
| 270 |
[routerLink]="['/getImpact/usagestats-report-results']" [queryParams]="{ report:'RR1', beginDate: currentDate, endDate: currentDate, repoId: shortRepositoryId, granularity:'Monthly'}">RR1</a>
|
|
| 270 |
[routerLink]="['/repository/' + repository.id + '/getImpact/usagestats-report-results']" [queryParams]="{ report:'RR1', beginDate: currentDate, endDate: currentDate, repoId: shortRepositoryId, granularity:'Monthly'}">RR1</a>
|
|
| 271 | 271 |
</div> |
| 272 | 272 |
</div> |
| 273 | 273 |
|
| 274 | 274 |
</div> |
| 275 | 275 |
|
| 276 | 276 |
</div> |
| 277 |
<div class="uk-position-bottom-right" style="margin-bottom: 10px; margin-right: 10px"><a [routerLink]="['/getImpact/show_metrics/', repository.id]">view more..</a></div>
|
|
| 277 |
<div class="uk-position-bottom-right" style="margin-bottom: 10px; margin-right: 10px"><a [routerLink]="['/repository/' + repository.id + '/getImpact/show_metrics']">view more..</a></div>
|
|
| 278 | 278 |
</div> |
| 279 | 279 |
|
| 280 | 280 |
</div> |
| ... | ... | |
| 314 | 314 |
</ul> |
| 315 | 315 |
</div> |
| 316 | 316 |
</div> |
| 317 |
<div class="uk-position-bottom-right" style="margin-bottom: 10px; margin-right: 10px"><a [routerLink]="['/content/events/', repository.id]">view more..</a></div>
|
|
| 317 |
<div class="uk-position-bottom-right" style="margin-bottom: 10px; margin-right: 10px"><a [routerLink]="['/repository/' + repository.id + '/events']">view more..</a></div>
|
|
| 318 | 318 |
</div> |
| 319 | 319 |
</div> |
| 320 | 320 |
|
| ... | ... | |
| 350 | 350 |
</ul> |
| 351 | 351 |
</div> |
| 352 | 352 |
</div> |
| 353 |
<div class="uk-position-bottom-right" style="margin-bottom: 10px; margin-right: 10px"><a [routerLink]="['/content/events/', repository.id]">view more..</a></div>
|
|
| 353 |
<div class="uk-position-bottom-right" style="margin-bottom: 10px; margin-right: 10px"><a [routerLink]="['/repository/' + repository.id + '/events']">view more..</a></div>
|
|
| 354 | 354 |
</div> |
| 355 | 355 |
</div> |
| 356 | 356 |
|
Also available in: Unified diff
Almost final commit for the new UI