Revision 51514
Added by Myrto Koukouli about 6 years ago
| statistics.component.html | ||
|---|---|---|
| 3 | 3 |
<div class="uk-container uk-margin-bottom"> |
| 4 | 4 |
|
| 5 | 5 |
<article class="uk-article "> |
| 6 |
<div *ngIf="!statisticsSum || !statisticsSum.total_projects" class="uk-alert uk-alert-info" style="margin-top:40px; padding-left:40px;">
|
|
| 6 |
<div *ngIf="!statisticsSum || (statisticsSum.total_projects==0)" class="uk-alert uk-alert-info" style="margin-top:40px; padding-left:40px;">
|
|
| 7 | 7 |
No statistics are available for {{ communityId.toUpperCase() }}
|
| 8 | 8 |
</div> |
| 9 |
<div *ngIf="statisticsSum && statisticsSum.total_projects && statisticsDisplay && chartsUrlMap" class="uk-margin uk-margin-top">
|
|
| 9 |
<div *ngIf="statisticsSum && (statisticsSum.total_projects>0) && statisticsDisplay && chartsUrlMap" class="uk-margin uk-margin-top">
|
|
| 10 | 10 |
<div class="uk-grid"> |
| 11 | 11 |
<ul class="uk-tab uk-tab-left uk-width-1-6 uk-margin-top" data-uk-tab="{connect:'#tabs'}">
|
| 12 | 12 |
<li *ngFor="let entity of entitiesList" |
| ... | ... | |
| 18 | 18 |
|
| 19 | 19 |
<ul id="tabs" class="uk-switcher uk-margin uk-width-5-6" style="min-height:450px; padding-left:40px;"> |
| 20 | 20 |
<li *ngFor="let entity of entitiesList"> |
| 21 |
<div *ngIf="!statisticsSum[entity] || |
|
| 22 |
!statisticsDisplay.entities[entity]" |
|
| 23 |
class="uk-alert uk-alert-info"> |
|
| 21 | 24 |
|
| 22 |
<div *ngIf="displayedEntity == entity && statisticsDisplay.entities[entity] && statisticsSum[entity]"> |
|
| 25 |
No {{ entity }}{{ entity == 'software' ? '' : 's' }} statistics available
|
|
| 26 |
</div> |
|
| 27 |
|
|
| 28 |
<div *ngIf="(displayedEntity == entity) && statisticsSum[entity]"> |
|
| 23 | 29 |
<div class="uk-text-uppercase uk-text-bold uk-heading-divider"> |
| 24 | 30 |
<h2>{{ getCamelCaseString(entity) }}{{ entity == 'software' ? '' : 's' }} statistics</h2>
|
| 25 | 31 |
|
| 26 |
<div *ngIf="!statisticsSum[entity].total" |
|
| 27 |
class="uk-alert uk-alert-info"> |
|
| 28 | 32 |
|
| 29 |
No {{ entity }}{{ entity == 'software' ? '' : 's' }} available
|
|
| 30 |
</div> |
|
| 31 |
|
|
| 32 |
<div *ngIf="statisticsSum[entity].total" |
|
| 33 |
class="uk-text-small"> |
|
| 33 |
<div *ngIf="statisticsDisplay.entities[entity]"> |
|
| 34 | 34 |
<span *ngIf="statisticsDisplay.entities[entity].numbers.map['total'][currentMode]"> |
| 35 |
{{statisticsSum[entity].total}} {{ entity + (entity == 'software' ? '' : 's') }}
|
|
| 35 |
{{statisticsSum[entity].total}} {{ entity + ( (entity == 'software' || statisticsSum[entity].total == 1) ? '' : 's') }}
|
|
| 36 | 36 |
</span> |
| 37 |
<span *ngIf="statisticsDisplay.entities[entity].numbers.map['total'][currentMode] && |
|
| 38 |
statisticsDisplay.entities[entity].numbers.map['project'][currentMode]"> |
|
| 39 |
from |
|
| 40 |
</span> |
|
| 37 | 41 |
<span *ngIf="statisticsDisplay.entities[entity].numbers.map['project'][currentMode]"> |
| 38 |
from {{statisticsSum[entity].projects}} projects.
|
|
| 42 |
{{statisticsSum[entity].projects}} project{{ statisticsSum[entity].projects == 1 ? '' : 's' }}.
|
|
| 39 | 43 |
</span><br> |
| 40 |
<span *ngIf="statisticsSum[entity].open_access && |
|
| 41 |
statisticsDisplay.entities[entity].numbers.map['open'][currentMode]"> |
|
| 44 |
<span *ngIf="statisticsDisplay.entities[entity].numbers.map['open'][currentMode]"> |
|
| 42 | 45 |
{{statisticsSum[entity].open_access}}
|
| 43 |
{{statisticsSum[entity].open_access > 1 ? 'are' : 'is'}} OA
|
|
| 46 |
{{statisticsSum[entity].open_access == 1 ? 'is' : 'are'}} OA
|
|
| 44 | 47 |
</span> |
| 45 |
<span *ngIf="statisticsSum[entity].closed_access && |
|
| 46 |
statisticsDisplay.entities[entity].numbers.map['closed'][currentMode]">, |
|
| 48 |
<span *ngIf="statisticsDisplay.entities[entity].numbers.map['closed'][currentMode]"> |
|
| 49 |
|
|
| 50 |
<span *ngIf="statisticsDisplay.entities[entity].numbers.map['open'][currentMode]"> |
|
| 51 |
, |
|
| 52 |
</span> |
|
| 53 |
|
|
| 47 | 54 |
{{statisticsSum[entity].closed_access}}
|
| 48 |
{{statisticsSum[entity].closed_access > 1 ? 'are' : 'is'}} closed
|
|
| 55 |
{{statisticsSum[entity].closed_access == 1 ? 'is' : 'are'}} closed
|
|
| 49 | 56 |
</span> |
| 50 |
<span *ngIf="statisticsSum[entity].restricted && |
|
| 51 |
statisticsDisplay.entities[entity].numbers.map['restricted'][currentMode]">, |
|
| 57 |
<span *ngIf="statisticsDisplay.entities[entity].numbers.map['restricted'][currentMode]"> |
|
| 58 |
|
|
| 59 |
<span *ngIf="statisticsDisplay.entities[entity].numbers.map['open'][currentMode] || |
|
| 60 |
statisticsDisplay.entities[entity].numbers.map['closed'][currentMode]"> |
|
| 61 |
, |
|
| 62 |
</span> |
|
| 63 |
|
|
| 52 | 64 |
{{statisticsSum[entity].restricted}}
|
| 53 |
{{statisticsSum[entity].restricted > 1 ? 'are' : 'is'}} restricted
|
|
| 65 |
{{statisticsSum[entity].restricted == 1 ? 'is' : 'are'}} restricted
|
|
| 54 | 66 |
</span> |
| 55 |
<span *ngIf="statisticsSum[entity].embargo && |
|
| 56 |
statisticsDisplay.entities[entity].numbers.map['embargo'][currentMode]"> |
|
| 57 |
and {{statisticsSum[entity].embargo}}
|
|
| 58 |
{{statisticsSum[entity].embargo > 1 ? 'are' : 'is'}} still in embargo.
|
|
| 67 |
<span *ngIf="statisticsDisplay.entities[entity].numbers.map['embargo'][currentMode]"> |
|
| 68 |
|
|
| 69 |
<span *ngIf="statisticsDisplay.entities[entity].numbers.map['open'][currentMode] || |
|
| 70 |
statisticsDisplay.entities[entity].numbers.map['closed'][currentMode] || |
|
| 71 |
statisticsDisplay.entities[entity].numbers.map['restricted'][currentMode]"> |
|
| 72 |
and |
|
| 73 |
</span> |
|
| 74 |
{{statisticsSum[entity].embargo}}
|
|
| 75 |
{{statisticsSum[entity].embargo == 1 ? 'is' : 'are'}} still in embargo.
|
|
| 59 | 76 |
</span> |
| 60 | 77 |
</div> |
| 61 | 78 |
</div> |
| 62 |
<div *ngIf="statisticsSum[entity].total"> |
|
| 79 |
<div *ngIf="statisticsSum[entity].total>0 && !allowedCharts[entity]" |
|
| 80 |
class="uk-alert uk-alert-info"> |
|
| 81 |
No charts available |
|
| 82 |
</div> |
|
| 83 |
<div *ngIf="statisticsSum[entity].total>0 && allowedCharts[entity]"> |
|
| 63 | 84 |
<div class="uk-grid"> |
| 64 | 85 |
<div *ngIf="statisticsDisplay.entities[entity].charts.map['timeline'] && |
| 65 | 86 |
statisticsDisplay.entities[entity].charts.map['timeline'][currentMode] && |
| ... | ... | |
| 76 | 97 |
</div> |
| 77 | 98 |
<hr> |
| 78 | 99 |
<div> |
| 79 |
<h4 class="uk-text-uppercase uk-text-bold">{{ communityId }} {{ entity }}{{ entity == 'software' ? '' : 's' }} per project</h4>
|
|
| 100 |
<h4 class="uk-text-uppercase uk-text-bold">{{ getCamelCaseString(entity) }}{{ entity == 'software' ? '' : 's' }} per project</h4>
|
|
| 80 | 101 |
</div> |
| 81 | 102 |
<div> |
| 82 | 103 |
<ul class="uk-tab uk-margin-top" data-uk-tab="{connect: '#projectChartTabs'">
|
| ... | ... | |
| 103 | 124 |
</li> |
| 104 | 125 |
</ul> |
| 105 | 126 |
<ul id="projectChartTabs" class="uk-switcher uk-margin"> |
| 106 |
<li> |
|
| 127 |
<li *ngIf="statisticsDisplay.entities[entity].charts.map['projectColumn'][currentMode]">
|
|
| 107 | 128 |
<div *ngIf="displayedProjectChart == (entity + 'Projectcolumn')"> |
| 108 | 129 |
<iframe [src]=displayedProjectChartUrl width="1000" height="450"></iframe> |
| 109 | 130 |
</div> |
| 110 | 131 |
</li> |
| 111 |
<li> |
|
| 132 |
<li *ngIf="statisticsDisplay.entities[entity].charts.map['projectPie'][currentMode]">
|
|
| 112 | 133 |
<div *ngIf="displayedProjectChart == (entity + 'Projectpie')"> |
| 113 | 134 |
<iframe [src]=displayedProjectChartUrl width="1000" height="450"></iframe> |
| 114 | 135 |
</div> |
| 115 | 136 |
</li> |
| 116 |
<li> |
|
| 137 |
<li *ngIf="statisticsDisplay.entities[entity].charts.map['projectTable'][currentMode]">
|
|
| 117 | 138 |
<div *ngIf="displayedProjectChart == (entity + 'Projecttable')"> |
| 118 | 139 |
<iframe [src]=displayedProjectChartUrl width="1000" height="450"></iframe> |
| 119 | 140 |
</div> |
Also available in: Unified diff
finished statistics pages