Revision 58317
Added by Stefania Martziou about 4 years ago
| modules/uoa-repository-dashboard-gui/branches/new-ui/src/app/pages/join/join.component.html | ||
|---|---|---|
| 57 | 57 |
<li class="ng-star-inserted uk-active" tabindex="-1" style="order: 1;"> |
| 58 | 58 |
<div class="uk-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid=""> |
| 59 | 59 |
<div class="uk-first-column"> |
| 60 |
<img class="uk-box-shadow-large uk-border-rounded" src="../../../../assets/gifs/validate.gif"> |
|
| 60 |
<video class="uk-box-shadow-large uk-border-rounded" autoplay loop> |
|
| 61 |
<source src="../../../../assets/mp4/validate.mp4" type="video/mp4"> |
|
| 62 |
</video> |
|
| 63 |
<!--<img class="uk-box-shadow-large uk-border-rounded" src="../../../../assets/gifs/validate.gif">--> |
|
| 61 | 64 |
</div> |
| 62 | 65 |
<div class="uk-margin-top"> |
| 63 | 66 |
<div> |
| ... | ... | |
| 78 | 81 |
<li tabindex="-1" style="order: 1;"> |
| 79 | 82 |
<div class="uk-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid=""> |
| 80 | 83 |
<div class="uk-first-column"> |
| 81 |
<img class="uk-box-shadow-large uk-border-rounded" src="../../../../assets/gifs/register.gif"> |
|
| 84 |
<video class="uk-box-shadow-large uk-border-rounded" autoplay loop> |
|
| 85 |
<source src="../../../../assets/mp4/register.mp4" type="video/mp4"> |
|
| 86 |
</video> |
|
| 87 |
<!--<img class="uk-box-shadow-large uk-border-rounded" src="../../../../assets/gifs/register.gif">--> |
|
| 82 | 88 |
</div> |
| 83 | 89 |
<div class="uk-margin-top"> |
| 84 | 90 |
<div> |
| ... | ... | |
| 99 | 105 |
<li tabindex="-1" style="order: 1;"> |
| 100 | 106 |
<div class="uk-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid=""> |
| 101 | 107 |
<div class="uk-first-column"> |
| 102 |
<img class="uk-box-shadow-large uk-border-rounded" src="../../../../assets/gifs/enrichments.gif"> |
|
| 108 |
<video class="uk-box-shadow-large uk-border-rounded" autoplay loop> |
|
| 109 |
<source src="../../../../assets/mp4/enrich.mp4" type="video/mp4"> |
|
| 110 |
</video> |
|
| 111 |
<!--<img class="uk-box-shadow-large uk-border-rounded" src="../../../../assets/gifs/enrichments.gif">--> |
|
| 103 | 112 |
</div> |
| 104 | 113 |
<div class="uk-margin-top"> |
| 105 | 114 |
<div> |
| ... | ... | |
| 120 | 129 |
<li tabindex="-1" style="order: 1;"> |
| 121 | 130 |
<div class="uk-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid=""> |
| 122 | 131 |
<div class="uk-first-column"> |
| 123 |
<img class="uk-box-shadow-large uk-border-rounded" src="../../../../assets/gifs/usageStats.gif"> |
|
| 132 |
<video class="uk-box-shadow-large uk-border-rounded" autoplay loop> |
|
| 133 |
<source src="../../../../assets/mp4/usage-stat.mp4" type="video/mp4"> |
|
| 134 |
</video> |
|
| 135 |
<!--<img class="uk-box-shadow-large uk-border-rounded" src="../../../../assets/gifs/usageStats.gif">--> |
|
| 124 | 136 |
</div> |
| 125 | 137 |
<div class="uk-margin-top"> |
| 126 | 138 |
<div> |
| modules/uoa-repository-dashboard-gui/branches/new-ui/src/app/pages/repository/events/content-events-of-repository.component.html | ||
|---|---|---|
| 40 | 40 |
<table class="uk-table uk-table-striped uk-table-middle"> |
| 41 | 41 |
<thead> |
| 42 | 42 |
<tr> |
| 43 |
<th>Events that may enrich {{ repoName }} content</th>
|
|
| 43 |
<th>Additional metadata information that may enrich or supplement {{ repoName }} content</th>
|
|
| 44 | 44 |
<th class="uk-text-nowrap uk-text-right"># of events</th> |
| 45 | 45 |
</tr> |
| 46 | 46 |
</thead> |
| ... | ... | |
| 83 | 83 |
<table class="uk-table uk-table-striped uk-table-middle"> |
| 84 | 84 |
<thead> |
| 85 | 85 |
<tr> |
| 86 |
<th>Events that may enrich {{ repoName }} content</th>
|
|
| 86 |
<th>Missing metadata information that may enrich or complete {{ repoName }} content</th>
|
|
| 87 | 87 |
<th class="uk-text-nowrap uk-text-right"># of events</th> |
| 88 | 88 |
</tr> |
| 89 | 89 |
</thead> |
| modules/uoa-repository-dashboard-gui/branches/new-ui/src/app/pages/repository/events/content-events-of-repo-eventslist.component.html | ||
|---|---|---|
| 260 | 260 |
<ng-container *ngIf="event.highlight.instances && event.highlight.instances.length>0"> |
| 261 | 261 |
|
| 262 | 262 |
<div class="small-content"> |
| 263 |
<span class="uk-badge uk-badge-success uk-margin-small-right">{{event.highlight.instances.length}} Right(s) added</span>
|
|
| 263 |
<span class="uk-badge uk-badge-success uk-margin-small-right">{{event.highlight.instances.length}} OA version(s) added</span>
|
|
| 264 | 264 |
<span class="mute-title">FROM: </span> |
| 265 | 265 |
<ng-container *ngIf="event.provenance.url"> |
| 266 | 266 |
<a href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a>
|
| modules/uoa-repository-dashboard-gui/branches/new-ui/src/app/pages/repository/dashboard/dashboard.component.html | ||
|---|---|---|
| 44 | 44 |
</div> |
| 45 | 45 |
<div style=""> |
| 46 | 46 |
<div class="md-card"> |
| 47 |
<a [routerLink]="['/repository/' + repository.id + '/getImpact/show_metrics']">
|
|
| 47 |
<a [routerLink]="['/repository/' + repository.id + '/events']">
|
|
| 48 | 48 |
<div class="md-card-content"> |
| 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 |
<span class="uk-text-muted uk-text-small">Downloads</span>
|
|
| 49 |
<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>
|
|
| 50 |
<span class="uk-text-muted uk-text-small">Enrichments</span>
|
|
| 51 | 51 |
<h2 class="uk-margin-remove"> |
| 52 |
<span *ngIf="totalDownloads == '--'">{{ totalDownloads }}</span>
|
|
| 53 |
<span *ngIf="totalDownloads != '--'">{{ totalDownloads | number }}</span>
|
|
| 52 |
<span class="countUpMe">{{ totalNumberOfEvents | number }}</span>
|
|
| 54 | 53 |
</h2> |
| 55 | 54 |
</div> |
| 56 | 55 |
</a> |
| ... | ... | |
| 58 | 57 |
</div> |
| 59 | 58 |
<div style=""> |
| 60 | 59 |
<div class="md-card"> |
| 61 |
<a [routerLink]="['/repository/' + repository.id + '/events']">
|
|
| 60 |
<a [routerLink]="['/repository/' + repository.id + '/getImpact/show_metrics']">
|
|
| 62 | 61 |
<div class="md-card-content"> |
| 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">Enrichments</span>
|
|
| 62 |
<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>
|
|
| 63 |
<span class="uk-text-muted uk-text-small">Downloads</span>
|
|
| 65 | 64 |
<h2 class="uk-margin-remove"> |
| 66 |
<span class="countUpMe">{{ totalNumberOfEvents | number }}</span>
|
|
| 65 |
<span *ngIf="totalDownloads == '--'">{{ totalDownloads }}</span>
|
|
| 66 |
<span *ngIf="totalDownloads != '--'">{{ totalDownloads | number }}</span>
|
|
| 67 | 67 |
</h2> |
| 68 | 68 |
</div> |
| 69 | 69 |
</a> |
| ... | ... | |
| 88 | 88 |
<div class="uk-grid uk-grid-medium uk-grid-match" data-uk-grid-margin="" data-uk-grid-match="{target:'.md-card-content'}">
|
| 89 | 89 |
|
| 90 | 90 |
<!--COLLECTION MONITOR--> |
| 91 |
<div class="uk-width-1-5@m uk-row-first">
|
|
| 91 |
<div class="uk-width-1-4@m uk-row-first">
|
|
| 92 | 92 |
<div class="md-card" style="min-height: 600px"> |
| 93 | 93 |
<div class="md-card-content"> |
| 94 | 94 |
<h3 class="heading_a uk-margin-bottom">Aggregation History</h3> |
| ... | ... | |
| 168 | 168 |
|
| 169 | 169 |
<div class="uk-width-expand@m"> |
| 170 | 170 |
|
| 171 |
<!--VALIDATIONS-->
|
|
| 172 |
<div class="md-card" style="min-height: 300px">
|
|
| 173 |
<div class="md-card-content">
|
|
| 174 |
<h3 class="heading_a uk-margin-bottom">Validation History</h3>
|
|
| 175 |
<div class="uk-overflow-container">
|
|
| 176 |
<div *ngIf="noValidationsMessage">{{ noValidationsMessage }}</div>
|
|
| 177 |
<div *ngIf="errorValidationsMessage" class="uk-alert uk-alert-danger">{{ errorValidationsMessage }}</div>
|
|
| 178 |
<div *ngIf="loadingJobSummaryMessage" class="loading-big">
|
|
| 179 |
<div class="loader-big" style="text-align: center; padding-top: 170px; color: rgb(47, 64, 80); font-weight: bold;">
|
|
| 180 |
{{ loadingJobSummaryMessage }}
|
|
| 181 |
</div>
|
|
| 182 |
<div class="whiteFilm"></div>
|
|
| 183 |
</div>
|
|
| 171 |
<!--<!–VALIDATIONS–>-->
|
|
| 172 |
<!--<div class="md-card" style="min-height: 300px">-->
|
|
| 173 |
<!--<div class="md-card-content">-->
|
|
| 174 |
<!--<h3 class="heading_a uk-margin-bottom">Validation History</h3>-->
|
|
| 175 |
<!--<div class="uk-overflow-container">-->
|
|
| 176 |
<!--<div *ngIf="noValidationsMessage">{{ noValidationsMessage }}</div>-->
|
|
| 177 |
<!--<div *ngIf="errorValidationsMessage" class="uk-alert uk-alert-danger">{{ errorValidationsMessage }}</div>-->
|
|
| 178 |
<!--<div *ngIf="loadingJobSummaryMessage" class="loading-big">-->
|
|
| 179 |
<!--<div class="loader-big" style="text-align: center; padding-top: 170px; color: rgb(47, 64, 80); font-weight: bold;">-->
|
|
| 180 |
<!--{{ loadingJobSummaryMessage }}-->
|
|
| 181 |
<!--</div>-->
|
|
| 182 |
<!--<div class="whiteFilm"></div>-->
|
|
| 183 |
<!--</div>-->
|
|
| 184 | 184 |
|
| 185 |
<table *ngIf="storedJob && (storedJob.length > 0) && !noValidationsMessage" class="uk-table">
|
|
| 186 |
<thead>
|
|
| 187 |
<tr>
|
|
| 188 |
<th class="uk-text-nowrap">Base URL</th>
|
|
| 189 |
<th class="uk-text-nowrap">Validation Type</th>
|
|
| 190 |
<th class="uk-text-nowrap">Status</th>
|
|
| 191 |
<th class="uk-text-nowrap">Score</th>
|
|
| 192 |
<th class="uk-text-nowrap uk-text-right">Guidelines</th>
|
|
| 193 |
</tr>
|
|
| 194 |
</thead>
|
|
| 195 |
<tbody>
|
|
| 196 |
<tr *ngFor="let job of storedJob" class="uk-table-middle uk-text-muted">
|
|
| 197 |
<td class="uk-width-3-10 uk-text-nowrap"><div>{{ job.baseUrl }}</div></td>
|
|
| 198 |
<td>
|
|
| 199 |
<div *ngIf="job.validationType.includes('C')" class="">OAI Content</div>
|
|
| 200 |
<div *ngIf="job.validationType.includes('U')" class="">OAI Usage</div>
|
|
| 201 |
</td>
|
|
| 202 |
<td class="uk-text-nowrap">
|
|
| 203 |
<div [ngClass]="job.contentJobStatus == 'finished' ? 'uk-badge uk-badge-success':
|
|
| 204 |
( job.contentJobStatus == 'ongoing' ) ? 'uk-badge' :
|
|
| 205 |
( job.contentJobStatus == 'none' ) ? 'uk-badge uk-badge-warning' : 'clear-style' ">{{ job.contentJobStatus }}</div>
|
|
| 206 |
<br *ngIf="job.contentJobStatus == 'finished' || 'ongoing' || 'none' ">
|
|
| 207 |
<div [ngClass]="job.usageJobStatus == 'finished' ? 'uk-badge uk-badge-success':
|
|
| 208 |
( job.usageJobStatus == 'ongoing' ) ? 'uk-badge' :
|
|
| 209 |
( job.usageJobStatus == 'none' ) ? 'uk-badge uk-badge-warning' : 'clear-style' ">{{ job.usageJobStatus }}</div>
|
|
| 210 |
</td>
|
|
| 211 |
<td>
|
|
| 212 |
<div>{{ job.contentJobScore }}</div>
|
|
| 213 |
<div>{{ job.usageJobScore }}</div>
|
|
| 214 |
</td>
|
|
| 215 |
<td class="uk-width-3-10 uk-text-right"><div>{{ job.guidelinesShortName }}</div></td>
|
|
| 216 |
</tr>
|
|
| 217 |
</tbody>
|
|
| 218 |
</table>
|
|
| 219 |
<div class="uk-position-bottom-right" style="margin-bottom: 10px; margin-right: 10px"><a [routerLink]="['/compatibility/browseHistory/']">view more..</a></div>
|
|
| 220 |
</div>
|
|
| 221 |
</div>
|
|
| 222 |
</div>
|
|
| 185 |
<!--<table *ngIf="storedJob && (storedJob.length > 0) && !noValidationsMessage" class="uk-table">-->
|
|
| 186 |
<!--<thead>-->
|
|
| 187 |
<!--<tr>-->
|
|
| 188 |
<!--<th class="uk-text-nowrap">Base URL</th>-->
|
|
| 189 |
<!--<th class="uk-text-nowrap">Validation Type</th>-->
|
|
| 190 |
<!--<th class="uk-text-nowrap">Status</th>-->
|
|
| 191 |
<!--<th class="uk-text-nowrap">Score</th>-->
|
|
| 192 |
<!--<th class="uk-text-nowrap uk-text-right">Guidelines</th>-->
|
|
| 193 |
<!--</tr>-->
|
|
| 194 |
<!--</thead>-->
|
|
| 195 |
<!--<tbody>-->
|
|
| 196 |
<!--<tr *ngFor="let job of storedJob" class="uk-table-middle uk-text-muted">-->
|
|
| 197 |
<!--<td class="uk-width-3-10 uk-text-nowrap"><div>{{ job.baseUrl }}</div></td>-->
|
|
| 198 |
<!--<td>-->
|
|
| 199 |
<!--<div *ngIf="job.validationType.includes('C')" class="">OAI Content</div>-->
|
|
| 200 |
<!--<div *ngIf="job.validationType.includes('U')" class="">OAI Usage</div>-->
|
|
| 201 |
<!--</td>-->
|
|
| 202 |
<!--<td class="uk-text-nowrap">-->
|
|
| 203 |
<!--<div [ngClass]="job.contentJobStatus == 'finished' ? 'uk-badge uk-badge-success':-->
|
|
| 204 |
<!--( job.contentJobStatus == 'ongoing' ) ? 'uk-badge' :-->
|
|
| 205 |
<!--( job.contentJobStatus == 'none' ) ? 'uk-badge uk-badge-warning' : 'clear-style' ">{{ job.contentJobStatus }}</div>-->
|
|
| 206 |
<!--<br *ngIf="job.contentJobStatus == 'finished' || 'ongoing' || 'none' ">-->
|
|
| 207 |
<!--<div [ngClass]="job.usageJobStatus == 'finished' ? 'uk-badge uk-badge-success':-->
|
|
| 208 |
<!--( job.usageJobStatus == 'ongoing' ) ? 'uk-badge' :-->
|
|
| 209 |
<!--( job.usageJobStatus == 'none' ) ? 'uk-badge uk-badge-warning' : 'clear-style' ">{{ job.usageJobStatus }}</div>-->
|
|
| 210 |
<!--</td>-->
|
|
| 211 |
<!--<td>-->
|
|
| 212 |
<!--<div>{{ job.contentJobScore }}</div>-->
|
|
| 213 |
<!--<div>{{ job.usageJobScore }}</div>-->
|
|
| 214 |
<!--</td>-->
|
|
| 215 |
<!--<td class="uk-width-3-10 uk-text-right"><div>{{ job.guidelinesShortName }}</div></td>-->
|
|
| 216 |
<!--</tr>-->
|
|
| 217 |
<!--</tbody>-->
|
|
| 218 |
<!--</table>-->
|
|
| 219 |
<!--<div class="uk-position-bottom-right" style="margin-bottom: 10px; margin-right: 10px"><a [routerLink]="['/compatibility/browseHistory/']">view more..</a></div>-->
|
|
| 220 |
<!--</div>-->
|
|
| 221 |
<!--</div>-->
|
|
| 222 |
<!--</div>-->
|
|
| 223 | 223 |
|
| 224 | 224 |
<!--USAGE STATISTICS--> |
| 225 | 225 |
<div class="md-card" style="min-height: 300px"> |
| modules/uoa-repository-dashboard-gui/branches/new-ui/src/app/pages/content/content-notifications-of-subscription.component.html | ||
|---|---|---|
| 235 | 235 |
<ng-container *ngIf="event.highlight.instances && event.highlight.instances.length>0"> |
| 236 | 236 |
|
| 237 | 237 |
<div class="small-content"> |
| 238 |
<span class="uk-badge uk-badge-success uk-margin-small-right">{{event.highlight.instances.length}} Right(s) added</span>
|
|
| 238 |
<span class="uk-badge uk-badge-success uk-margin-small-right">{{event.highlight.instances.length}} OA version(s) added</span>
|
|
| 239 | 239 |
<span class="mute-title">FROM: </span> |
| 240 | 240 |
<ng-container *ngIf="event.provenance.url"> |
| 241 | 241 |
<a href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a>
|
| modules/uoa-repository-dashboard-gui/branches/new-ui/src/app/pages/landing/home/home.component.html | ||
|---|---|---|
| 63 | 63 |
<li class="ng-star-inserted uk-active" tabindex="-1" style="order: 1;"> |
| 64 | 64 |
<div class="uk-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid=""> |
| 65 | 65 |
<div class="uk-first-column"> |
| 66 |
<img class="uk-box-shadow-large uk-border-rounded" src="../../../../assets/gifs/validate.gif"> |
|
| 66 |
<video class="uk-box-shadow-large uk-border-rounded" autoplay loop> |
|
| 67 |
<source src="../../../../assets/mp4/validate.mp4" type="video/mp4"> |
|
| 68 |
</video> |
|
| 69 |
<!--<img class="uk-box-shadow-large uk-border-rounded" src="../../../../assets/gifs/validate.gif">--> |
|
| 67 | 70 |
</div> |
| 68 | 71 |
<div class="uk-margin-top"> |
| 69 | 72 |
<div> |
| ... | ... | |
| 84 | 87 |
<li tabindex="-1" style="order: 1;"> |
| 85 | 88 |
<div class="uk-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid=""> |
| 86 | 89 |
<div class="uk-first-column"> |
| 87 |
<img class="uk-box-shadow-large uk-border-rounded" src="../../../../assets/gifs/register.gif"> |
|
| 90 |
<video class="uk-box-shadow-large uk-border-rounded" autoplay loop> |
|
| 91 |
<source src="../../../../assets/mp4/register.mp4" type="video/mp4"> |
|
| 92 |
</video> |
|
| 93 |
<!--<img class="uk-box-shadow-large uk-border-rounded" src="../../../../assets/gifs/register.gif">--> |
|
| 88 | 94 |
</div> |
| 89 | 95 |
<div class="uk-margin-top"> |
| 90 | 96 |
<div> |
| ... | ... | |
| 105 | 111 |
<li tabindex="-1" style="order: 1;"> |
| 106 | 112 |
<div class="uk-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid=""> |
| 107 | 113 |
<div class="uk-first-column"> |
| 108 |
<img class="uk-box-shadow-large uk-border-rounded" src="../../../../assets/gifs/enrichments.gif"> |
|
| 114 |
<video class="uk-box-shadow-large uk-border-rounded" autoplay loop> |
|
| 115 |
<source src="../../../../assets/mp4/enrich.mp4" type="video/mp4"> |
|
| 116 |
</video> |
|
| 117 |
<!--<img class="uk-box-shadow-large uk-border-rounded" src="../../../../assets/gifs/enrichments.gif">--> |
|
| 109 | 118 |
</div> |
| 110 | 119 |
<div class="uk-margin-top"> |
| 111 | 120 |
<div> |
| ... | ... | |
| 126 | 135 |
<li tabindex="-1" style="order: 1;"> |
| 127 | 136 |
<div class="uk-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid=""> |
| 128 | 137 |
<div class="uk-first-column"> |
| 129 |
<img class="uk-box-shadow-large uk-border-rounded" src="../../../../assets/gifs/usageStats.gif"> |
|
| 138 |
<video class="uk-box-shadow-large uk-border-rounded" autoplay loop> |
|
| 139 |
<source src="../../../../assets/mp4/usage-stat.mp4" type="video/mp4"> |
|
| 140 |
</video> |
|
| 141 |
<!--<img class="uk-box-shadow-large uk-border-rounded" src="../../../../assets/gifs/usageStats.gif">--> |
|
| 130 | 142 |
</div> |
| 131 | 143 |
<div class="uk-margin-top"> |
| 132 | 144 |
<div> |
| ... | ... | |
| 170 | 182 |
<div class="uk-width-expand"> |
| 171 | 183 |
<h1 class="uk-text-center">Do numbers make you happy?</h1> |
| 172 | 184 |
|
| 173 |
<div class="uk-grid uk-child-width-1-4@l uk-margin-medium-left uk-margin-medium-right uk-text-center" style="display: flex;align-items: center;height: 70%;"> |
|
| 185 |
<div class="uk-grid uk-child-width-1-4@l uk-child-width-1-1@s uk-margin-medium-left uk-margin-medium-right uk-text-center" style="display: flex;align-items: center;height: 70%;">
|
|
| 174 | 186 |
|
| 175 |
<div> |
|
| 187 |
<div class="uk-margin-top">
|
|
| 176 | 188 |
<div class="bigNumber">{{ (statisticsNumbers && statisticsNumbers.literature) ? (statisticsNumbers.literature | number) : 'N/A' }}</div>
|
| 177 | 189 |
<div class="uk-text-uppercase">Literature repositories</div> |
| 178 | 190 |
</div> |
| 179 | 191 |
|
| 180 |
<div> |
|
| 192 |
<div class="uk-margin-top">
|
|
| 181 | 193 |
<div class="bigNumber">{{ (statisticsNumbers && statisticsNumbers.journal) ? (statisticsNumbers.journal | number) : 'N/A' }}</div>
|
| 182 | 194 |
<div class="uk-text-uppercase">Data repositories</div> |
| 183 | 195 |
</div> |
| 184 | 196 |
|
| 185 |
<div> |
|
| 197 |
<div class="uk-margin-top">
|
|
| 186 | 198 |
<div class="bigNumber">{{ (statisticsNumbers && statisticsNumbers.dataRepositories) ? (statisticsNumbers.dataRepositories | number) : 'N/A' }}</div>
|
| 187 | 199 |
<div class="uk-text-uppercase">OA journals</div> |
| 188 | 200 |
</div> |
| 189 | 201 |
|
| 190 |
<div> |
|
| 202 |
<div class="uk-margin-top">
|
|
| 191 | 203 |
<div class="bigNumber">{{ (statisticsNumbers && statisticsNumbers.aggregators) ? (statisticsNumbers.aggregators | number) : 'N/A' }}</div>
|
| 192 | 204 |
<div class="uk-text-uppercase">Aggregators</div> |
| 193 | 205 |
</div> |
| ... | ... | |
| 198 | 210 |
|
| 199 | 211 |
</div> |
| 200 | 212 |
|
| 201 |
<div class="uk-container uk-container-large"> |
|
| 202 |
<div class="uk-grid uk-child-width-1-5@l uk-margin-medium-left"> |
|
| 213 |
<div class="uk-container uk-container-large uk-margin-top">
|
|
| 214 |
<div class="uk-grid uk-child-width-1-5@l uk-child-width-1-1@s uk-margin-medium-left">
|
|
| 203 | 215 |
|
| 204 |
<div> |
|
| 216 |
<div class="uk-margin-top">
|
|
| 205 | 217 |
<h3>{{ (statisticsNumbers && statisticsNumbers.publications) ? (statisticsNumbers.publications | number) : 'N/A' }}</h3>
|
| 206 | 218 |
<div class="uk-text-uppercase text-small iconsWithText"> |
| 207 | 219 |
<span><i class="fas fa-book fa-2x uk-margin-small-right" style="color: #3EC8FE"></i></span> |
| 208 | 220 |
<span>publications</span> |
| 209 | 221 |
</div> |
| 210 | 222 |
</div> |
| 211 |
<div> |
|
| 223 |
<div class="uk-margin-top">
|
|
| 212 | 224 |
<h3>{{ (statisticsNumbers && statisticsNumbers.datasets) ? (statisticsNumbers.datasets | number) : 'N/A' }}</h3>
|
| 213 | 225 |
<div class="uk-text-uppercase text-small iconsWithText"> |
| 214 | 226 |
<span><i class="fas fa-database fa-2x uk-margin-small-right" style="color: #3EC8FE"></i></span> |
| 215 | 227 |
<span>datasets</span> |
| 216 | 228 |
</div> |
| 217 | 229 |
</div> |
| 218 |
<div> |
|
| 230 |
<div class="uk-margin-top">
|
|
| 219 | 231 |
<h3>{{ (statisticsNumbers && statisticsNumbers.software) ? (statisticsNumbers.software | number) : 'N/A' }}</h3>
|
| 220 | 232 |
<div class="uk-text-uppercase text-small iconsWithText"> |
| 221 | 233 |
<span><i class="fas fa-cog fa-2x uk-margin-small-right" style="color: #3EC8FE"></i></span> |
| 222 | 234 |
<span>software</span> |
| 223 | 235 |
</div> |
| 224 | 236 |
</div> |
| 225 |
<div> |
|
| 237 |
<div class="uk-margin-top">
|
|
| 226 | 238 |
<h3>{{ (statisticsNumbers && statisticsNumbers.usagestats) ? statisticsNumbers.usagestats : 'N/A' }}</h3>
|
| 227 | 239 |
<div class="uk-text-uppercase text-small iconsWithText"> |
| 228 | 240 |
<span><i class="fas fa-globe-americas fa-2x uk-margin-small-right" style="color: #3EC8FE"></i></span> |
| 229 | 241 |
<span>metadata exchange events</span> |
| 230 | 242 |
</div> |
| 231 | 243 |
</div> |
| 232 |
<div> |
|
| 244 |
<div class="uk-margin-top">
|
|
| 233 | 245 |
<h3>{{ statisticsNumbers ? (statisticsNumbers.lastYearUsagestats.number | number) : 'N/A' }}</h3>
|
| 234 | 246 |
<div class="uk-text-uppercase text-small iconsWithText"> |
| 235 | 247 |
<span><i class="fas fa-globe-americas fa-2x uk-margin-small-right" style="color: #3EC8FE"></i></span> |
| modules/uoa-repository-dashboard-gui/branches/new-ui/src/app/pages/landing/about/about.component.html | ||
|---|---|---|
| 22 | 22 |
</div> |
| 23 | 23 |
|
| 24 | 24 |
<div class="el-overlay uk-panel uk-width-1-2@l uk-dark" style="text-align: right"> |
| 25 |
<img src="../../../../assets/imgs/landing/about-us-dashboard.png"> |
|
| 25 |
<img src="../../../../assets/imgs/landing/about-us-dashboard-2.png">
|
|
| 26 | 26 |
</div> |
| 27 | 27 |
</div> |
| 28 | 28 |
</div> |
Also available in: Unified diff
Some small changes that we decided in the first call with Uminho where we displayed the first version