Revision 58717
Added by Konstantina Galouni about 4 years ago
| project.component.html | ||
|---|---|---|
| 1 | 1 |
<ng-template #share_research_results_box |
| 2 | 2 |
let-dynamic_content="dynamic_content"> |
| 3 | 3 |
<ul class="uk-list uk-margin-remove-bottom"> |
| 4 |
<li class="uk-margin-top"> |
|
| 4 |
<!-- class="uk-margin-top"--> |
|
| 5 |
<li> |
|
| 5 | 6 |
<a class="clickable" |
| 6 | 7 |
uk-toggle="target: #dynamic_content_id; animation:uk-animation-fade"><span |
| 7 | 8 |
class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20" |
| ... | ... | |
| 38 | 39 |
<ng-template #download_research_results_box |
| 39 | 40 |
let-type="type" let-fileName_type="fileName_type" let-csvParams="csvParams"> |
| 40 | 41 |
<ul class="uk-list uk-margin-remove-bottom"> |
| 41 |
<li class="uk-margin-top"> |
|
| 42 |
<!-- class="uk-margin-top"--> |
|
| 43 |
<li> |
|
| 42 | 44 |
<a class="clickable" |
| 43 | 45 |
(click)="downloadHtmlFile(type, 'funder-'+fileName_type+'-report')"> |
| 44 | 46 |
<!-- target="_blank"--> |
| ... | ... | |
| 89 | 91 |
</div> |
| 90 | 92 |
</ng-template> |
| 91 | 93 |
|
| 94 |
<ng-template #search_tab let-fetch="fetch" let-type="type" let-urlParam="urlParam"> |
|
| 95 |
<errorMessages [status]="[fetch.searchUtils.status]" [type]="getEntityName(type, true, true)" |
|
| 96 |
tab_error_class=true></errorMessages> |
|
| 97 |
|
|
| 98 |
<div *ngIf="fetch.searchUtils.status == errorCodes.DONE"> |
|
| 99 |
<div class="uk-inline uk-flex uk-flex-right"> |
|
| 100 |
<span class="uk-text-uppercase uk-position-left uk-text-middle uk-flex-middle uk-flex"> |
|
| 101 |
<span>Top 10</span><span class="space uk-text-muted">{{getEntityName(type, true, true)}}</span>
|
|
| 102 |
</span> |
|
| 103 |
<a [queryParams]="routerHelper.createQueryParams(['f0', 'fv0', 'type', 'qf'], ['relprojectid', projectId, getEntityName(type, true, false), 'false'])" |
|
| 104 |
[routerLink]="properties.searchLinkToAdvancedResults" target="_blank"> |
|
| 105 |
<button *ngIf="fetch.searchUtils.totalResults > 10" |
|
| 106 |
class="uk-button uk-button-small portal-button"> |
|
| 107 |
<span uk-icon="search"></span> |
|
| 108 |
View more |
|
| 109 |
</button> |
|
| 110 |
</a> |
|
| 111 |
|
|
| 112 |
</div> |
|
| 113 |
<search-result [results]="fetch.results" |
|
| 114 |
[status]="fetch.searchUtils.status" |
|
| 115 |
[type]="type" urlParam="articleId" |
|
| 116 |
dividerNotCard="true"> |
|
| 117 |
</search-result> |
|
| 118 |
</div> |
|
| 119 |
</ng-template> |
|
| 120 |
|
|
| 92 | 121 |
<div id="tm-main" class="landing uk-section uk-padding-remove-top tm-middle"> |
| 93 | 122 |
<div *ngIf="!showFeedback" uk-grid> |
| 94 | 123 |
<div class="tm-main uk-width-1-1@s uk-width-1-1@m uk-width-1-1@l uk-row-first "> |
| ... | ... | |
| 142 | 171 |
<li *ngIf="projectInfo.funding"> |
| 143 | 172 |
<span *ngIf="projectInfo.funding.funderName" class="uk-margin-right"> |
| 144 | 173 |
<span class="uk-text-muted">Funder: </span> |
| 145 |
{{projectInfo.funding.funderName}}
|
|
| 174 |
<span class="uk-text-bold">{{projectInfo.funding.funderName}}</span>
|
|
| 146 | 175 |
</span> |
| 147 | 176 |
<span *ngIf="projectInfo.funding.code" class="uk-margin-right uk-display-inline-block"> |
| 148 | 177 |
<span class="uk-text-muted">Project code: </span> |
| ... | ... | |
| 177 | 206 |
</li> |
| 178 | 207 |
<li *ngIf="projectInfo.startDate || projectInfo.endDate" class="uk-width-2-5"> |
| 179 | 208 |
<progress *ngIf="projectInfo.startDate && projectInfo.endDate" |
| 180 |
class="uk-progress green-progress uk-margin-small-top uk-margin-remove-bottom"
|
|
| 209 |
class="uk-progress portal-progress uk-margin-small-top uk-margin-remove-bottom"
|
|
| 181 | 210 |
[value]="(projectInfo.currentDate > projectInfo.startDate ? projectInfo.currentDate-projectInfo.startDate : 0)" |
| 182 | 211 |
[max]="projectInfo.endDate-projectInfo.startDate"> |
| 183 | 212 |
</progress> |
| ... | ... | |
| 202 | 231 |
</ul> |
| 203 | 232 |
<ul class="uk-list uk-margin-bottom"> |
| 204 | 233 |
<li *ngIf="projectInfo.openAccessMandatePublications != undefined || projectInfo.openAccessMandateDatasets != undefined"> |
| 205 |
<span *ngIf="projectInfo.openAccessMandatePublications != undefined" class="uk-margin-right"> |
|
| 206 |
<span class="uk-text-muted">Open Access mandate for Publications: </span> |
|
| 207 |
<span *ngIf="projectInfo.openAccessMandatePublications">Yes</span> |
|
| 208 |
<span *ngIf="!projectInfo.openAccessMandatePublications">No</span> |
|
| 209 |
</span> |
|
| 210 |
<span *ngIf="projectInfo.openAccessMandateDatasets != undefined"> |
|
| 211 |
<span class="uk-text-muted">Open Access mandate for Research Data: </span> |
|
| 212 |
<span *ngIf="projectInfo.openAccessMandateDatasets">Yes</span> |
|
| 213 |
<span *ngIf="!projectInfo.openAccessMandateDatasets">No</span> |
|
| 214 |
</span> |
|
| 215 |
</li> |
|
| 216 |
<!-- Organizations --> |
|
| 217 |
<li *ngIf="projectInfo.organizations && projectInfo.organizations.length > 0" class="uk-margin-bottom"> |
|
| 218 |
<div class="uk-height-max-medium uk-overflow-auto"> |
|
| 219 |
<span class="uk-text-muted">Organizations: </span> |
|
| 220 |
<span *ngFor="let organization of projectInfo.organizations.slice(0, showNumOrganizations) let i=index" |
|
| 221 |
[attr.uk-tooltip]="organization.acronym && organization.name ? 'pos:right; delay:10' : 'cls: uk-invisible'" |
|
| 222 |
[title]="organization.name"> |
|
| 223 |
<a *ngIf="organization.id" |
|
| 224 |
[queryParams]="{organizationId: organization.id}" routerLinkActive="router-link-active"
|
|
| 225 |
routerLink="/search/organization"> |
|
| 226 |
<u>{{(organization.acronym) ? organization.acronym : ''}}</u>
|
|
| 227 |
<u>{{(!organization.acronym && organization.name) ? organization.name : ''}}</u>
|
|
| 228 |
</a> |
|
| 229 |
<span *ngIf="!organization.id"> |
|
| 230 |
<span *ngIf="organization.acronym">{{organization.acronym}}</span>
|
|
| 231 |
<span *ngIf="!organization.acronym && organization.name">{{organization.name}}</span>
|
|
| 232 |
</span> |
|
| 233 |
<span *ngIf="(i < projectInfo.organizations.length-1)">, </span> |
|
| 234 |
<div>Open Access mandate</div> |
|
| 235 |
<div> |
|
| 236 |
<span *ngIf="projectInfo.openAccessMandatePublications != undefined" class="uk-margin-right"> |
|
| 237 |
<span class="uk-text-muted">Publications: </span> |
|
| 238 |
<span *ngIf="projectInfo.openAccessMandatePublications">Yes</span> |
|
| 239 |
<span *ngIf="!projectInfo.openAccessMandatePublications">No</span> |
|
| 234 | 240 |
</span> |
| 235 |
<span *ngIf="showNumOrganizations == thresholdOrganizations && projectInfo.organizations.length > thresholdOrganizations"> ... </span> |
|
| 241 |
<span *ngIf="projectInfo.openAccessMandateDatasets != undefined"> |
|
| 242 |
<span class="uk-text-muted">Research Data: </span> |
|
| 243 |
<span *ngIf="projectInfo.openAccessMandateDatasets">Yes</span> |
|
| 244 |
<span *ngIf="!projectInfo.openAccessMandateDatasets">No</span> |
|
| 245 |
</span> |
|
| 236 | 246 |
</div> |
| 237 |
<div *ngIf="showNumOrganizations == thresholdOrganizations && projectInfo.organizations.length > thresholdOrganizations" |
|
| 238 |
class="uk-width-1-1 uk-text-right"> |
|
| 239 |
<a (click)="showNumOrganizations = projectInfo.organizations.length;"> |
|
| 240 |
View all {{projectInfo.organizations.length | number}} organizations
|
|
| 241 |
</a> |
|
| 242 |
</div> |
|
| 243 |
<div *ngIf="showNumOrganizations > thresholdOrganizations" class="uk-width-1-1 uk-text-right"> |
|
| 244 |
<a (click)="showNumOrganizations = thresholdOrganizations;">View less organizations</a> |
|
| 245 |
</div> |
|
| 246 | 247 |
</li> |
| 247 | 248 |
</ul> |
| 248 | 249 |
|
| 249 |
<!-- Description --> |
|
| 250 |
<div *ngIf="projectInfo.description" class="uk-margin-bottom"> |
|
| 251 |
<div class="uk-text-justify uk-text-small uk-height-max-medium uk-overflow-auto"> |
|
| 252 |
<span class="uk-text-muted">Description: </span> |
|
| 253 |
<span>{{projectInfo.description.substring(0, showNumDescription)}}</span>
|
|
| 254 |
<span *ngIf="showNumDescription == thresholdDescription && |
|
| 255 |
projectInfo.description.length > thresholdDescription">...</span> |
|
| 256 |
</div> |
|
| 257 |
<div *ngIf="showNumDescription == thresholdDescription && |
|
| 258 |
projectInfo.description.length > thresholdDescription" class="uk-text-right"> |
|
| 259 |
<a (click)="showNumDescription = projectInfo.description.length;"> |
|
| 260 |
View more |
|
| 261 |
</a> |
|
| 262 |
</div> |
|
| 263 |
<div *ngIf="projectInfo.description && showNumDescription > thresholdDescription" |
|
| 264 |
class="uk-text-right"> |
|
| 265 |
<a (click)="showNumDescription = thresholdDescription;"> |
|
| 266 |
View less |
|
| 267 |
</a> |
|
| 268 |
</div> |
|
| 269 |
</div> |
|
| 250 |
<!-- <div *ngIf="(fetchPublications.searchUtils.totalResults > 0 || fetchDatasets.searchUtils.totalResults > 0--> |
|
| 251 |
<!-- || fetchSoftware.searchUtils.totalResults > 0 || fetchOrps.searchUtils.totalResults > 0)"--> |
|
| 252 |
<!-- class="uk-margin-medium-top">--> |
|
| 253 |
<!-- <div class="uk-margin-top simple-buttons uk-flex uk-flex-middle">--> |
|
| 254 |
<!-- <div (click)="openStatistics()" class="clickable uk-margin-right">--> |
|
| 255 |
<!-- <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24">--> |
|
| 256 |
<!-- <path d="M0 0h24v24H0z" fill="none"></path>--> |
|
| 257 |
<!-- <path id="statistics-bars" d="M10 20h4V4h-4v16zm-6 0h4v-8H4v8zM16 9v11h4V9h-4z"></path>--> |
|
| 258 |
<!-- </svg>--> |
|
| 259 |
<!-- <span class="uk-text-middle space">View statistics</span>--> |
|
| 260 |
<!-- </div>--> |
|
| 261 |
<!-- </div>--> |
|
| 270 | 262 |
|
| 271 |
<div *ngIf="(fetchPublications.searchUtils.totalResults > 0 || fetchDatasets.searchUtils.totalResults > 0 |
|
| 272 |
|| fetchSoftware.searchUtils.totalResults > 0 || fetchOrps.searchUtils.totalResults > 0)" |
|
| 273 |
class="uk-margin-medium-top"> |
|
| 274 |
<div class="uk-margin-top simple-buttons uk-flex uk-flex-middle"> |
|
| 275 |
<div (click)="openStatistics()" class="clickable uk-margin-right"> |
|
| 276 |
<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"> |
|
| 277 |
<path d="M0 0h24v24H0z" fill="none"></path> |
|
| 278 |
<path id="statistics-bars" d="M10 20h4V4h-4v16zm-6 0h4v-8H4v8zM16 9v11h4V9h-4z"></path> |
|
| 279 |
</svg> |
|
| 280 |
<span class="uk-text-middle space">View statistics</span> |
|
| 281 |
</div> |
|
| 282 |
</div> |
|
| 263 |
<!-- <div class="uk-margin-top advanced-buttons uk-grid-small uk-child-width-1-4@s uk-child-width-1-2"--> |
|
| 264 |
<!-- uk-height-match="target: .target; row: false"--> |
|
| 265 |
<!-- uk-grid>--> |
|
| 266 |
<!-- <ng-container *ngTemplateOutlet="search_box;--> |
|
| 267 |
<!-- context: { fetch: fetchPublications, type: 'publications', typeName: 'Publications'}">-->
|
|
| 268 |
<!-- </ng-container>--> |
|
| 269 |
<!-- <ng-container *ngTemplateOutlet="search_box;--> |
|
| 270 |
<!-- context: { fetch: fetchDatasets, type: 'datasets', typeName: 'Research Data'}">-->
|
|
| 271 |
<!-- </ng-container>--> |
|
| 272 |
<!-- <ng-container *ngTemplateOutlet="search_box;--> |
|
| 273 |
<!-- context: { fetch: fetchSoftware, type: 'software', typeName: 'Software'}">-->
|
|
| 274 |
<!-- </ng-container>--> |
|
| 275 |
<!-- <ng-container *ngTemplateOutlet="search_box;--> |
|
| 276 |
<!-- context: { fetch: fetchOrps, type: 'other', typeName: 'Other Research Products'}">-->
|
|
| 277 |
<!-- </ng-container>--> |
|
| 278 |
<!-- </div>--> |
|
| 279 |
<!-- </div>--> |
|
| 280 |
<!-- <div class="uk-margin-small-top uk-flex uk-flex-bottom">--> |
|
| 281 |
<!-- <img src="assets/common-assets/graph.svg" style="opacity: 0.4">--> |
|
| 282 |
<!-- <span class="uk-margin-small-left uk-text-small uk-text-baseline uk-text-muted">Powered by OpenAIRE Open Research Graph</span>--> |
|
| 283 |
<!-- </div>--> |
|
| 283 | 284 |
|
| 284 |
<div class="uk-margin-top advanced-buttons uk-grid-small uk-child-width-1-4@s uk-child-width-1-2" |
|
| 285 |
uk-height-match="target: .target; row: false" |
|
| 286 |
uk-grid> |
|
| 287 |
<ng-container *ngTemplateOutlet="search_box; |
|
| 288 |
context: { fetch: fetchPublications, type: 'publications', typeName: 'Publications'}">
|
|
| 289 |
</ng-container> |
|
| 290 |
<ng-container *ngTemplateOutlet="search_box; |
|
| 291 |
context: { fetch: fetchDatasets, type: 'datasets', typeName: 'Research Data'}">
|
|
| 292 |
</ng-container> |
|
| 293 |
<ng-container *ngTemplateOutlet="search_box; |
|
| 294 |
context: { fetch: fetchSoftware, type: 'software', typeName: 'Software'}">
|
|
| 295 |
</ng-container> |
|
| 296 |
<ng-container *ngTemplateOutlet="search_box; |
|
| 297 |
context: { fetch: fetchOrps, type: 'other', typeName: 'Other Research Products'}">
|
|
| 298 |
</ng-container> |
|
| 299 |
</div> |
|
| 300 |
</div> |
|
| 301 |
<div class="uk-margin-small-top uk-flex uk-flex-bottom"> |
|
| 302 |
<img src="assets/common-assets/graph.svg" style="opacity: 0.4"> |
|
| 303 |
<span class="uk-margin-small-left uk-text-small uk-text-baseline uk-text-muted">Powered by OpenAIRE Open Research Graph</span> |
|
| 304 |
</div> |
|
| 305 |
|
|
| 306 | 285 |
<!-- <ul class="custom-accordion" uk-accordion>--> |
| 307 | 286 |
|
| 308 | 287 |
<!-- <li (click)="activeTab='Publications'; searchPublicationsInit()">--> |
| ... | ... | |
| 460 | 439 |
</div> |
| 461 | 440 |
|
| 462 | 441 |
<div class="uk-width-1-3@m uk-width-1-1@s"> |
| 463 |
<div class="uk-card uk-card-default uk-padding-small"> |
|
| 464 |
<!-- <div *ngIf="isRouteAvailable('participate/direct-claim') " class=" uk-margin-small-bottom">-->
|
|
| 465 |
|
|
| 466 |
<!-- <button class=" uk-button portal-button uk-margin-small-top uk-width-1-1">--> |
|
| 467 |
<!-- <span class="uk-icon">--> |
|
| 468 |
<!-- <svg icon="link" ratio="1" xmlns="http://www.w3.org/2000/svg" width="25" viewBox="0 0 20 20"--> |
|
| 469 |
<!-- height="25"><path--> |
|
| 470 |
<!-- d="M10.625,12.375 L7.525,15.475 C6.825,16.175 5.925,16.175 5.225,15.475 L4.525,14.775 C3.825,14.074 3.825,13.175 4.525,12.475 L7.625,9.375"--> |
|
| 471 |
<!-- fill="none" stroke="#000" stroke-width="1.1"></path><path--> |
|
| 472 |
<!-- d="M9.325,7.375 L12.425,4.275 C13.125,3.575 14.025,3.575 14.724,4.275 L15.425,4.975 C16.125,5.675 16.125,6.575 15.425,7.275 L12.325,10.375"--> |
|
| 473 |
<!-- fill="none" stroke="#000" stroke-width="1.1"></path><path d="M7.925,11.875 L11.925,7.975"--> |
|
| 474 |
<!-- fill="none" stroke="#000"--> |
|
| 475 |
<!-- stroke-width="1.1"></path></svg>--> |
|
| 476 |
<!-- </span> Link this project to...--> |
|
| 477 |
<!-- </button>--> |
|
| 478 |
|
|
| 479 |
|
|
| 480 |
<!-- <div class=" uk-text-center uk-margin-expand uk-padding-small uk-margin-auto default-dropdown "--> |
|
| 442 |
<ul class="uk-list uk-card uk-card-default uk-padding-small"> |
|
| 443 |
<!-- <div *ngIf="isRouteAvailable('participate/direct-claim')">-->
|
|
| 444 |
<!-- <div class="uk-margin-auto uk-width-3-4">--> |
|
| 445 |
<!-- <button class="uk-button uk-width-1-1 portal-button">--> |
|
| 446 |
<!-- <span uk-icon="link"></span>--> |
|
| 447 |
<!-- Link this project to...--> |
|
| 448 |
<!-- </button>--> |
|
| 449 |
<!-- </div>--> |
|
| 450 |
<!-- <div class="uk-text-center uk-margin-expand uk-padding-small uk-margin-auto default-dropdown "--> |
|
| 481 | 451 |
<!-- uk-dropdown="mode:click">--> |
| 482 |
<!-- <div class="uk-grid uk-child-width-1-3 uk-width-large ">-->
|
|
| 483 |
|
|
| 484 |
<!-- <div><a-->
|
|
| 485 |
<!-- [queryParams]="routerHelper.createQueryParams(['id','type','linkTo'],[projectId,'project','result'])"-->
|
|
| 486 |
<!-- routerLinkActive="router-link-active" routerLink="/participate/direct-claim">--> |
|
| 487 |
<!-- <button class="uk-icon-button portal-button">--> |
|
| 488 |
<!-- <span class="uk-icon">--> |
|
| 452 |
<!-- <div class="uk-grid uk-child-width-1-3 uk-width-large ">-->
|
|
| 453 |
<!-- <div>--> |
|
| 454 |
<!-- <a [queryParams]="routerHelper.createQueryParams(['id','type','linkTo'],[projectId,-->
|
|
| 455 |
<!-- 'project','result'])"--> |
|
| 456 |
<!-- routerLinkActive="router-link-active" routerLink="/participate/direct-claim">-->
|
|
| 457 |
<!-- <button class="uk-icon-button portal-button">-->
|
|
| 458 |
<!-- <span class="uk-icon">-->
|
|
| 489 | 459 |
<!-- <svg height="20" icon="copy" ratio="1" viewBox="0 0 20 20" width="20"--> |
| 490 | 460 |
<!-- xmlns="http://www.w3.org/2000/svg"><rect fill="none" height="16" stroke="#000"--> |
| 491 | 461 |
<!-- width="12" x="3.5" y="2.5"></rect><polyline--> |
| 492 | 462 |
<!-- fill="none" points="5 0.5 17.5 0.5 17.5 17" stroke="#000"></polyline></svg></span>--> |
| 493 |
<!-- </button>--> |
|
| 494 |
<!-- <div>Research results</div>--> |
|
| 495 |
<!-- </a></div>--> |
|
| 463 |
<!-- </button>--> |
|
| 464 |
<!-- <div>Research results</div>--> |
|
| 465 |
<!-- </a>--> |
|
| 466 |
<!-- </div>--> |
|
| 467 |
<!-- </div>--> |
|
| 468 |
<!-- </div>--> |
|
| 469 |
<!-- </div>--> |
|
| 470 |
<!-- <div *ngIf="isRouteAvailable('participate/deposit/learn-how')"-->
|
|
| 471 |
<!-- class="uk-margin-small-top uk-margin-auto uk-width-3-4">--> |
|
| 472 |
<!-- <a routerLinkActive="router-link-active" routerLink="/participate/deposit/learn-how"--> |
|
| 473 |
<!-- class="uk-button uk-button-primary uk-width-1-1">--> |
|
| 474 |
<!-- <span class="uk-icon">--> |
|
| 475 |
<!-- <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" ratio="1">--> |
|
| 476 |
<!-- <polyline fill="none" stroke="#000" points="5 8 9.5 3.5 14 8 "></polyline>--> |
|
| 477 |
<!-- <rect x="3" y="17" width="13" height="1"></rect>--> |
|
| 478 |
<!-- <line fill="none" stroke="#000" x1="9.5" y1="15" x2="9.5" y2="4"></line>--> |
|
| 479 |
<!-- </svg>--> |
|
| 480 |
<!-- </span>--> |
|
| 481 |
<!-- Deposit--> |
|
| 482 |
<!-- </a>--> |
|
| 483 |
<!-- </div>--> |
|
| 496 | 484 |
|
| 485 |
<!-- <div class="uk-margin-top">--> |
|
| 486 |
<!-- <div class="sideInfoTitle uk-margin-small-bottom uk-margin-small-top">Share - Bookmark</div>--> |
|
| 487 |
<!-- <div class="uk-margin-small-left uk-margin-small-right"><addThis></addThis></div>--> |
|
| 488 |
<!-- </div>--> |
|
| 489 |
<!-- Metrics --> |
|
| 490 |
<!-- <div *ngIf="hasMetrics" class="uk-margin-top">--> |
|
| 491 |
<!-- <div class="sideInfoTitle uk-margin-small-bottom">Metrics</div>--> |
|
| 492 |
<!-- <div uk-grid class="uk-child-width-1-3 uk-text-center uk-flex uk-flex-middle">--> |
|
| 493 |
<!-- <div></div><!– Open Citations–>--> |
|
| 494 |
<!-- <div>--> |
|
| 495 |
<!-- <metrics [pageViews]="pageViews"--> |
|
| 496 |
<!-- [id]="projectId" [entityType]="'projects'" [entity]="'project'"--> |
|
| 497 |
<!-- [viewsFrameUrl]="viewsFrameUrl" [downloadsFrameUrl]="downloadsFrameUrl"--> |
|
| 498 |
<!-- (metricsResults)="metricsResults($event)" [properties]=properties>--> |
|
| 499 |
<!-- </metrics>--> |
|
| 497 | 500 |
<!-- </div>--> |
| 498 | 501 |
<!-- </div>--> |
| 499 | 502 |
<!-- </div>--> |
| 503 |
<!-- <div class="uk-margin-top">--> |
|
| 504 |
<!-- <div class="sideInfoTitle uk-margin-small-bottom uk-margin-small-top">Share project's content</div>--> |
|
| 505 |
<!-- <div class="app-box uk-padding-small uk-margin-small-left uk-margin-small-right">--> |
|
| 506 |
<!-- <div class="uk-padding-small uk-padding-remove-vertical">--> |
|
| 507 |
<!-- <mat-select [(value)]="share_research_results_type"--> |
|
| 508 |
<!-- [disableOptionCentering]="true"--> |
|
| 509 |
<!-- panelClass="entitiesSelectionPanel"--> |
|
| 510 |
<!-- class="matSelection">--> |
|
| 511 |
<!-- <mat-option value="">Select content type</mat-option>--> |
|
| 512 |
<!-- <mat-option value="result">All research outcomes</mat-option>--> |
|
| 513 |
<!-- <mat-option value="publication">Publications</mat-option>--> |
|
| 514 |
<!-- <mat-option value="dataset">Research data</mat-option>--> |
|
| 515 |
<!-- <mat-option value="software">Software</mat-option>--> |
|
| 516 |
<!-- <mat-option value="other">Other research products</mat-option>--> |
|
| 517 |
<!-- </mat-select>--> |
|
| 518 |
<!-- <div *ngIf="share_research_results_type" class="uk-animation-slide-top-small">--> |
|
| 519 |
<!-- <ng-container *ngTemplateOutlet="share_research_results_box;--> |
|
| 520 |
<!-- context: { dynamic_content: getDynamicContent(share_research_results_type) }">-->
|
|
| 521 |
<!-- </ng-container>--> |
|
| 522 |
<!-- </div>--> |
|
| 523 |
<!-- </div>--> |
|
| 524 |
<!-- </div>--> |
|
| 525 |
<!-- <div class="uk-margin-top">--> |
|
| 526 |
<!-- <div class="sideInfoTitle uk-margin-small-bottom uk-margin-small-top">Download report</div>--> |
|
| 527 |
<!-- <div class="app-box uk-padding-small uk-margin-small-left uk-margin-small-right">--> |
|
| 528 |
<!--<!– <select class="select" id="download_report" name="download_report"–>--> |
|
| 529 |
<!--<!– [(ngModel)]="download_research_results_type">–>--> |
|
| 530 |
<!--<!– <option value="">Select content type</option>–>--> |
|
| 531 |
<!--<!– <option value="results">All research outcomes</option>–>--> |
|
| 532 |
<!--<!– <option value="publications">Publications</option>–>--> |
|
| 533 |
<!--<!– <option value="datasets">Research data</option>–>--> |
|
| 534 |
<!--<!– <option value="software">Software</option>–>--> |
|
| 535 |
<!--<!– <option value="other">Other research products</option>–>--> |
|
| 536 |
<!--<!– </select>–>--> |
|
| 537 |
<!-- <div class="uk-padding-small uk-padding-remove-vertical">--> |
|
| 538 |
<!-- <mat-select *ngIf="projectInfo.funding &&--> |
|
| 539 |
<!-- (fetchPublications.searchUtils.totalResults > 0 ||--> |
|
| 540 |
<!-- fetchDatasets.searchUtils.totalResults > 0 ||--> |
|
| 541 |
<!-- fetchSoftware.searchUtils.totalResults > 0 ||--> |
|
| 542 |
<!-- fetchOrps.searchUtils.totalResults > 0)"--> |
|
| 543 |
<!-- [(value)]="download_research_results_type"--> |
|
| 544 |
<!-- [disableOptionCentering]="true"--> |
|
| 545 |
<!-- panelClass="entitiesSelectionPanel"--> |
|
| 546 |
<!-- class="matSelection">--> |
|
| 547 |
<!-- <mat-option value="">Select content type</mat-option>--> |
|
| 548 |
<!-- <mat-option value="results">All research outcomes</mat-option>--> |
|
| 549 |
<!-- <mat-option value="publications"--> |
|
| 550 |
<!-- [disabled]="fetchPublications.searchUtils.totalResults == 0 || fetchPublications.searchUtils.status != errorCodes.DONE"--> |
|
| 551 |
<!-- [attr.uk-tooltip]="(fetchPublications.searchUtils.totalResults == 0 || fetchPublications.searchUtils.status != errorCodes.DONE) ? 'cls: uk-active' : 'cls: uk-invisible'"--> |
|
| 552 |
<!-- title="No report available">--> |
|
| 553 |
<!-- Publications--> |
|
| 554 |
<!-- </mat-option>--> |
|
| 555 |
<!-- <mat-option value="datasets"--> |
|
| 556 |
<!-- [disabled]="fetchDatasets.searchUtils.totalResults == 0 || fetchDatasets.searchUtils.status != errorCodes.DONE"--> |
|
| 557 |
<!-- [attr.uk-tooltip]="(fetchDatasets.searchUtils.totalResults == 0 || fetchDatasets.searchUtils.status != errorCodes.DONE) ? 'cls: uk-active' : 'cls: uk-invisible'"--> |
|
| 558 |
<!-- title="No report available">--> |
|
| 559 |
<!-- Research data--> |
|
| 560 |
<!-- </mat-option>--> |
|
| 561 |
<!-- <mat-option value="software"--> |
|
| 562 |
<!-- [disabled]="fetchSoftware.searchUtils.totalResults == 0 || fetchSoftware.searchUtils.status != errorCodes.DONE"--> |
|
| 563 |
<!-- [attr.uk-tooltip]="(fetchSoftware.searchUtils.totalResults == 0 || fetchSoftware.searchUtils.status != errorCodes.DONE) ? 'cls: uk-active' : 'cls: uk-invisible'"--> |
|
| 564 |
<!-- title="No report available">--> |
|
| 565 |
<!-- Software--> |
|
| 566 |
<!-- </mat-option>--> |
|
| 567 |
<!-- <mat-option value="other"--> |
|
| 568 |
<!-- [disabled]="fetchOrps.searchUtils.totalResults == 0 || fetchOrps.searchUtils.status != errorCodes.DONE"--> |
|
| 569 |
<!-- [attr.uk-tooltip]="(fetchOrps.searchUtils.totalResults == 0 || fetchOrps.searchUtils.status != errorCodes.DONE) ? 'cls: uk-active' : 'cls: uk-invisible'"--> |
|
| 570 |
<!-- title="No report available">--> |
|
| 571 |
<!-- Other research products--> |
|
| 572 |
<!-- </mat-option>--> |
|
| 573 |
<!-- </mat-select>--> |
|
| 574 |
<!-- <div *ngIf="download_research_results_type" class="uk-animation-slide-top-small">--> |
|
| 575 |
<!-- <ng-container *ngTemplateOutlet="download_research_results_box;--> |
|
| 576 |
<!-- context: { type: download_research_results_type,-->
|
|
| 577 |
<!-- fileName_type: getFileNameType(download_research_results_type),--> |
|
| 578 |
<!-- csvParams: getCsvParams(download_research_results_type) }">--> |
|
| 579 |
<!-- </ng-container>--> |
|
| 580 |
<!-- </div>--> |
|
| 500 | 581 |
|
| 501 |
<div *ngIf="isRouteAvailable('participate/direct-claim')">
|
|
| 502 |
<div class="uk-margin-auto uk-width-3-4"> |
|
| 503 |
<button class="uk-button uk-width-1-1 portal-button"> |
|
| 504 |
<span uk-icon="link"></span> |
|
| 505 |
Link this project to... |
|
| 506 |
</button> |
|
| 507 |
</div> |
|
| 508 |
<div class="uk-text-center uk-margin-expand uk-padding-small uk-margin-auto default-dropdown " |
|
| 509 |
uk-dropdown="mode:click"> |
|
| 582 |
<!-- <div *ngIf="!projectInfo.funding ||--> |
|
| 583 |
<!-- (fetchPublications.searchUtils.totalResults == 0 &&--> |
|
| 584 |
<!-- fetchDatasets.searchUtils.totalResults == 0 &&--> |
|
| 585 |
<!-- fetchSoftware.searchUtils.totalResults == 0 &&--> |
|
| 586 |
<!-- fetchOrps.searchUtils.totalResults == 0)"--> |
|
| 587 |
<!-- class="uk-text-muted">--> |
|
| 588 |
<!-- No reports available--> |
|
| 589 |
<!-- </div>--> |
|
| 590 |
<!-- </div>--> |
|
| 591 |
<!-- </div>--> |
|
| 592 |
<!-- </div>--> |
|
| 593 |
<!-- </div>--> |
|
| 594 |
|
|
| 595 |
|
|
| 596 |
<!-- NEW--> |
|
| 597 |
<li><addThis></addThis></li> |
|
| 598 |
<li *ngIf="isRouteAvailable('participate/direct-claim')">
|
|
| 599 |
<a class="uk-link-text uk-text-bold uk-text-uppercase" (click)="openLinkProjectModal()"> |
|
| 600 |
<span class="uk-icon-button portal-button" uk-icon="link"></span> |
|
| 601 |
Link this project to... |
|
| 602 |
</a> |
|
| 603 |
<modal-alert #linkProjectModal> |
|
| 510 | 604 |
<div class="uk-grid uk-child-width-1-3 uk-width-large "> |
| 511 | 605 |
<div> |
| 512 | 606 |
<a [queryParams]="routerHelper.createQueryParams(['id','type','linkTo'],[projectId, |
| ... | ... | |
| 523 | 617 |
</a> |
| 524 | 618 |
</div> |
| 525 | 619 |
</div> |
| 526 |
</div> |
|
| 527 |
</div> |
|
| 528 |
<div *ngIf="isRouteAvailable('participate/deposit/learn-how')"
|
|
| 529 |
class="uk-margin-small-top uk-margin-auto uk-width-3-4"> |
|
| 530 |
<a routerLinkActive="router-link-active" routerLink="/participate/deposit/learn-how" |
|
| 531 |
class="uk-button uk-button-primary uk-width-1-1"> |
|
| 532 |
<span class="uk-icon"> |
|
| 533 |
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" ratio="1"> |
|
| 534 |
<polyline fill="none" stroke="#000" points="5 8 9.5 3.5 14 8 "></polyline> |
|
| 535 |
<rect x="3" y="17" width="13" height="1"></rect> |
|
| 536 |
<line fill="none" stroke="#000" x1="9.5" y1="15" x2="9.5" y2="4"></line> |
|
| 537 |
</svg> |
|
| 538 |
</span> |
|
| 539 |
Deposit |
|
| 620 |
</modal-alert> |
|
| 621 |
</li> |
|
| 622 |
<li *ngIf="isRouteAvailable('participate/deposit/learn-how')">
|
|
| 623 |
<a class="uk-link-text uk-text-bold uk-text-uppercase" |
|
| 624 |
routerLinkActive="router-link-active" routerLink="/participate/deposit/learn-how"> |
|
| 625 |
<span class="uk-icon uk-icon-button uk-button-primary"> |
|
| 626 |
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" ratio="1"> |
|
| 627 |
<polyline fill="none" stroke="#000" points="5 8 9.5 3.5 14 8 "></polyline> |
|
| 628 |
<rect x="3" y="17" width="13" height="1"></rect> |
|
| 629 |
<line fill="none" stroke="#000" x1="9.5" y1="15" x2="9.5" y2="4"></line> |
|
| 630 |
</svg> |
|
| 631 |
</span> |
|
| 632 |
Deposit your research |
|
| 540 | 633 |
</a> |
| 541 |
</div> |
|
| 634 |
</li> |
|
| 635 |
<li> |
|
| 636 |
<a class="uk-link-text uk-text-bold uk-text-uppercase" (click)="openShareResultsModal()"> |
|
| 637 |
<span class="uk-icon uk-icon-button uk-button-default"> |
|
| 638 |
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="code" ratio="1"> |
|
| 639 |
<polyline fill="none" stroke="#000" stroke-width="1.01" points="13,4 19,10 13,16"></polyline> |
|
| 640 |
<polyline fill="none" stroke="#000" stroke-width="1.01" points="7,4 1,10 7,16"></polyline> |
|
| 641 |
</svg> |
|
| 642 |
</span> |
|
| 643 |
Share results |
|
| 644 |
</a> |
|
| 645 |
<modal-alert #shareResultsModal> |
|
| 646 |
<div class="app-box uk-padding-small uk-margin-small-left uk-margin-small-right"> |
|
| 647 |
<div class="uk-padding-small uk-padding-remove-vertical"> |
|
| 648 |
<mat-form-field class="matSelectionFormField uk-width-1-1"> |
|
| 649 |
<mat-label>Select content type to share</mat-label> |
|
| 650 |
<mat-select [(value)]="share_research_results_type" |
|
| 651 |
[disableOptionCentering]="true" |
|
| 652 |
panelClass="entitiesSelectionPanel" |
|
| 653 |
class="matSelection"> |
|
| 654 |
<!-- <mat-option value="">Select content type</mat-option>--> |
|
| 655 |
<mat-option value="result">All research outcomes</mat-option> |
|
| 656 |
<mat-option value="publication">Publications</mat-option> |
|
| 657 |
<mat-option value="dataset">Research data</mat-option> |
|
| 658 |
<mat-option value="software">Software</mat-option> |
|
| 659 |
<mat-option value="other">Other research products</mat-option> |
|
| 660 |
</mat-select> |
|
| 661 |
</mat-form-field> |
|
| 662 |
<div *ngIf="share_research_results_type" class="uk-animation-slide-top-small"> |
|
| 663 |
<ng-container *ngTemplateOutlet="share_research_results_box; |
|
| 664 |
context: { dynamic_content: getDynamicContent(share_research_results_type) }">
|
|
| 665 |
</ng-container> |
|
| 666 |
</div> |
|
| 667 |
</div> |
|
| 668 |
</div> |
|
| 669 |
</modal-alert> |
|
| 670 |
</li> |
|
| 671 |
<li> |
|
| 672 |
<a class="uk-link-text uk-text-bold uk-text-uppercase" (click)="openDownloadReportModal()"> |
|
| 673 |
<span class="uk-icon uk-icon-button uk-button-secondary"> |
|
| 674 |
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="download" ratio="1"> |
|
| 675 |
<polyline fill="none" stroke="#000" points="14,10 9.5,14.5 5,10"></polyline> |
|
| 676 |
<rect x="3" y="17" width="13" height="1"></rect> |
|
| 677 |
<line fill="none" stroke="#000" x1="9.5" y1="13.91" x2="9.5" y2="3"></line> |
|
| 678 |
</svg> |
|
| 679 |
</span> |
|
| 680 |
Download report |
|
| 681 |
</a> |
|
| 682 |
<modal-alert #downloadReportModal> |
|
| 683 |
<div class="app-box uk-padding-small uk-margin-small-left uk-margin-small-right"> |
|
| 684 |
<div class="uk-padding-small uk-padding-remove-vertical"> |
|
| 685 |
<mat-form-field class="matSelectionFormField uk-width-1-1"> |
|
| 686 |
<mat-label>Select content type report to download</mat-label> |
|
| 687 |
<mat-select *ngIf="projectInfo.funding && |
|
| 688 |
(fetchPublications.searchUtils.totalResults > 0 || |
|
| 689 |
fetchDatasets.searchUtils.totalResults > 0 || |
|
| 690 |
fetchSoftware.searchUtils.totalResults > 0 || |
|
| 691 |
fetchOrps.searchUtils.totalResults > 0)" |
|
| 692 |
[(value)]="download_research_results_type" |
|
| 693 |
[disableOptionCentering]="true" |
|
| 694 |
panelClass="entitiesSelectionPanel" |
|
| 695 |
class="matSelection"> |
|
| 696 |
<!-- <mat-option value="">Select content type</mat-option>--> |
|
| 697 |
<mat-option value="results">All research outcomes</mat-option> |
|
| 698 |
<mat-option value="publications" |
|
| 699 |
[disabled]="fetchPublications.searchUtils.totalResults == 0 || fetchPublications.searchUtils.status != errorCodes.DONE" |
|
| 700 |
[attr.uk-tooltip]="(fetchPublications.searchUtils.totalResults == 0 || fetchPublications.searchUtils.status != errorCodes.DONE) ? 'cls: uk-active' : 'cls: uk-invisible'" |
|
| 701 |
title="No report available"> |
|
| 702 |
Publications |
|
| 703 |
</mat-option> |
|
| 704 |
<mat-option value="datasets" |
|
| 705 |
[disabled]="fetchDatasets.searchUtils.totalResults == 0 || fetchDatasets.searchUtils.status != errorCodes.DONE" |
|
| 706 |
[attr.uk-tooltip]="(fetchDatasets.searchUtils.totalResults == 0 || fetchDatasets.searchUtils.status != errorCodes.DONE) ? 'cls: uk-active' : 'cls: uk-invisible'" |
|
| 707 |
title="No report available"> |
|
| 708 |
Research data |
|
| 709 |
</mat-option> |
|
| 710 |
<mat-option value="software" |
|
| 711 |
[disabled]="fetchSoftware.searchUtils.totalResults == 0 || fetchSoftware.searchUtils.status != errorCodes.DONE" |
|
| 712 |
[attr.uk-tooltip]="(fetchSoftware.searchUtils.totalResults == 0 || fetchSoftware.searchUtils.status != errorCodes.DONE) ? 'cls: uk-active' : 'cls: uk-invisible'" |
|
| 713 |
title="No report available"> |
|
| 714 |
Software |
|
| 715 |
</mat-option> |
|
| 716 |
<mat-option value="other" |
|
| 717 |
[disabled]="fetchOrps.searchUtils.totalResults == 0 || fetchOrps.searchUtils.status != errorCodes.DONE" |
|
| 718 |
[attr.uk-tooltip]="(fetchOrps.searchUtils.totalResults == 0 || fetchOrps.searchUtils.status != errorCodes.DONE) ? 'cls: uk-active' : 'cls: uk-invisible'" |
|
| 719 |
title="No report available"> |
|
| 720 |
Other research products |
|
| 721 |
</mat-option> |
|
| 722 |
</mat-select> |
|
| 723 |
</mat-form-field> |
|
| 724 |
<div *ngIf="download_research_results_type" class="uk-animation-slide-top-small"> |
|
| 725 |
<ng-container *ngTemplateOutlet="download_research_results_box; |
|
| 726 |
context: { type: download_research_results_type,
|
|
| 727 |
fileName_type: getFileNameType(download_research_results_type), |
|
| 728 |
csvParams: getCsvParams(download_research_results_type) }"> |
|
| 729 |
</ng-container> |
|
| 730 |
</div> |
|
| 542 | 731 |
|
| 543 |
<div class="uk-margin-top"> |
|
| 544 |
<div class="sideInfoTitle uk-margin-small-bottom uk-margin-small-top">Share - Bookmark</div> |
|
| 545 |
<div class="uk-margin-small-left uk-margin-small-right"><addThis></addThis></div> |
|
| 546 |
</div> |
|
| 732 |
<div *ngIf="!projectInfo.funding || |
|
| 733 |
(fetchPublications.searchUtils.totalResults == 0 && |
|
| 734 |
fetchDatasets.searchUtils.totalResults == 0 && |
|
| 735 |
fetchSoftware.searchUtils.totalResults == 0 && |
|
| 736 |
fetchOrps.searchUtils.totalResults == 0)" |
|
| 737 |
class="uk-text-muted"> |
|
| 738 |
No reports available |
|
| 739 |
</div> |
|
| 740 |
</div> |
|
| 741 |
</div> |
|
| 742 |
</modal-alert> |
|
| 743 |
</li> |
|
| 547 | 744 |
<!-- Metrics --> |
| 548 |
<div *ngIf="hasMetrics" class="uk-margin-top"> |
|
| 549 |
<div class="sideInfoTitle uk-margin-small-bottom">Metrics</div> |
|
| 745 |
<li *ngIf="hasMetrics" class="uk-margin-top"> |
|
| 550 | 746 |
<div uk-grid class="uk-child-width-1-3 uk-text-center uk-flex uk-flex-middle"> |
| 551 | 747 |
<div></div><!-- Open Citations--> |
| 552 | 748 |
<div> |
| ... | ... | |
| 557 | 753 |
</metrics> |
| 558 | 754 |
</div> |
| 559 | 755 |
</div> |
| 560 |
</div> |
|
| 561 |
<div class="uk-margin-top"> |
|
| 562 |
<div class="sideInfoTitle uk-margin-small-bottom uk-margin-small-top">Share project's content</div> |
|
| 563 |
<div class="app-box uk-padding-small uk-margin-small-left uk-margin-small-right"> |
|
| 564 |
<!-- <select class="select" id="share_content" name="share_content"--> |
|
| 565 |
<!-- [(ngModel)]="share_research_results_type">--> |
|
| 566 |
<!-- <option value="">Select content type</option>--> |
|
| 567 |
<!-- <option value="publications">Publications</option>--> |
|
| 568 |
<!-- <option value="datasets">Research data</option>--> |
|
| 569 |
<!-- <option value="software">Software</option>--> |
|
| 570 |
<!-- <option value="other">Other research products</option>--> |
|
| 571 |
<!-- </select>--> |
|
| 572 |
<div class="uk-padding-small uk-padding-remove-vertical"> |
|
| 573 |
<mat-select [(value)]="share_research_results_type" |
|
| 574 |
[disableOptionCentering]="true" |
|
| 575 |
panelClass="entitiesSelectionPanel" |
|
| 576 |
class="matSelection"> |
|
| 577 |
<mat-option value="">Select content type</mat-option> |
|
| 578 |
<mat-option value="result">All research outcomes</mat-option> |
|
| 579 |
<mat-option value="publication">Publications</mat-option> |
|
| 580 |
<mat-option value="dataset">Research data</mat-option> |
|
| 581 |
<mat-option value="software">Software</mat-option> |
|
| 582 |
<mat-option value="other">Other research products</mat-option> |
|
| 583 |
</mat-select> |
|
| 584 |
<div *ngIf="share_research_results_type" class="uk-animation-slide-top-small"> |
|
| 585 |
<ng-container *ngTemplateOutlet="share_research_results_box; |
|
| 586 |
context: { dynamic_content: getDynamicContent(share_research_results_type) }">
|
|
| 587 |
</ng-container> |
|
| 756 |
</li> |
|
| 757 |
|
|
| 758 |
|
|
| 759 |
</ul> |
|
| 760 |
<div class="uk-margin-small-top uk-text-muted uk-text-small uk-text-right"> |
|
| 761 |
Last update of records in OpenAIRE: {{indexUpdateDate | date: 'MMM dd, yyyy'}}
|
|
| 762 |
</div> |
|
| 763 |
<modal-loading></modal-loading> |
|
| 764 |
<modal-alert #AlertModalCsvError></modal-alert> |
|
| 765 |
|
|
| 766 |
</div> |
|
| 767 |
</div> |
|
| 768 |
|
|
| 769 |
<div *ngIf="projectInfo != null"> |
|
| 770 |
|
|
| 771 |
<div class="main-tabs-div"> |
|
| 772 |
<my-tabs (selectedActiveTab)="onSelectActiveTab($event)"> |
|
| 773 |
<my-tab [tabTitle]="'Project Summary'" [tabId]="'summary'"> |
|
| 774 |
<div class="uk-grid uk-margin-remove"> |
|
| 775 |
<div *ngIf="projectInfo.description" class="uk-width-expand uk-padding uk-inline"> |
|
| 776 |
<!-- Description --> |
|
| 777 |
<div class="uk-text-muted uk-text-small">Description</div> |
|
| 778 |
<div *ngIf="projectInfo.description" class="uk-margin-bottom"> |
|
| 779 |
<div class="uk-text-justify uk-text-small uk-height-max-medium uk-overflow-auto"> |
|
| 780 |
<span>{{projectInfo.description.substring(0, showNumDescription)}}</span>
|
|
| 781 |
<span *ngIf="showNumDescription == thresholdDescription && |
|
| 782 |
projectInfo.description.length > thresholdDescription">...</span> |
|
| 783 |
</div> |
|
| 784 |
<div *ngIf="showNumDescription == thresholdDescription && |
|
| 785 |
projectInfo.description.length > thresholdDescription" class="uk-text-right"> |
|
| 786 |
<a (click)="showNumDescription = projectInfo.description.length;"> |
|
| 787 |
Read more |
|
| 788 |
</a> |
|
| 789 |
</div> |
|
| 790 |
<div *ngIf="projectInfo.description && showNumDescription > thresholdDescription" |
|
| 791 |
class="uk-text-right"> |
|
| 792 |
<a (click)="showNumDescription = thresholdDescription;"> |
|
| 793 |
Read less |
|
| 794 |
</a> |
|
| 795 |
</div> |
|
| 588 | 796 |
</div> |
| 797 |
|
|
| 798 |
</div> |
|
| 799 |
<div *ngIf="projectInfo.organizations && projectInfo.organizations.length > 0" |
|
| 800 |
class="uk-width-1-3 uk-padding right-column uk-inline"> |
|
| 801 |
<!-- Organizations --> |
|
| 802 |
<div class="uk-text-muted uk-text-small">Organizations</div> |
|
| 803 |
<div class="uk-height-max-medium uk-overflow-auto"> |
|
| 804 |
<span *ngFor="let organization of projectInfo.organizations.slice(0, showNumOrganizations) let i=index" |
|
| 805 |
[attr.uk-tooltip]="organization.acronym && organization.name ? 'pos:right; delay:10' : 'cls: uk-invisible'" |
|
| 806 |
[title]="organization.name"> |
|
| 807 |
<a *ngIf="organization.id" |
|
| 808 |
[queryParams]="{organizationId: organization.id}" routerLinkActive="router-link-active"
|
|
| 809 |
routerLink="/search/organization"> |
|
| 810 |
<u>{{(organization.acronym) ? organization.acronym : ''}}</u>
|
|
| 811 |
<u>{{(!organization.acronym && organization.name) ? organization.name : ''}}</u>
|
|
| 812 |
</a> |
|
| 813 |
<span *ngIf="!organization.id"> |
|
| 814 |
<span *ngIf="organization.acronym">{{organization.acronym}}</span>
|
|
| 815 |
<span *ngIf="!organization.acronym && organization.name">{{organization.name}}</span>
|
|
| 816 |
</span> |
|
| 817 |
<span *ngIf="(i < projectInfo.organizations.length-1)">, </span> |
|
| 818 |
</span> |
|
| 819 |
<span *ngIf="showNumOrganizations == thresholdOrganizations && projectInfo.organizations.length > thresholdOrganizations"> ... </span> |
|
| 820 |
</div> |
|
| 821 |
<div *ngIf="showNumOrganizations == thresholdOrganizations && projectInfo.organizations.length > thresholdOrganizations" |
|
| 822 |
class="uk-width-1-1 uk-text-right uk-margin-small-top"> |
|
| 823 |
<a (click)="showNumOrganizations = projectInfo.organizations.length;"> |
|
| 824 |
View all {{projectInfo.organizations.length | number}} organizations
|
|
| 825 |
</a> |
|
| 826 |
</div> |
|
| 827 |
<div *ngIf="showNumOrganizations > thresholdOrganizations" |
|
| 828 |
class="uk-width-1-1 uk-text-right uk-margin-small-top"> |
|
| 829 |
<a (click)="showNumOrganizations = thresholdOrganizations;">View less organizations</a> |
|
| 830 |
</div> |
|
| 831 |
</div> |
|
| 589 | 832 |
</div> |
| 590 |
</div> |
|
| 591 |
<div class="uk-margin-top"> |
|
| 592 |
<div class="sideInfoTitle uk-margin-small-bottom uk-margin-small-top">Download report</div> |
|
| 593 |
<div class="app-box uk-padding-small uk-margin-small-left uk-margin-small-right"> |
|
| 594 |
<!-- <select class="select" id="download_report" name="download_report"--> |
|
| 595 |
<!-- [(ngModel)]="download_research_results_type">--> |
|
| 596 |
<!-- <option value="">Select content type</option>--> |
|
| 597 |
<!-- <option value="results">All research outcomes</option>--> |
|
| 598 |
<!-- <option value="publications">Publications</option>--> |
|
| 599 |
<!-- <option value="datasets">Research data</option>--> |
|
| 600 |
<!-- <option value="software">Software</option>--> |
|
| 601 |
<!-- <option value="other">Other research products</option>--> |
|
| 602 |
<!-- </select>--> |
|
| 603 |
<div class="uk-padding-small uk-padding-remove-vertical"> |
|
| 604 |
<mat-select *ngIf="projectInfo.funding && |
|
| 605 |
(fetchPublications.searchUtils.totalResults > 0 || |
|
| 606 |
fetchDatasets.searchUtils.totalResults > 0 || |
|
| 607 |
fetchSoftware.searchUtils.totalResults > 0 || |
|
| 608 |
fetchOrps.searchUtils.totalResults > 0)" |
|
| 609 |
[(value)]="download_research_results_type" |
|
| 610 |
[disableOptionCentering]="true" |
|
| 611 |
panelClass="entitiesSelectionPanel" |
|
| 612 |
class="matSelection"> |
|
| 613 |
<mat-option value="">Select content type</mat-option> |
|
| 614 |
<mat-option value="results">All research outcomes</mat-option> |
|
| 615 |
<mat-option value="publications" |
|
| 616 |
[disabled]="fetchPublications.searchUtils.totalResults == 0 || fetchPublications.searchUtils.status != errorCodes.DONE" |
|
| 617 |
[attr.uk-tooltip]="(fetchPublications.searchUtils.totalResults == 0 || fetchPublications.searchUtils.status != errorCodes.DONE) ? 'cls: uk-active' : 'cls: uk-invisible'" |
|
| 618 |
title="No report available"> |
|
| 619 |
Publications |
|
| 620 |
</mat-option> |
|
| 621 |
<mat-option value="datasets" |
|
| 622 |
[disabled]="fetchDatasets.searchUtils.totalResults == 0 || fetchDatasets.searchUtils.status != errorCodes.DONE" |
|
| 623 |
[attr.uk-tooltip]="(fetchDatasets.searchUtils.totalResults == 0 || fetchDatasets.searchUtils.status != errorCodes.DONE) ? 'cls: uk-active' : 'cls: uk-invisible'" |
|
| 624 |
title="No report available"> |
|
| 625 |
Research data |
|
| 626 |
</mat-option> |
|
| 627 |
<mat-option value="software" |
|
| 628 |
[disabled]="fetchSoftware.searchUtils.totalResults == 0 || fetchSoftware.searchUtils.status != errorCodes.DONE" |
|
| 629 |
[attr.uk-tooltip]="(fetchSoftware.searchUtils.totalResults == 0 || fetchSoftware.searchUtils.status != errorCodes.DONE) ? 'cls: uk-active' : 'cls: uk-invisible'" |
|
| 630 |
title="No report available"> |
|
| 631 |
Software |
|
| 632 |
</mat-option> |
|
| 633 |
<mat-option value="other" |
|
| 634 |
[disabled]="fetchOrps.searchUtils.totalResults == 0 || fetchOrps.searchUtils.status != errorCodes.DONE" |
|
| 635 |
[attr.uk-tooltip]="(fetchOrps.searchUtils.totalResults == 0 || fetchOrps.searchUtils.status != errorCodes.DONE) ? 'cls: uk-active' : 'cls: uk-invisible'" |
|
| 636 |
title="No report available"> |
|
| 637 |
Other research products |
|
| 638 |
</mat-option> |
|
| 639 |
</mat-select> |
|
| 640 |
<div *ngIf="download_research_results_type" class="uk-animation-slide-top-small"> |
|
| 641 |
<ng-container *ngTemplateOutlet="download_research_results_box; |
|
| 642 |
context: { type: download_research_results_type,
|
|
| 643 |
fileName_type: getFileNameType(download_research_results_type), |
|
| 644 |
csvParams: getCsvParams(download_research_results_type) }"> |
|
| 645 |
</ng-container> |
|
| 646 |
</div> |
|
| 833 |
</my-tab> |
|
| 834 |
<my-tab *ngIf="fetchPublications.searchUtils.totalResults > 0" |
|
| 835 |
[tabTitle]="'Publications'" [tabNumber]="fetchPublications.searchUtils.totalResults" |
|
| 836 |
[tabId]="'publications'"> |
|
| 837 |
<div class="uk-grid uk-margin-remove"> |
|
| 838 |
<div class="uk-width-expand uk-padding"> |
|
| 839 |
<!-- <errorMessages [status]="[fetchPublications.searchUtils.status]" [type]="'publications'"--> |
|
| 840 |
<!-- tab_error_class=true></errorMessages>--> |
|
| 647 | 841 |
|
| 648 |
<div *ngIf="!projectInfo.funding || |
|
| 649 |
(fetchPublications.searchUtils.totalResults == 0 && |
|
| 650 |
fetchDatasets.searchUtils.totalResults == 0 && |
|
| 651 |
fetchSoftware.searchUtils.totalResults == 0 && |
|
| 652 |
fetchOrps.searchUtils.totalResults == 0)" |
|
| 653 |
class="uk-text-muted"> |
|
| 654 |
No reports available |
|
| 842 |
<!-- <div *ngIf="fetchPublications.searchUtils.status == errorCodes.DONE">--> |
|
| 843 |
<!-- <div class="uk-inline uk-flex uk-flex-right">--> |
|
| 844 |
<!-- <span class="uk-position-left uk-text-middle uk-flex-middle uk-flex">--> |
|
| 845 |
<!-- <span>Top 10</span><span class="space uk-text-muted">PUBLICATION</span>--> |
|
| 846 |
<!-- </span>--> |
|
| 847 |
<!-- <a [queryParams]="routerHelper.createQueryParams(['project', 'po'], [projectId, 'and'])"--> |
|
| 848 |
<!-- routerLinkActive="router-link-active" [routerLink]="linkToSearchPublications">--> |
|
| 849 |
<!-- <button *ngIf="fetchPublications.searchUtils.totalResults > 10"--> |
|
| 850 |
<!-- class="uk-button uk-button-small portal-button">--> |
|
| 851 |
<!-- <span uk-icon="search"></span>--> |
|
| 852 |
<!-- View more--> |
|
| 853 |
<!-- </button>--> |
|
| 854 |
<!-- </a>--> |
|
| 855 |
|
|
| 856 |
<!-- </div>--> |
|
| 857 |
<!-- <search-result [results]="fetchPublications.results"--> |
|
| 858 |
<!-- [status]="fetchPublications.searchUtils.status"--> |
|
| 859 |
<!-- type="publication" urlParam="articleId"--> |
|
| 860 |
<!-- dividerNotCard="true">--> |
|
| 861 |
<!-- </search-result>--> |
|
| 862 |
<!-- </div>--> |
|
| 863 |
<ng-container *ngTemplateOutlet="search_tab; |
|
| 864 |
context: { fetch: fetchPublications, type: 'publication', urlParam: 'articleId'}">
|
|
| 865 |
</ng-container> |
|
| 866 |
</div> |
|
| 867 |
|
|
| 868 |
<div class="uk-width-1-3 uk-padding right-column"> |
|
| 869 |
<div>test publications</div> |
|
| 870 |
</div> |
|
| 871 |
</div> |
|
| 872 |
|
|
| 873 |
<!-- <ng-container *ngTemplateOutlet="tab_content; context: {-->
|
|
| 874 |
<!-- resultType: 'publication', results: publicationResults,--> |
|
| 875 |
<!-- totalResults: publicationTotal, type: 'publication', typeName: 'publication'}">--> |
|
| 876 |
<!-- </ng-container>--> |
|
| 877 |
</my-tab> |
|
| 878 |
<my-tab *ngIf="fetchDatasets.searchUtils.totalResults > 0" |
|
| 879 |
[tabTitle]="'Research Data'" [tabNumber]="fetchDatasets.searchUtils.totalResults" |
|
| 880 |
[tabId]="'datasets'"> |
|
| 881 |
<div class="uk-grid uk-margin-remove"> |
|
| 882 |
<div class="uk-width-expand uk-padding"> |
|
| 883 |
<ng-container *ngTemplateOutlet="search_tab; |
|
| 884 |
context: { fetch: fetchDatasets, type: 'dataset', urlParam: 'datasetId'}">
|
|
| 885 |
</ng-container> |
|
| 886 |
</div> |
|
| 887 |
|
|
| 888 |
<div class="uk-width-1-3 uk-padding right-column"> |
|
| 889 |
<div>test research data</div> |
|
| 890 |
</div> |
|
| 891 |
</div> |
|
| 892 |
</my-tab> |
|
| 893 |
<my-tab *ngIf="fetchSoftware.searchUtils.totalResults > 0" |
|
| 894 |
[tabTitle]="'Software'" [tabNumber]="fetchSoftware.searchUtils.totalResults" |
|
| 895 |
[tabId]="'software'"> |
|
| 896 |
<div class="uk-grid uk-margin-remove"> |
|
| 897 |
<div class="uk-width-expand uk-padding"> |
|
| 898 |
<ng-container *ngTemplateOutlet="search_tab; |
|
| 899 |
context: { fetch: fetchSoftware, type: 'software', urlParam: 'softwareId'}">
|
|
| 900 |
</ng-container> |
|
| 901 |
</div> |
|
| 902 |
|
|
| 903 |
<div class="uk-width-1-3 uk-padding right-column"> |
|
| 904 |
<div>test software</div> |
|
| 905 |
</div> |
|
| 906 |
</div> |
|
| 907 |
</my-tab> |
|
| 908 |
<my-tab *ngIf="fetchOrps.searchUtils.totalResults > 0" |
|
| 909 |
[tabTitle]="'Other Research'" [tabNumber]="fetchOrps.searchUtils.totalResults" |
|
| 910 |
[tabId]="'other'"> |
|
| 911 |
<div class="uk-grid uk-margin-remove"> |
|
| 912 |
<div class="uk-width-expand uk-padding"> |
|
| 913 |
<ng-container *ngTemplateOutlet="search_tab; |
|
| 914 |
context: { fetch: fetchOrps, type: 'other', urlParam: 'orpId'}">
|
|
| 915 |
</ng-container> |
|
| 916 |
</div> |
|
| 917 |
|
|
| 918 |
<div class="uk-width-1-3 uk-padding right-column"> |
|
| 919 |
<div>test other research products</div> |
|
| 920 |
</div> |
|
| 921 |
</div> |
|
| 922 |
</my-tab> |
|
| 923 |
<my-tab *ngIf="(fetchPublications.searchUtils.totalResults > 0 || fetchDatasets.searchUtils.totalResults > 0 |
|
| 924 |
|| fetchSoftware.searchUtils.totalResults > 0 || fetchOrps.searchUtils.totalResults > 0)" |
|
| 925 |
[tabTitle]="'Statistics'" [statistics]="true" [tabId]="'statistics'"> |
|
| 926 |
<div class=""> |
|
| 927 |
<div class="uk-width-expand uk-padding"> |
|
| 928 |
<errorMessages [status]="[fetchPublications.searchUtils.status, fetchDatasets.searchUtils.status, |
|
| 929 |
fetchSoftware.searchUtils.status, fetchOrps.searchUtils.status]" |
|
| 930 |
[type]="'statistics'" tab_error_class=true></errorMessages> |
|
| 931 |
|
|
| 932 |
<div |
|
| 933 |
*ngIf="statsClicked && |
|
| 934 |
(fetchPublications.searchUtils.status == errorCodes.DONE || fetchDatasets.searchUtils.status == errorCodes.DONE |
|
| 935 |
|| fetchSoftware.searchUtils.status == errorCodes.DONE || fetchOrps.searchUtils.status == errorCodes.DONE)" |
|
| 936 |
class="uk-grid uk-child-width-1-2"> |
|
| 937 |
<div class="uk-padding uk-padding-remove-top"> |
|
| 938 |
<div *ngIf="!properties.useNewStatistisTool" class="uk-text-center uk-text-large">Produced research |
|
| 939 |
outcomes per year</div> |
|
| 940 |
<i-frame [url]=chartScientificResultsUrl></i-frame> |
|
| 941 |
</div> |
|
| 942 |
<div class="uk-padding uk-padding-remove-top"> |
|
| 943 |
<div *ngIf="!properties.useNewStatistisTool" class="uk-text-center uk-text-large">Access mode of research |
|
| 944 |
outcomes</div> |
|
| 945 |
<i-frame [url]=chartAccessModeUrl></i-frame> |
|
| 946 |
</div> |
|
| 947 |
<div class="uk-padding uk-padding-remove-top"> |
|
| 948 |
<div *ngIf="!properties.useNewStatistisTool" class="uk-text-center uk-text-large">Research outcomes per datasource</div> |
|
| 949 |
<i-frame [url]=chartDatasourcesUrl></i-frame> |
|
| 950 |
</div> |
|
| 655 | 951 |
</div> |
| 656 | 952 |
</div> |
| 657 | 953 |
</div> |
| 658 |
</div> |
|
| 659 |
<!-- <div class="uk-margin-top">--> |
|
| 660 |
<!-- <div class="sideInfoTitle uk-margin-small-bottom">Share project's research results</div>--> |
|
| 661 |
<!-- <div>--> |
|
| 662 |
<!-- <div [class]="'uk-margin-small-bottom uk-margin-small-right uk-button uk-button-small'--> |
|
| 663 |
<!-- + (share_research_results_type == 'publications' ? ' researchResultTypeSelected' : ' researchResultTypeNotSelected')"--> |
|
| 664 |
<!-- (click)="((share_research_results_type == 'publications') ? share_research_results_type='' : share_research_results_type='publications')">--> |
|
| 665 |
<!-- Publications--> |
|
| 666 |
<!-- </div>--> |
|
| 667 |
<!-- <div [class]="'uk-margin-small-bottom uk-margin-small-right uk-button uk-button-small'--> |
|
| 668 |
<!-- + (share_research_results_type == 'datasets' ? ' researchResultTypeSelected' : ' researchResultTypeNotSelected')"--> |
|
| 669 |
<!-- (click)="((share_research_results_type == 'datasets') ? share_research_results_type='' : share_research_results_type='datasets')">--> |
|
| 670 |
<!-- Research data--> |
|
| 671 |
<!-- </div>--> |
|
| 672 |
<!-- <div [class]="'uk-margin-small-bottom uk-margin-small-right uk-button uk-button-small'--> |
|
| 673 |
<!-- + (share_research_results_type == 'software' ? ' researchResultTypeSelected' : ' researchResultTypeNotSelected')"--> |
|
| 674 |
<!-- (click)="((share_research_results_type == 'software') ? share_research_results_type='' : share_research_results_type='software')">--> |
|
| 675 |
<!-- Software--> |
|
| 676 |
<!-- </div>--> |
|
| 677 |
<!-- <div [class]="'uk-margin-small-bottom uk-margin-small-right uk-button uk-button-small'--> |
|
| 678 |
<!-- + (share_research_results_type == 'other' ? ' researchResultTypeSelected' : ' researchResultTypeNotSelected')"--> |
|
| 679 |
<!-- (click)="((share_research_results_type == 'other') ? share_research_results_type='' : share_research_results_type='other')">--> |
|
| 680 |
<!-- Other--> |
|
| 681 |
<!-- </div>--> |
|
| 682 |
<!-- </div>--> |
|
| 683 |
<!-- </div>--> |
|
| 684 |
<!-- </div>--> |
|
| 685 |
</div> |
|
| 954 |
</my-tab> |
|
| 955 |
</my-tabs> |
|
| 686 | 956 |
</div> |
| 687 |
<div class="uk-margin-small-top uk-text-muted uk-text-small uk-text-right"> |
|
| 688 |
Last update of records in OpenAIRE: {{indexUpdateDate | date: 'MMM dd, yyyy'}}
|
|
| 957 |
<div class="uk-margin-small-top uk-flex uk-flex-bottom"> |
|
| 958 |
<img src="assets/common-assets/graph.svg" style="opacity: 0.4"> |
|
| 959 |
<span class="uk-margin-small-left uk-text-small uk-text-baseline uk-text-muted">Powered by OpenAIRE Open Research Graph</span> |
|
| 689 | 960 |
</div> |
| 690 |
<modal-loading></modal-loading> |
|
| 691 |
<modal-alert #AlertModalCsvError></modal-alert> |
|
| 692 | 961 |
|
| 962 |
|
|
| 693 | 963 |
</div> |
| 694 |
</div> |
|
| 695 | 964 |
<helper *ngIf="pageContents && pageContents['bottom'] && pageContents['bottom'].length > 0" |
| 696 | 965 |
[texts]="pageContents['bottom']"></helper> |
| 697 | 966 |
</div> |
Also available in: Unified diff
[Trunk | Library]:
1. searchResult.component: Field 'dividerNotCard' added to show results in card or not.
2. project.component: Initial commit for landing pages redesign (more to follow).