Revision 60896
Added by Konstantinos Triantafyllou about 3 years ago
| home.component.html | ||
|---|---|---|
| 86 | 86 |
<li *ngFor="let range of createRange(logos[type].length) let j=index" |
| 87 | 87 |
class="uk-width-1-1 home-logo"> |
| 88 | 88 |
<h1 class="uk-text-center uk-margin-bottom portal-color uk-h3"> |
| 89 |
<span *ngIf="type=='publication' && showPublications && publicationsSize"> |
|
| 90 |
<span class="uk-text-bold">{{publicationsSize.number|number}}{{publicationsSize.size}}
|
|
| 89 |
<span *ngIf="type=='publication' && showPublications && numbers?.publicationsSize"> |
|
| 90 |
<span |
|
| 91 |
class="uk-text-bold">{{numbers.publicationsSize.number|number}}{{numbers.publicationsSize.size}}
|
|
| 91 | 92 |
publications</span><span> deduplicated</span> |
| 92 | 93 |
</span> |
| 93 |
<span *ngIf="type=='dataset' && showDatasets && (datasetsLinkedSize ||datasetsSize)"> |
|
| 94 |
<span *ngIf="datasetsLinkedSize"> |
|
| 94 |
<span |
|
| 95 |
*ngIf="type=='dataset' && showDatasets && (numbers?.datasetsLinkedSize || numbers?.datasetsSize)"> |
|
| 96 |
<span *ngIf="numbers?.datasetsLinkedSize"> |
|
| 95 | 97 |
<span |
| 96 |
class="uk-text-bold">{{datasetsLinkedSize.number|number}}{{datasetsLinkedSize.size}}
|
|
| 98 |
class="uk-text-bold">{{numbers.datasetsLinkedSize.number|number}}{{numbers.datasetsLinkedSize.size}}
|
|
| 97 | 99 |
datasets</span> interlinked with publications</span> |
| 98 |
<span *ngIf="datasetsSize && !datasetsLinkedSize"
|
|
| 99 |
class="uk-text-bold">{{datasetsSize.number|number}}{{datasetsSize.size}}
|
|
| 100 |
<span *ngIf="numbers?.datasetsSize && !numbers?.datasetsLinkedSize"
|
|
| 101 |
class="uk-text-bold">{{numbers.datasetsSize.number|number}}{{numbers.datasetsSize.size}}
|
|
| 100 | 102 |
research data</span> |
| 101 | 103 |
</span> |
| 102 |
<span *ngIf="type=='software' && showSoftware && (softwareSize ||softwareLinkedSize)"> |
|
| 103 |
<span *ngIf="softwareLinkedSize"> |
|
| 104 |
<span class="uk-text-bold |
|
| 105 |
">{{softwareLinkedSize.number|number}}{{softwareLinkedSize.size}} research
|
|
| 106 |
software</span> interlinked with publications</span> |
|
| 107 |
<span *ngIf="softwareSize && !softwareLinkedSize" |
|
| 108 |
class="uk-text-bold">{{softwareSize.number|number}}{{softwareSize.size}}
|
|
| 104 |
<span |
|
| 105 |
*ngIf="type=='software' && showSoftware && (numbers?.softwareSize || numbers?.softwareLinkedSize)"> |
|
| 106 |
<span *ngIf="numbers?.softwareLinkedSize"> |
|
| 107 |
<span |
|
| 108 |
class="uk-text-bol ">{{numbers.softwareLinkedSize.number|number}}{{numbers.softwareLinkedSize.size}}
|
|
| 109 |
research |
|
| 110 |
software</span> interlinked with publications</span> |
|
| 111 |
<span *ngIf="numbers?.softwareSize && !numbers?.softwareLinkedSize" |
|
| 112 |
class="uk-text-bold">{{numbers.softwareSize.number|number}}{{numbers.softwareSize.size}}
|
|
| 109 | 113 |
research software</span> |
| 110 | 114 |
</span> |
| 111 | 115 |
<span *ngIf="type=='persistent'"> |
| 112 | 116 |
<span>Persistent identifiers and registries</span> |
| 113 | 117 |
</span> |
| 114 |
<span *ngIf="type=='funder' && showProjects && fundersSize"> |
|
| 115 |
<span class="uk-text-bold">{{fundersSize.number|number}}{{fundersSize.size}}
|
|
| 118 |
<span *ngIf="type=='funder' && showProjects && numbers?.fundersSize"> |
|
| 119 |
<span |
|
| 120 |
class="uk-text-bold">{{numbers.fundersSize.number|number}}{{numbers.fundersSize.size}}
|
|
| 116 | 121 |
funders</span><span> and</span> |
| 117 |
<span class="uk-text-bold"> {{projectsSize.number|number}}{{projectsSize.size}} funded grants</span>
|
|
| 122 |
<span |
|
| 123 |
class="uk-text-bold"> {{numbers.projectsSize.number|number}}{{numbers.projectsSize.size}}
|
|
| 124 |
funded grants</span> |
|
| 118 | 125 |
</span> |
| 119 | 126 |
|
| 120 | 127 |
</h1> |
| ... | ... | |
| 168 | 175 |
class="uk-section graph-background"> |
| 169 | 176 |
<div class="uk-container"> |
| 170 | 177 |
<div class="uk-flex uk-flex-top uk-child-width-1-1 uk-child-width-1-2@m" uk-grid> |
| 171 |
<div class="uk-flex-last@m"> |
|
| 172 |
<div [class.lines-10]="!readMore" class="uk-margin-bottom multi-line-ellipsis"> |
|
| 173 |
<helper [texts]="pageContents['right']"></helper> |
|
| 174 |
</div> |
|
| 175 |
<div *ngIf="!readMore" class="uk-text-center clickable" (click)="readMore = true"> |
|
| 176 |
<span>Read more<span class="space" uk-icon="chevron-down"></span></span> |
|
| 177 |
</div> |
|
| 178 |
<div *ngIf="readMore" class="uk-text-center clickable" (click)="readMore = false"> |
|
| 179 |
<span>Read less<span class="space" uk-icon="chevron-up"></span></span> |
|
| 180 |
</div> |
|
| 178 |
<div class="uk-flex-last@m"> |
|
| 179 |
<div [class.lines-10]="!readMore" class="uk-margin-bottom multi-line-ellipsis"> |
|
| 180 |
<helper [texts]="pageContents['right']"></helper> |
|
| 181 | 181 |
</div> |
| 182 |
<div class="uk-flex uk-flex-bottom"> |
|
| 183 |
<div class="uk-width-1-3 uk-width-1-2@m"> |
|
| 184 |
<img src="assets/explore-assets/graph.svg"> |
|
| 185 |
</div> |
|
| 186 |
<div class="uk-padding uk-width-1-2"> |
|
| 187 |
<img src="assets/common-assets/logo-large-graph.png"> |
|
| 188 |
</div> |
|
| 182 |
<div *ngIf="!readMore" class="uk-text-center clickable" (click)="readMore = true"> |
|
| 183 |
<span>Read more<span class="space" uk-icon="chevron-down"></span></span> |
|
| 189 | 184 |
</div> |
| 185 |
<div *ngIf="readMore" class="uk-text-center clickable" (click)="readMore = false"> |
|
| 186 |
<span>Read less<span class="space" uk-icon="chevron-up"></span></span> |
|
| 187 |
</div> |
|
| 190 | 188 |
</div> |
| 189 |
<div class="uk-flex uk-flex-bottom"> |
|
| 190 |
<div class="uk-width-1-3 uk-width-1-2@m"> |
|
| 191 |
<img src="assets/explore-assets/graph.svg"> |
|
| 192 |
</div> |
|
| 193 |
<div class="uk-padding uk-width-1-2"> |
|
| 194 |
<img src="assets/common-assets/logo-large-graph.png"> |
|
| 195 |
</div> |
|
| 196 |
</div> |
|
| 197 |
</div> |
|
| 191 | 198 |
</div> |
| 192 | 199 |
</div> |
| 193 | 200 |
<div *ngIf="pageContents && pageContents['right'] && pageContents['right'].length > 0" |
| ... | ... | |
| 195 | 202 |
<helper *ngIf="pageContents && pageContents['bottom'] && pageContents['bottom'].length > 0" |
| 196 | 203 |
[texts]="pageContents['bottom']"></helper> |
| 197 | 204 |
<div class="uk-section uk-padding-remove-bottom"> |
| 205 |
<h3 class="uk-text-center uk-margin-medium-bottom">Our growing <span class="uk-text-bold">Community</span></h3> |
|
| 206 |
<numbers #numbersComponent [defaultInit]="false" backgroundClass="numbers-background" |
|
| 207 |
(results)="numbers = $event"></numbers> |
|
| 208 |
</div> |
|
| 209 |
<!--<div class="uk-section uk-padding-remove-bottom"> |
|
| 198 | 210 |
<div class="uk-container uk-text-center uk-margin-medium-bottom"> |
| 199 | 211 |
<div class="uk-margin-medium uk-flex-center"> |
| 200 | 212 |
<div class="uk-first-column"> |
| ... | ... | |
| 285 | 297 |
</div> |
| 286 | 298 |
</div> |
| 287 | 299 |
</div> |
| 288 |
</div> |
|
| 300 |
</div>-->
|
|
| 289 | 301 |
<helper *ngIf="pageContents && pageContents['left'] && pageContents['left'].length > 0" |
| 290 | 302 |
[texts]="pageContents['left']"></helper> |
| 291 | 303 |
<div class="uk-section-muted" |
Also available in: Unified diff
[Explore | Trunk]: Add numbers component to home page