Revision 59180
Added by Konstantina Galouni almost 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"> |
|
5 |
<a class="clickable" |
|
6 |
uk-toggle="target: #dynamic_content_id; animation:uk-animation-fade"><span |
|
7 |
class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20" |
|
8 |
xmlns="http://www.w3.org/2000/svg" icon="code" ratio="1"><polyline |
|
9 |
fill="none" stroke="#000" stroke-width="1.01" points="13,4 19,10 13,16"></polyline><polyline |
|
10 |
fill="none" stroke="#000" stroke-width="1.01" |
|
11 |
points="7,4 1,10 7,16"></polyline></svg></span> Include in your site (HTML)</a> |
|
12 |
<div hidden id="dynamic_content_id" class="uk-margin-small-top"> |
|
13 |
<div class="uk-grid"> |
|
4 |
<!-- class="uk-margin-top"--> |
|
5 |
<li> |
|
6 |
<!-- <a class="clickable"--> |
|
7 |
<!-- uk-toggle="target: #dynamic_content_id; animation:uk-animation-fade"><span--> |
|
8 |
<!-- class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20"--> |
|
9 |
<!-- xmlns="http://www.w3.org/2000/svg" icon="code" ratio="1"><polyline--> |
|
10 |
<!-- fill="none" stroke="#000" stroke-width="1.01" points="13,4 19,10 13,16"></polyline><polyline--> |
|
11 |
<!-- fill="none" stroke="#000" stroke-width="1.01"--> |
|
12 |
<!-- points="7,4 1,10 7,16"></polyline></svg></span> Include in your site (HTML)</a>--> |
|
13 |
<!-- hidden class="uk-margin-small-top"--> |
|
14 |
<div id="dynamic_content_id"> |
|
15 |
<pre class="box-content uk-padding-remove-bottom uk-margin-remove-bottom"><code |
|
16 |
id="clipboard">{{dynamic_content}}</code></pre> |
|
17 |
<div class="uk-grid uk-margin-small-top"> |
|
14 | 18 |
<a |
15 | 19 |
class="clipboard_btn uk-padding-remove-left uk-margin-small-left uk-text-right uk-width-1-1" |
16 | 20 |
data-clipboard-target="#clipboard" title="Copy to clipboard"> |
17 |
<button class="uk-button uk-button-small uk-button-default uk-icon">
|
|
21 |
<button class="uk-button uk-button-small uk-button-secondary uk-icon">
|
|
18 | 22 |
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="copy" ratio="1"> |
19 | 23 |
<rect fill="none" stroke="#000" x="3.5" y="2.5" width="12" height="16"></rect> |
20 | 24 |
<polyline fill="none" stroke="#000" points="5 0.5 17.5 0.5 17.5 17"></polyline> |
... | ... | |
23 | 27 |
</button> |
24 | 28 |
</a> |
25 | 29 |
</div> |
26 |
|
|
27 |
<pre class="box-content uk-padding-remove-bottom uk-margin-remove-bottom"><code |
|
28 |
id="clipboard">{{dynamic_content}}</code></pre> |
|
29 | 30 |
<div class="uk-text-small uk-margin-small-top"> |
30 | 31 |
For further information contact us at |
31 | 32 |
<u><a [href]="'mailto:'+properties.helpdeskEmail" class="uk-link-text">{{properties.helpdeskEmail}}</a></u> |
... | ... | |
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"--> |
... | ... | |
73 | 75 |
</ul> |
74 | 76 |
</ng-template> |
75 | 77 |
|
76 |
<ng-template #search_box let-fetch="fetch" let-type="type" let-typeName="typeName"> |
|
77 |
<div *ngIf="fetch.searchUtils.totalResults > 0"> |
|
78 |
<div class="uk-position-relative"> |
|
79 |
<a [queryParams]="routerHelper.createQueryParams(['f0', 'fv0', 'type', 'qf'], ['relprojectid', projectId, type, 'false'])" |
|
80 |
[routerLink]="properties.searchLinkToAdvancedResults" target="_blank"> |
|
81 |
<span class="custom-external uk-position-top-right uk-margin-small-right uk-margin-small-top"></span> |
|
82 |
<div class="header target uk-text-bold">{{typeName}}</div> |
|
83 |
<div class="icon uk-position-center" uk-icon="icon: search;"></div> |
|
84 |
<div class="footer target uk-position-relative"> |
|
85 |
<span class="uk-text-bold uk-position-center">{{fetch.searchUtils.totalResults | number}}</span> |
|
86 |
</div> |
|
87 |
</a> |
|
88 |
</div> |
|
89 |
</div> |
|
90 |
</ng-template> |
|
91 |
|
|
92 |
<div id="tm-main" class="landing uk-section uk-padding-remove-top uk-margin-small-top tm-middle"> |
|
78 |
<div id="tm-main" class="landing uk-section uk-padding-remove-top tm-middle"> |
|
93 | 79 |
<div *ngIf="!showFeedback" uk-grid> |
94 | 80 |
<div class="tm-main uk-width-1-1@s uk-width-1-1@m uk-width-1-1@l uk-row-first "> |
95 | 81 |
|
96 |
<div id="project" class="uk-container uk-container-large project"> |
|
82 |
<div id="project" class="uk-container uk-container-large uk-margin-medium-top project">
|
|
97 | 83 |
<div *ngIf="warningMessage.length > 0" class="uk-alert uk-alert-warning uk-margin-large-top" |
98 | 84 |
role="alert">{{warningMessage}}</div> |
99 | 85 |
<div *ngIf="errorMessage.length > 0" class="uk-alert uk-alert-danger uk-margin-large-top" |
... | ... | |
103 | 89 |
class="loading-gif uk-align-center"></span></div> |
104 | 90 |
<helper *ngIf="pageContents && pageContents['top'] && pageContents['top'].length > 0" |
105 | 91 |
[texts]="pageContents['top']"></helper> |
106 |
<div *ngIf="projectInfo != null" class="uk-grid"> |
|
107 |
<div class="uk-width-2-3@m uk-width-1-1@s uk-margin-bottom"> |
|
92 |
<div *ngIf="projectInfo != null" class="uk-grid uk-margin-remove-left uk-margin-large-bottom">
|
|
93 |
<div class="uk-width-2-3@m uk-width-1-1@s uk-margin-bottom uk-padding uk-padding-remove-left uk-padding-remove-vertical">
|
|
108 | 94 |
<schema2jsonld *ngIf="projectInfo" [data]=projectInfo |
109 | 95 |
[URL]="properties.baseLink+properties.searchLinkToProject+projectId" |
110 | 96 |
type="project"></schema2jsonld> |
... | ... | |
138 | 124 |
Special Clause 39 |
139 | 125 |
</span>{{" "}} |
140 | 126 |
</div> |
141 |
<ul class="uk-list uk-margin-bottom left-border"> |
|
127 |
<ul class="basic-info uk-list uk-margin-bottom left-border">
|
|
142 | 128 |
<li *ngIf="projectInfo.funding"> |
143 | 129 |
<span *ngIf="projectInfo.funding.funderName" class="uk-margin-right"> |
144 | 130 |
<span class="uk-text-muted">Funder: </span> |
145 |
{{projectInfo.funding.funderName}}
|
|
131 |
<span class="uk-text-bold">{{projectInfo.funding.funderName}}</span>
|
|
146 | 132 |
</span> |
147 | 133 |
<span *ngIf="projectInfo.funding.code" class="uk-margin-right uk-display-inline-block"> |
148 | 134 |
<span class="uk-text-muted">Project code: </span> |
... | ... | |
177 | 163 |
</li> |
178 | 164 |
<li *ngIf="projectInfo.startDate || projectInfo.endDate" class="uk-width-2-5"> |
179 | 165 |
<progress *ngIf="projectInfo.startDate && projectInfo.endDate" |
180 |
class="uk-progress green-progress uk-margin-small-top uk-margin-remove-bottom"
|
|
166 |
class="uk-progress portal-progress uk-margin-small-top uk-margin-remove-bottom"
|
|
181 | 167 |
[value]="(projectInfo.currentDate > projectInfo.startDate ? projectInfo.currentDate-projectInfo.startDate : 0)" |
182 | 168 |
[max]="projectInfo.endDate-projectInfo.startDate"> |
183 | 169 |
</progress> |
... | ... | |
201 | 187 |
</li> |
202 | 188 |
</ul> |
203 | 189 |
<ul class="uk-list uk-margin-bottom"> |
204 |
<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 *ngIf="(i < projectInfo.organizations.length-1)">,</span> |
|
233 |
</span> |
|
234 |
<span *ngIf="(i < projectInfo.organizations.length-1)">, </span> |
|
190 |
<li *ngIf="(projectInfo.openAccessMandatePublications != undefined && !projectInfo.openAccessMandatePublications) |
|
191 |
|| (projectInfo.openAccessMandateDatasets != undefined && !projectInfo.openAccessMandateDatasets)"> |
|
192 |
<div>Open Access mandate</div> |
|
193 |
<div> |
|
194 |
<span *ngIf="projectInfo.openAccessMandatePublications != undefined && !projectInfo.openAccessMandatePublications" |
|
195 |
class="uk-margin-right"> |
|
196 |
<span class="uk-text-muted">Publications: </span> |
|
197 |
<!-- <span *ngIf="projectInfo.openAccessMandatePublications">Yes</span>--> |
|
198 |
<span>No</span> |
|
235 | 199 |
</span> |
236 |
<span *ngIf="showNumOrganizations == thresholdOrganizations && projectInfo.organizations.length > thresholdOrganizations"> ... </span> |
|
200 |
<span *ngIf="projectInfo.openAccessMandateDatasets != undefined && !projectInfo.openAccessMandateDatasets"> |
|
201 |
<span class="uk-text-muted">Research Data: </span> |
|
202 |
<!-- <span *ngIf="projectInfo.openAccessMandateDatasets">Yes</span>--> |
|
203 |
<span>No</span> |
|
204 |
</span> |
|
237 | 205 |
</div> |
238 |
<div *ngIf="showNumOrganizations == thresholdOrganizations && projectInfo.organizations.length > thresholdOrganizations" |
|
239 |
class="uk-width-1-1 uk-text-right"> |
|
240 |
<a (click)="showNumOrganizations = projectInfo.organizations.length;"> |
|
241 |
View all {{projectInfo.organizations.length | number}} organizations |
|
242 |
</a> |
|
243 |
</div> |
|
244 |
<div *ngIf="showNumOrganizations > thresholdOrganizations" class="uk-width-1-1 uk-text-right"> |
|
245 |
<a (click)="showNumOrganizations = thresholdOrganizations;">View less organizations</a> |
|
246 |
</div> |
|
247 | 206 |
</li> |
248 | 207 |
</ul> |
208 |
</div> |
|
249 | 209 |
|
250 |
<!-- Description --> |
|
251 |
<div *ngIf="projectInfo.description" class="uk-margin-bottom"> |
|
252 |
<div class="uk-text-justify uk-text-small uk-height-max-medium uk-overflow-auto"> |
|
253 |
<span class="uk-text-muted">Description: </span> |
|
254 |
<span>{{projectInfo.description.substring(0, showNumDescription)}}</span> |
|
255 |
<span *ngIf="showNumDescription == thresholdDescription && |
|
256 |
projectInfo.description.length > thresholdDescription">...</span> |
|
257 |
</div> |
|
258 |
<div *ngIf="showNumDescription == thresholdDescription && |
|
259 |
projectInfo.description.length > thresholdDescription" class="uk-text-right"> |
|
260 |
<a (click)="showNumDescription = projectInfo.description.length;"> |
|
261 |
View more |
|
210 |
<div class="uk-width-1-3@m uk-width-1-1@s uk-padding-remove"> |
|
211 |
<ul class="user-actions uk-list uk-card uk-card-default uk-padding"> |
|
212 |
<!-- NEW--> |
|
213 |
<li><addThis></addThis></li> |
|
214 |
<li *ngIf="isRouteAvailable('participate/direct-claim')"> |
|
215 |
<a class="uk-link-text uk-text-bold uk-text-uppercase" (click)="openLinkProjectModal()"> |
|
216 |
<span class="uk-icon-button portal-button uk-icon"> |
|
217 |
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="link"><path |
|
218 |
fill="none" stroke="#000" stroke-width="1.1" |
|
219 |
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"></path><path |
|
220 |
fill="none" stroke="#000" stroke-width="1.1" |
|
221 |
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"></path><path |
|
222 |
fill="none" stroke="#000" stroke-width="1.1" |
|
223 |
d="M7.925,11.875 L11.925,7.975"></path> |
|
224 |
</svg> |
|
225 |
</span> |
|
226 |
<span class="uk-margin-small-left">Link this project to...</span> |
|
262 | 227 |
</a> |
263 |
</div> |
|
264 |
<div *ngIf="projectInfo.description && showNumDescription > thresholdDescription" |
|
265 |
class="uk-text-right"> |
|
266 |
<a (click)="showNumDescription = thresholdDescription;"> |
|
267 |
View less |
|
268 |
</a> |
|
269 |
</div> |
|
270 |
</div> |
|
271 |
|
|
272 |
<div *ngIf="(fetchPublications.searchUtils.totalResults > 0 || fetchDatasets.searchUtils.totalResults > 0 |
|
273 |
|| fetchSoftware.searchUtils.totalResults > 0 || fetchOrps.searchUtils.totalResults > 0)" |
|
274 |
class="uk-margin-medium-top"> |
|
275 |
<div class="uk-margin-top simple-buttons uk-flex uk-flex-middle"> |
|
276 |
<div (click)="openStatistics()" class="clickable uk-margin-right"> |
|
277 |
<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"> |
|
278 |
<path d="M0 0h24v24H0z" fill="none"></path> |
|
279 |
<path id="statistics-bars" d="M10 20h4V4h-4v16zm-6 0h4v-8H4v8zM16 9v11h4V9h-4z"></path> |
|
280 |
</svg> |
|
281 |
<span class="uk-text-middle space">View statistics</span> |
|
282 |
</div> |
|
283 |
</div> |
|
284 |
|
|
285 |
<div class="uk-margin-top advanced-buttons uk-grid-small uk-child-width-1-4@s uk-child-width-1-2" |
|
286 |
uk-height-match="target: .target; row: false" |
|
287 |
uk-grid> |
|
288 |
<ng-container *ngTemplateOutlet="search_box; |
|
289 |
context: { fetch: fetchPublications, type: 'publications', typeName: 'Publications'}"> |
|
290 |
</ng-container> |
|
291 |
<ng-container *ngTemplateOutlet="search_box; |
|
292 |
context: { fetch: fetchDatasets, type: 'datasets', typeName: 'Research Data'}"> |
|
293 |
</ng-container> |
|
294 |
<ng-container *ngTemplateOutlet="search_box; |
|
295 |
context: { fetch: fetchSoftware, type: 'software', typeName: 'Software'}"> |
|
296 |
</ng-container> |
|
297 |
<ng-container *ngTemplateOutlet="search_box; |
|
298 |
context: { fetch: fetchOrps, type: 'other', typeName: 'Other Research Products'}"> |
|
299 |
</ng-container> |
|
300 |
</div> |
|
301 |
</div> |
|
302 |
<div class="uk-margin-small-top uk-flex uk-flex-bottom"> |
|
303 |
<img src="assets/common-assets/graph.svg" style="opacity: 0.4"> |
|
304 |
<span class="uk-margin-small-left uk-text-small uk-text-baseline uk-text-muted">Powered by OpenAIRE Open Research Graph</span> |
|
305 |
</div> |
|
306 |
|
|
307 |
<!-- <ul class="custom-accordion" uk-accordion>--> |
|
308 |
|
|
309 |
<!-- <li (click)="activeTab='Publications'; searchPublicationsInit()">--> |
|
310 |
<!-- <a class="uk-accordion-title" href="#">--> |
|
311 |
<!-- Publications--> |
|
312 |
<!-- <!– <span class="uk-badge uk-badge-notification"> –>--> |
|
313 |
<!-- ({{fetchPublications.searchUtils.totalResults | number}})--> |
|
314 |
<!-- <!– </span> –>--> |
|
315 |
<!-- </a>--> |
|
316 |
<!-- <div class="uk-accordion-content">--> |
|
317 |
<!-- <errorMessages [status]="[fetchPublications.searchUtils.status]" [type]="'publications'"--> |
|
318 |
<!-- tab_error_class=true></errorMessages>--> |
|
319 |
|
|
320 |
<!-- <div *ngIf="fetchPublications.searchUtils.status == errorCodes.DONE">--> |
|
321 |
<!-- <div class="uk-text-right" *ngIf="fetchPublications.searchUtils.totalResults > 10">--> |
|
322 |
<!-- <a [queryParams]="routerHelper.createQueryParams(['project', 'po'], [projectId, 'and'])"--> |
|
323 |
<!-- routerLinkActive="router-link-active" [routerLink]="linkToSearchPublications"--> |
|
324 |
<!-- class="uk-button uk-button-text">--> |
|
325 |
<!-- View all {{fetchPublications.searchUtils.totalResults | number}} results--> |
|
326 |
<!-- </a>--> |
|
327 |
<!-- </div>--> |
|
328 |
<!-- <tab-result [(results)]="fetchPublications.results"--> |
|
329 |
<!-- [(status)]="fetchPublications.searchUtils.status"--> |
|
330 |
<!-- type="publication" urlParam="articleId">--> |
|
331 |
<!-- </tab-result>--> |
|
228 |
<modal-alert #linkProjectModal |
|
229 |
[classTitle]="'landing-modal-header'" [classBody]="'uk-padding-remove landing-modal'"> |
|
230 |
<!-- <div class="uk-modal-title landing-modal-header">--> |
|
231 |
<!-- <button class="uk-modal-close-default uk-float-right" (click)='linkProjectModal.cancel()' uk-close></button>--> |
|
232 |
<!-- <h4 class="modal-title" id="myModalLabel">{{linkProjectModal.alertTitle}}</h4>--> |
|
332 | 233 |
<!-- </div>--> |
333 |
<!-- </div>--> |
|
334 |
<!-- </li>--> |
|
335 |
|
|
336 |
<!-- <li (click)="activeTab='Research Data'; searchDatasetsInit()">--> |
|
337 |
<!-- <a class="uk-accordion-title" href="#">--> |
|
338 |
<!-- Research Data--> |
|
339 |
<!-- <!– <span class="uk-badge uk-badge-notification"> –>--> |
|
340 |
<!-- ({{fetchDatasets.searchUtils.totalResults | number}})--> |
|
341 |
<!-- <!– </span> –>--> |
|
342 |
<!-- </a>--> |
|
343 |
<!-- <div class="uk-accordion-content">--> |
|
344 |
<!-- <errorMessages [status]="[fetchDatasets.searchUtils.status]" [type]="'research data'"--> |
|
345 |
<!-- tab_error_class=true></errorMessages>--> |
|
346 |
|
|
347 |
<!-- <div *ngIf="fetchDatasets.searchUtils.status == errorCodes.DONE">--> |
|
348 |
|
|
349 |
<!-- <div class="uk-text-right" *ngIf="fetchDatasets.searchUtils.totalResults > 10">--> |
|
350 |
<!-- <a [queryParams]="routerHelper.createQueryParams(['project', 'po'], [projectId, 'and'])"--> |
|
351 |
<!-- routerLinkActive="router-link-active" [routerLink]="linkToSearchDatasets"--> |
|
352 |
<!-- class="uk-button uk-button-text">--> |
|
353 |
<!-- View all {{fetchDatasets.searchUtils.totalResults | number}} results--> |
|
354 |
<!-- </a>--> |
|
355 |
<!-- </div>--> |
|
356 |
<!-- <tab-result [(results)]="fetchDatasets.results"--> |
|
357 |
<!-- [(status)]="fetchDatasets.searchUtils.status"--> |
|
358 |
<!-- type="dataset" urlParam="datasetId">--> |
|
359 |
<!-- </tab-result>--> |
|
360 |
<!-- </div>--> |
|
361 |
<!-- </div>--> |
|
362 |
<!-- </li>--> |
|
363 |
|
|
364 |
<!-- <li (click)="activeTab='Software'; searchSoftwareInit()">--> |
|
365 |
<!-- <a class="uk-accordion-title" href="#">--> |
|
366 |
<!-- Software--> |
|
367 |
<!-- <!– <span class="uk-badge uk-badge-notification"> –>--> |
|
368 |
<!-- ({{fetchSoftware.searchUtils.totalResults | number}})--> |
|
369 |
<!-- <!– </span> –>--> |
|
370 |
<!-- </a>--> |
|
371 |
<!-- <div class="uk-accordion-content">--> |
|
372 |
<!-- <errorMessages [status]="[fetchSoftware.searchUtils.status]" [type]="'software'"--> |
|
373 |
<!-- tab_error_class=true></errorMessages>--> |
|
374 |
|
|
375 |
<!-- <div *ngIf="fetchSoftware.searchUtils.status == errorCodes.DONE">--> |
|
376 |
|
|
377 |
<!-- <div class="uk-text-right" *ngIf="fetchSoftware.searchUtils.totalResults > 10">--> |
|
378 |
<!-- <a [queryParams]="routerHelper.createQueryParams(['project', 'po'], [projectId, 'and'])"--> |
|
379 |
<!-- routerLinkActive="router-link-active" [routerLink]="linkToSearchSoftware"--> |
|
380 |
<!-- class="uk-button uk-button-text">--> |
|
381 |
<!-- View all {{fetchSoftware.searchUtils.totalResults | number}} results--> |
|
382 |
<!-- </a>--> |
|
383 |
<!-- </div>--> |
|
384 |
<!-- <tab-result [(results)]="fetchSoftware.results"--> |
|
385 |
<!-- [(status)]="fetchSoftware.searchUtils.status"--> |
|
386 |
<!-- type="software" urlParam="softwareId">--> |
|
387 |
<!-- </tab-result>--> |
|
388 |
<!-- </div>--> |
|
389 |
<!-- </div>--> |
|
390 |
<!-- </li>--> |
|
391 |
|
|
392 |
<!-- <li (click)="activeTab='Other Research Products'; searchOrpsInit()">--> |
|
393 |
<!-- <a class="uk-accordion-title" href="#">--> |
|
394 |
<!-- Other Research Products--> |
|
395 |
<!-- <!– <span class="uk-badge uk-badge-notification"> –>--> |
|
396 |
<!-- ({{fetchOrps.searchUtils.totalResults | number}})--> |
|
397 |
<!-- <!– </span> –>--> |
|
398 |
<!-- </a>--> |
|
399 |
<!-- <div class="uk-accordion-content">--> |
|
400 |
<!-- <errorMessages [status]="[fetchOrps.searchUtils.status]" [type]="'other research products'"--> |
|
401 |
<!-- tab_error_class=true></errorMessages>--> |
|
402 |
|
|
403 |
<!-- <div *ngIf="fetchOrps.searchUtils.status == errorCodes.DONE">--> |
|
404 |
|
|
405 |
<!-- <div class="uk-text-right" *ngIf="fetchOrps.searchUtils.totalResults > 10">--> |
|
406 |
<!-- <a [queryParams]="routerHelper.createQueryParams(['project', 'po'], [projectId, 'and'])"--> |
|
407 |
<!-- routerLinkActive="router-link-active" [routerLink]="linkToSearchOrps"--> |
|
408 |
<!-- class="uk-button uk-button-text">--> |
|
409 |
<!-- View all {{fetchOrps.searchUtils.totalResults | number}} results--> |
|
410 |
<!-- </a>--> |
|
411 |
<!-- </div>--> |
|
412 |
<!-- <tab-result [(results)]="fetchOrps.results"--> |
|
413 |
<!-- [(status)]="fetchOrps.searchUtils.status"--> |
|
414 |
<!-- type="other" urlParam="orpId">--> |
|
415 |
<!-- </tab-result>--> |
|
416 |
<!-- </div>--> |
|
417 |
<!-- </div>--> |
|
418 |
<!-- </li>--> |
|
419 |
|
|
420 |
<!-- <li (click)="activeTab='Statistics'; statsClicked=true">--> |
|
421 |
<!-- <a class="uk-accordion-title" href="#">--> |
|
422 |
<!-- Statistics--> |
|
423 |
<!-- </a>--> |
|
424 |
<!-- <div class="uk-accordion-content">--> |
|
425 |
<!-- <errorMessages [status]="[fetchPublications.searchUtils.status, fetchDatasets.searchUtils.status]"--> |
|
426 |
<!-- [type]="'statistics'" tab_error_class=true></errorMessages>--> |
|
427 |
|
|
428 |
<!-- <div--> |
|
429 |
<!-- *ngIf="statsClicked && (fetchPublications.searchUtils.status == errorCodes.DONE || fetchDatasets.searchUtils.status == errorCodes.DONE)">--> |
|
430 |
|
|
431 |
<!-- <div>--> |
|
432 |
<!-- <p class="uk-text-bold">Research Results</p>--> |
|
433 |
<!-- <i-frame [url]=chartScientificResultsUrl></i-frame>--> |
|
434 |
<!-- <p class="uk-text-bold">Access Mode of Research Results</p>--> |
|
435 |
<!-- <i-frame [url]=chartAccessModeUrl></i-frame>--> |
|
436 |
<!-- <p class="uk-text-bold">By Datasource of Research Results</p>--> |
|
437 |
<!-- <i-frame [url]=chartDatasourcesUrl></i-frame>--> |
|
438 |
<!-- </div>--> |
|
439 |
<!-- </div>--> |
|
440 |
<!-- </div>--> |
|
441 |
<!-- </li>--> |
|
442 |
|
|
443 |
<!-- <li (click)="metricsClicked=true; activeTab='Metrics'">--> |
|
444 |
<!-- <a class="uk-accordion-title" href="#">--> |
|
445 |
<!-- Metrics--> |
|
446 |
<!-- </a>--> |
|
447 |
<!-- <div class="uk-accordion-content">--> |
|
448 |
<!-- <metrics *ngIf="metricsClicked" [pageViews]="pageViews"--> |
|
449 |
<!-- [id]="projectId" [entityType]="'projects'" [entity]="'Project'"--> |
|
450 |
<!-- (metricsResults)="metricsResults($event)" [properties]=properties>--> |
|
451 |
<!-- </metrics>--> |
|
452 |
<!-- <i-frame *ngIf="metricsClicked && totalViews > 0"--> |
|
453 |
<!-- [url]=viewsFrameUrl >--> |
|
454 |
<!-- </i-frame>--> |
|
455 |
<!-- <i-frame *ngIf="metricsClicked && totalDownloads > 0"--> |
|
456 |
<!-- [url]=downloadsFrameUrl>--> |
|
457 |
<!-- </i-frame>--> |
|
458 |
<!-- </div>--> |
|
459 |
<!-- </li>--> |
|
460 |
<!-- </ul>--> |
|
461 |
</div> |
|
462 |
|
|
463 |
<div class="uk-width-1-3@m uk-width-1-1@s"> |
|
464 |
<div class="uk-card uk-card-default uk-padding-small"> |
|
465 |
<!-- <div *ngIf="isRouteAvailable('participate/direct-claim') " class=" uk-margin-small-bottom">--> |
|
466 |
|
|
467 |
<!-- <button class=" uk-button portal-button uk-margin-small-top uk-width-1-1">--> |
|
468 |
<!-- <span class="uk-icon">--> |
|
469 |
<!-- <svg icon="link" ratio="1" xmlns="http://www.w3.org/2000/svg" width="25" viewBox="0 0 20 20"--> |
|
470 |
<!-- height="25"><path--> |
|
471 |
<!-- 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"--> |
|
472 |
<!-- fill="none" stroke="#000" stroke-width="1.1"></path><path--> |
|
473 |
<!-- 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"--> |
|
474 |
<!-- fill="none" stroke="#000" stroke-width="1.1"></path><path d="M7.925,11.875 L11.925,7.975"--> |
|
475 |
<!-- fill="none" stroke="#000"--> |
|
476 |
<!-- stroke-width="1.1"></path></svg>--> |
|
477 |
<!-- </span> Link this project to...--> |
|
478 |
<!-- </button>--> |
|
479 |
|
|
480 |
|
|
481 |
<!-- <div class=" uk-text-center uk-margin-expand uk-padding-small uk-margin-auto default-dropdown "--> |
|
482 |
<!-- uk-dropdown="mode:click">--> |
|
483 |
<!-- <div class="uk-grid uk-child-width-1-3 uk-width-large ">--> |
|
484 |
|
|
485 |
<!-- <div><a--> |
|
486 |
<!-- [queryParams]="routerHelper.createQueryParams(['id','type','linkTo'],[projectId,'project','result'])"--> |
|
487 |
<!-- routerLinkActive="router-link-active" routerLink="/participate/direct-claim">--> |
|
488 |
<!-- <button class="uk-icon-button portal-button">--> |
|
489 |
<!-- <span class="uk-icon">--> |
|
490 |
<!-- <svg height="20" icon="copy" ratio="1" viewBox="0 0 20 20" width="20"--> |
|
491 |
<!-- xmlns="http://www.w3.org/2000/svg"><rect fill="none" height="16" stroke="#000"--> |
|
492 |
<!-- width="12" x="3.5" y="2.5"></rect><polyline--> |
|
493 |
<!-- fill="none" points="5 0.5 17.5 0.5 17.5 17" stroke="#000"></polyline></svg></span>--> |
|
494 |
<!-- </button>--> |
|
495 |
<!-- <div>Research results</div>--> |
|
496 |
<!-- </a></div>--> |
|
497 |
|
|
498 |
<!-- </div>--> |
|
499 |
<!-- </div>--> |
|
500 |
<!-- </div>--> |
|
501 |
|
|
502 |
<div *ngIf="isRouteAvailable('participate/direct-claim')"> |
|
503 |
<div class="uk-margin-auto uk-width-3-4"> |
|
504 |
<button class="uk-button uk-width-1-1 portal-button"> |
|
505 |
<span uk-icon="link"></span> |
|
506 |
Link this project to... |
|
507 |
</button> |
|
508 |
</div> |
|
509 |
<div class="uk-text-center uk-margin-expand uk-padding-small uk-margin-auto default-dropdown " |
|
510 |
uk-dropdown="mode:click"> |
|
511 |
<div class="uk-grid uk-child-width-1-3 uk-width-large "> |
|
234 |
<div class="uk-padding uk-padding-remove-vertical uk-margin-medium uk-text-center "> |
|
512 | 235 |
<div> |
513 |
<a [queryParams]="routerHelper.createQueryParams(['id','type','linkTo'],[projectId, 'project','project'])" |
|
514 |
routerLinkActive="router-link-active" routerLink="/participate/direct-claim"> |
|
236 |
<a [queryParams]="routerHelper.createQueryParams(['id','type','linkTo'],[projectId, 'project','result'])" |
|
237 |
routerLinkActive="router-link-active" routerLink="/participate/direct-claim" |
|
238 |
(click)="linkProjectModal.cancel();"> |
|
515 | 239 |
<button class="uk-icon-button portal-button"> |
516 |
<span class="uk-icon"> |
|
517 |
<svg height="20" icon="album" ratio="1" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"> |
|
518 |
<rect height="1" width="10" x="5" y="2"></rect> |
|
519 |
<rect height="1" width="14" x="3" y="4"></rect> |
|
520 |
<rect fill="none" height="11" stroke="#000" width="17" x="1.5" y="6.5"></rect> |
|
521 |
</svg> |
|
522 |
</span> |
|
240 |
<span class="uk-icon"> |
|
241 |
<svg height="20" icon="copy" ratio="1" viewBox="0 0 20 20" width="20" |
|
242 |
xmlns="http://www.w3.org/2000/svg"><rect fill="none" height="16" stroke="#000" |
|
243 |
width="12" x="3.5" y="2.5"></rect><polyline |
|
244 |
fill="none" points="5 0.5 17.5 0.5 17.5 17" stroke="#000"></polyline></svg></span> |
|
523 | 245 |
</button> |
524 |
<div>Projects</div>
|
|
246 |
<div class="uk-margin-small-top">Research outcomes</div>
|
|
525 | 247 |
</a> |
526 | 248 |
</div> |
527 | 249 |
</div> |
528 |
</div> |
|
529 |
</div> |
|
530 |
<div *ngIf="isRouteAvailable('participate/deposit/learn-how')" |
|
531 |
class="uk-margin-small-top uk-margin-auto uk-width-3-4"> |
|
532 |
<a routerLinkActive="router-link-active" routerLink="/participate/deposit/learn-how" |
|
533 |
class="uk-button uk-button-primary uk-width-1-1"> |
|
534 |
<span class="uk-icon"> |
|
535 |
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" ratio="1"> |
|
536 |
<polyline fill="none" stroke="#000" points="5 8 9.5 3.5 14 8 "></polyline> |
|
537 |
<rect x="3" y="17" width="13" height="1"></rect> |
|
538 |
<line fill="none" stroke="#000" x1="9.5" y1="15" x2="9.5" y2="4"></line> |
|
539 |
</svg> |
|
540 |
</span> |
|
541 |
Deposit |
|
250 |
</modal-alert> |
|
251 |
</li> |
|
252 |
<li *ngIf="isRouteAvailable('participate/deposit/learn-how')"> |
|
253 |
<a class="uk-link-text uk-text-bold uk-text-uppercase" |
|
254 |
routerLinkActive="router-link-active" routerLink="/participate/deposit/learn-how"> |
|
255 |
<span class="uk-icon uk-icon-button uk-button-secondary"> |
|
256 |
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" ratio="1"> |
|
257 |
<polyline fill="none" stroke="#000" points="5 8 9.5 3.5 14 8 "></polyline> |
|
258 |
<rect x="3" y="17" width="13" height="1"></rect> |
|
259 |
<line fill="none" stroke="#000" x1="9.5" y1="15" x2="9.5" y2="4"></line> |
|
260 |
</svg> |
|
261 |
</span> |
|
262 |
<span class="uk-margin-small-left"><u>Deposit your research</u></span> |
|
542 | 263 |
</a> |
543 |
</div> |
|
544 |
|
|
545 |
<div class="uk-margin-top"> |
|
546 |
<div class="sideInfoTitle uk-margin-small-bottom uk-margin-small-top">Share - Bookmark</div> |
|
547 |
<div class="uk-margin-small-left uk-margin-small-right"><addThis></addThis></div> |
|
548 |
</div> |
|
549 |
<div class="uk-margin-top"> |
|
550 |
<div class="sideInfoTitle uk-margin-small-bottom uk-margin-small-top">Share project's content</div> |
|
551 |
<div class="app-box uk-padding-small uk-margin-small-left uk-margin-small-right"> |
|
552 |
<!-- <select class="select" id="share_content" name="share_content"--> |
|
553 |
<!-- [(ngModel)]="share_research_results_type">--> |
|
554 |
<!-- <option value="">Select content type</option>--> |
|
555 |
<!-- <option value="publications">Publications</option>--> |
|
556 |
<!-- <option value="datasets">Research data</option>--> |
|
557 |
<!-- <option value="software">Software</option>--> |
|
558 |
<!-- <option value="other">Other research products</option>--> |
|
559 |
<!-- </select>--> |
|
560 |
<div class="uk-padding-small uk-padding-remove-vertical"> |
|
561 |
<mat-select [(value)]="share_research_results_type" |
|
562 |
[disableOptionCentering]="true" |
|
563 |
panelClass="entitiesSelectionPanel" |
|
564 |
class="matSelection"> |
|
565 |
<mat-option value="">Select content type</mat-option> |
|
566 |
<mat-option value="result">All research outcomes</mat-option> |
|
567 |
<mat-option value="publication">Publications</mat-option> |
|
568 |
<mat-option value="dataset">Research data</mat-option> |
|
569 |
<mat-option value="software">Software</mat-option> |
|
570 |
<mat-option value="other">Other research products</mat-option> |
|
571 |
</mat-select> |
|
572 |
<div *ngIf="share_research_results_type" class="uk-animation-slide-top-small"> |
|
573 |
<ng-container *ngTemplateOutlet="share_research_results_box; |
|
264 |
</li> |
|
265 |
<li> |
|
266 |
<a class="uk-link-text uk-text-bold uk-text-uppercase" (click)="openShareResultsModal()"> |
|
267 |
<span class="uk-icon uk-icon-button uk-button-primary"> |
|
268 |
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="code" ratio="1"> |
|
269 |
<polyline fill="none" stroke="#000" stroke-width="1.01" points="13,4 19,10 13,16"></polyline> |
|
270 |
<polyline fill="none" stroke="#000" stroke-width="1.01" points="7,4 1,10 7,16"></polyline> |
|
271 |
</svg> |
|
272 |
</span> |
|
273 |
<span class="uk-margin-small-left">Share results</span> |
|
274 |
</a> |
|
275 |
<modal-alert #shareResultsModal |
|
276 |
[classTitle]="'landing-modal-header'" [classBody]="'uk-padding-remove landing-modal'"> |
|
277 |
<div class="uk-padding-small uk-margin-small-left uk-margin-small-right"> |
|
278 |
<div class="uk-padding-small uk-padding-remove-vertical"> |
|
279 |
<mat-form-field class="matSelectionFormField uk-width-1-1"> |
|
280 |
<mat-label>Select content type to share</mat-label> |
|
281 |
<mat-select #matSelect modal-select [matSelect]="matSelect" |
|
282 |
[(value)]="share_research_results_type" |
|
283 |
[disableOptionCentering]="true" |
|
284 |
panelClass="entitiesSelectionPanel" |
|
285 |
class="matSelection"> |
|
286 |
<!-- <mat-option value="">Select content type</mat-option>--> |
|
287 |
<mat-option value="result">All research outcomes</mat-option> |
|
288 |
<mat-option value="publication">Publications</mat-option> |
|
289 |
<mat-option value="dataset">Research data</mat-option> |
|
290 |
<mat-option value="software">Software</mat-option> |
|
291 |
<mat-option value="other">Other research products</mat-option> |
|
292 |
</mat-select> |
|
293 |
</mat-form-field> |
|
294 |
<div *ngIf="share_research_results_type" class="uk-animation-slide-top-small"> |
|
295 |
<ng-container *ngTemplateOutlet="share_research_results_box; |
|
574 | 296 |
context: { dynamic_content: getDynamicContent(share_research_results_type) }"> |
575 |
</ng-container> |
|
297 |
</ng-container> |
|
298 |
</div> |
|
576 | 299 |
</div> |
577 |
</div> |
|
578 |
</div> |
|
579 |
<div class="uk-margin-top"> |
|
580 |
<div class="sideInfoTitle uk-margin-small-bottom uk-margin-small-top">Download report</div> |
|
581 |
<div class="app-box uk-padding-small uk-margin-small-left uk-margin-small-right"> |
|
582 |
<!-- <select class="select" id="download_report" name="download_report"--> |
|
583 |
<!-- [(ngModel)]="download_research_results_type">--> |
|
584 |
<!-- <option value="">Select content type</option>--> |
|
585 |
<!-- <option value="results">All research outcomes</option>--> |
|
586 |
<!-- <option value="publications">Publications</option>--> |
|
587 |
<!-- <option value="datasets">Research data</option>--> |
|
588 |
<!-- <option value="software">Software</option>--> |
|
589 |
<!-- <option value="other">Other research products</option>--> |
|
590 |
<!-- </select>--> |
|
591 |
<div class="uk-padding-small uk-padding-remove-vertical"> |
|
592 |
<mat-select *ngIf="projectInfo.funding && |
|
593 |
(fetchPublications.searchUtils.totalResults > 0 || |
|
594 |
fetchDatasets.searchUtils.totalResults > 0 || |
|
595 |
fetchSoftware.searchUtils.totalResults > 0 || |
|
596 |
fetchOrps.searchUtils.totalResults > 0)" |
|
597 |
[(value)]="download_research_results_type" |
|
598 |
[disableOptionCentering]="true" |
|
599 |
panelClass="entitiesSelectionPanel" |
|
600 |
class="matSelection"> |
|
601 |
<mat-option value="">Select content type</mat-option> |
|
602 |
<mat-option value="results">All research outcomes</mat-option> |
|
603 |
<mat-option value="publications" |
|
604 |
[disabled]="fetchPublications.searchUtils.totalResults == 0 || fetchPublications.searchUtils.status != errorCodes.DONE" |
|
605 |
[attr.uk-tooltip]="(fetchPublications.searchUtils.totalResults == 0 || fetchPublications.searchUtils.status != errorCodes.DONE) ? 'cls: uk-active' : 'cls: uk-invisible'" |
|
606 |
title="No report available"> |
|
607 |
Publications |
|
608 |
</mat-option> |
|
609 |
<mat-option value="datasets" |
|
610 |
[disabled]="fetchDatasets.searchUtils.totalResults == 0 || fetchDatasets.searchUtils.status != errorCodes.DONE" |
|
611 |
[attr.uk-tooltip]="(fetchDatasets.searchUtils.totalResults == 0 || fetchDatasets.searchUtils.status != errorCodes.DONE) ? 'cls: uk-active' : 'cls: uk-invisible'" |
|
612 |
title="No report available"> |
|
613 |
Research data |
|
614 |
</mat-option> |
|
615 |
<mat-option value="software" |
|
616 |
[disabled]="fetchSoftware.searchUtils.totalResults == 0 || fetchSoftware.searchUtils.status != errorCodes.DONE" |
|
617 |
[attr.uk-tooltip]="(fetchSoftware.searchUtils.totalResults == 0 || fetchSoftware.searchUtils.status != errorCodes.DONE) ? 'cls: uk-active' : 'cls: uk-invisible'" |
|
618 |
title="No report available"> |
|
619 |
Software |
|
620 |
</mat-option> |
|
621 |
<mat-option value="other" |
|
622 |
[disabled]="fetchOrps.searchUtils.totalResults == 0 || fetchOrps.searchUtils.status != errorCodes.DONE" |
|
623 |
[attr.uk-tooltip]="(fetchOrps.searchUtils.totalResults == 0 || fetchOrps.searchUtils.status != errorCodes.DONE) ? 'cls: uk-active' : 'cls: uk-invisible'" |
|
624 |
title="No report available"> |
|
625 |
Other research products |
|
626 |
</mat-option> |
|
627 |
</mat-select> |
|
628 |
<div *ngIf="download_research_results_type" class="uk-animation-slide-top-small"> |
|
629 |
<ng-container *ngTemplateOutlet="download_research_results_box; |
|
300 |
</div> |
|
301 |
</modal-alert> |
|
302 |
</li> |
|
303 |
<li> |
|
304 |
<a class="uk-link-text uk-text-bold uk-text-uppercase" (click)="openDownloadReportModal()"> |
|
305 |
<span class="uk-icon uk-icon-button uk-button-primary"> |
|
306 |
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="download" ratio="1"> |
|
307 |
<polyline fill="none" stroke="#000" points="14,10 9.5,14.5 5,10"></polyline> |
|
308 |
<rect x="3" y="17" width="13" height="1"></rect> |
|
309 |
<line fill="none" stroke="#000" x1="9.5" y1="13.91" x2="9.5" y2="3"></line> |
|
310 |
</svg> |
|
311 |
</span> |
|
312 |
<span class="uk-margin-small-left">Download report</span> |
|
313 |
</a> |
|
314 |
<modal-alert #downloadReportModal |
|
315 |
[classTitle]="'landing-modal-header'" [classBody]="'uk-padding-remove landing-modal'"> |
|
316 |
<div class="uk-padding-small uk-margin-small-left uk-margin-small-right"> |
|
317 |
<div class="uk-padding-small uk-padding-remove-vertical"> |
|
318 |
<!-- *ngIf="projectInfo.funding &&--> |
|
319 |
<!-- (fetchPublications.searchUtils.totalResults > 0 ||--> |
|
320 |
<!-- fetchDatasets.searchUtils.totalResults > 0 ||--> |
|
321 |
<!-- fetchSoftware.searchUtils.totalResults > 0 ||--> |
|
322 |
<!-- fetchOrps.searchUtils.totalResults > 0)"--> |
|
323 |
<mat-form-field |
|
324 |
class="matSelectionFormField uk-width-1-1"> |
|
325 |
<mat-label>Select content type report to download</mat-label> |
|
326 |
<mat-select #matSelect modal-select [matSelect]="matSelect" |
|
327 |
[(value)]="download_research_results_type" |
|
328 |
[disableOptionCentering]="true" |
|
329 |
panelClass="entitiesSelectionPanel" |
|
330 |
class="matSelection"> |
|
331 |
<!-- <mat-option value="">Select content type</mat-option>--> |
|
332 |
<mat-option value="results" |
|
333 |
[disabled]="!projectInfo.funding || |
|
334 |
(fetchPublications.searchUtils.totalResults == 0 && |
|
335 |
fetchDatasets.searchUtils.totalResults == 0 && |
|
336 |
fetchSoftware.searchUtils.totalResults == 0 && |
|
337 |
fetchOrps.searchUtils.totalResults == 0)" |
|
338 |
[attr.uk-tooltip]="(fetchPublications.searchUtils.totalResults == 0 || fetchPublications.searchUtils.status != errorCodes.DONE) ? 'cls: uk-active' : 'cls: uk-invisible'" |
|
339 |
title="No report available"> |
|
340 |
All research outcomes |
|
341 |
</mat-option> |
|
342 |
<mat-option value="publications" |
|
343 |
[disabled]="!projectInfo.funding || fetchPublications.searchUtils.totalResults == 0 || fetchPublications.searchUtils.status != errorCodes.DONE" |
|
344 |
[attr.uk-tooltip]="(fetchPublications.searchUtils.totalResults == 0 || fetchPublications.searchUtils.status != errorCodes.DONE) ? 'cls: uk-active' : 'cls: uk-invisible'" |
|
345 |
title="No report available"> |
|
346 |
Publications |
|
347 |
</mat-option> |
|
348 |
<mat-option value="datasets" |
|
349 |
[disabled]="!projectInfo.funding || fetchDatasets.searchUtils.totalResults == 0 || fetchDatasets.searchUtils.status != errorCodes.DONE" |
|
350 |
[attr.uk-tooltip]="(fetchDatasets.searchUtils.totalResults == 0 || fetchDatasets.searchUtils.status != errorCodes.DONE) ? 'cls: uk-active' : 'cls: uk-invisible'" |
|
351 |
title="No report available"> |
|
352 |
Research data |
|
353 |
</mat-option> |
|
354 |
<mat-option value="software" |
|
355 |
[disabled]="!projectInfo.funding || fetchSoftware.searchUtils.totalResults == 0 || fetchSoftware.searchUtils.status != errorCodes.DONE" |
|
356 |
[attr.uk-tooltip]="(fetchSoftware.searchUtils.totalResults == 0 || fetchSoftware.searchUtils.status != errorCodes.DONE) ? 'cls: uk-active' : 'cls: uk-invisible'" |
|
357 |
title="No report available"> |
|
358 |
Software |
|
359 |
</mat-option> |
|
360 |
<mat-option value="other" |
|
361 |
[disabled]="!projectInfo.funding || fetchOrps.searchUtils.totalResults == 0 || fetchOrps.searchUtils.status != errorCodes.DONE" |
|
362 |
[attr.uk-tooltip]="(fetchOrps.searchUtils.totalResults == 0 || fetchOrps.searchUtils.status != errorCodes.DONE) ? 'cls: uk-active' : 'cls: uk-invisible'" |
|
363 |
title="No report available"> |
|
364 |
Other research products |
|
365 |
</mat-option> |
|
366 |
</mat-select> |
|
367 |
</mat-form-field> |
|
368 |
<div *ngIf="download_research_results_type" class="uk-animation-slide-top-small"> |
|
369 |
<ng-container *ngTemplateOutlet="download_research_results_box; |
|
630 | 370 |
context: { type: download_research_results_type, |
631 | 371 |
fileName_type: getFileNameType(download_research_results_type), |
632 | 372 |
csvParams: getCsvParams(download_research_results_type) }"> |
633 |
</ng-container> |
|
634 |
</div> |
|
373 |
</ng-container>
|
|
374 |
</div>
|
|
635 | 375 |
|
636 |
<div *ngIf="!projectInfo.funding || |
|
376 |
<div *ngIf="!projectInfo.funding ||
|
|
637 | 377 |
(fetchPublications.searchUtils.totalResults == 0 && |
638 | 378 |
fetchDatasets.searchUtils.totalResults == 0 && |
639 | 379 |
fetchSoftware.searchUtils.totalResults == 0 && |
640 | 380 |
fetchOrps.searchUtils.totalResults == 0)" |
641 |
class="uk-text-muted"> |
|
642 |
No reports available |
|
381 |
class="uk-text-muted"> |
|
382 |
No reports available |
|
383 |
</div> |
|
643 | 384 |
</div> |
644 | 385 |
</div> |
386 |
</modal-alert> |
|
387 |
</li> |
|
388 |
<!-- Metrics --> |
|
389 |
<li *ngIf="hasMetrics" class="uk-margin-medium-top"> |
|
390 |
<div class="uk-text-center uk-flex uk-flex-middle uk-flex-center"> |
|
391 |
<div> |
|
392 |
<metrics [pageViews]="pageViews" |
|
393 |
[id]="projectId" [entityType]="'projects'" [entity]="'project'" |
|
394 |
[viewsFrameUrl]="viewsFrameUrl" [downloadsFrameUrl]="downloadsFrameUrl" |
|
395 |
(metricsResults)="metricsResults($event)" [properties]=properties> |
|
396 |
</metrics> |
|
397 |
</div> |
|
645 | 398 |
</div> |
646 |
</div> |
|
647 |
<!-- Metrics --> |
|
648 |
<!-- <div *ngIf="hasAltMetrics" class="uk-margin-top">--> |
|
649 |
<!-- <div class="sideInfoTitle uk-margin-small-bottom">Metrics</div>--> |
|
650 |
<!-- <div uk-grid class="uk-child-width-1-3 uk-text-center uk-flex uk-flex-middle">--> |
|
651 |
<!-- <div></div><!– Open Citations–>--> |
|
652 |
<!-- <div>--> |
|
653 |
<!-- <altmetrics *ngIf="hasAltMetrics" id="{{resultLandingInfo.identifiers.get('doi')[0]}}" type="doi">--> |
|
654 |
<!-- </altmetrics>--> |
|
655 |
<!-- </div>--> |
|
656 |
<!-- <div></div><!– OpenAIRE Metrics –>--> |
|
657 |
<!-- </div>--> |
|
658 |
<!-- </div>--> |
|
399 |
</li> |
|
659 | 400 |
|
660 |
<!-- <div class="uk-margin-top">--> |
|
661 |
<!-- <div class="sideInfoTitle uk-margin-small-bottom">Share project's research results</div>--> |
|
662 |
<!-- <div>--> |
|
663 |
<!-- <div [class]="'uk-margin-small-bottom uk-margin-small-right uk-button uk-button-small'--> |
|
664 |
<!-- + (share_research_results_type == 'publications' ? ' researchResultTypeSelected' : ' researchResultTypeNotSelected')"--> |
|
665 |
<!-- (click)="((share_research_results_type == 'publications') ? share_research_results_type='' : share_research_results_type='publications')">--> |
|
666 |
<!-- Publications--> |
|
401 |
|
|
402 |
</ul> |
|
403 |
<!-- <div class="uk-margin-small-top uk-text-muted uk-text-small uk-text-right">--> |
|
404 |
<!-- Last update of records in OpenAIRE: {{indexUpdateDate | date: 'MMM dd, yyyy'}}--> |
|
405 |
<!-- </div>--> |
|
406 |
|
|
407 |
</div> |
|
408 |
</div> |
|
409 |
|
|
410 |
<div *ngIf="projectInfo != null"> |
|
411 |
<!-- *ngIf="numberOfTabs > 0; else loadingBlock"--> |
|
412 |
<div class="main-tabs-div"> |
|
413 |
<ng-template #summary_tab> |
|
414 |
<!-- <my-tab [tabTitle]="'Project Summary'" [tabId]="'summary'" [active]="true">--> |
|
415 |
<div class="uk-grid uk-margin-remove"> |
|
416 |
<div class="uk-width-expand uk-padding uk-inline"> |
|
417 |
<!-- Description --> |
|
418 |
<div *ngIf="!hasPrimaryInfo" class="uk-width-expand uk-padding"> |
|
419 |
<div class="uk-animation-fade uk-alert uk-alert-primary" role="alert"> |
|
420 |
No summary information available |
|
421 |
</div> |
|
422 |
</div> |
|
423 |
<div *ngIf="hasPrimaryInfo" class="uk-margin-medium-bottom"> |
|
424 |
<div class="uk-text-muted">Description</div> |
|
425 |
<div class="uk-text-justify uk-height-max-medium uk-overflow-auto"> |
|
426 |
<span>{{projectInfo.description.substring(0, showNumDescription)}}</span> |
|
427 |
<span *ngIf="showNumDescription == thresholdDescription && |
|
428 |
projectInfo.description.length > thresholdDescription">...</span> |
|
429 |
</div> |
|
430 |
<div *ngIf="showNumDescription == thresholdDescription && |
|
431 |
projectInfo.description.length > thresholdDescription" class="uk-text-right"> |
|
432 |
<a (click)="showNumDescription = projectInfo.description.length;"> |
|
433 |
Read more |
|
434 |
</a> |
|
435 |
</div> |
|
436 |
<div *ngIf="projectInfo.description && showNumDescription > thresholdDescription" |
|
437 |
class="uk-text-right"> |
|
438 |
<a (click)="showNumDescription = thresholdDescription;"> |
|
439 |
Read less |
|
440 |
</a> |
|
441 |
</div> |
|
442 |
</div> |
|
443 |
</div> |
|
444 |
<div *ngIf="hasSecondaryInfo" class="uk-padding uk-inline uk-width-1-3@m right-column"> |
|
445 |
<!-- Organizations --> |
|
446 |
<div class="uk-text-muted">Partners</div> |
|
447 |
<div class="uk-margin-medium-bottom"> |
|
448 |
<div class="uk-height-max-medium uk-overflow-auto"> |
|
449 |
<span *ngFor="let organization of projectInfo.organizations.slice(0, showNumOrganizations) let i=index" |
|
450 |
[attr.uk-tooltip]="organization.acronym && organization.name ? 'pos:right; delay:10' : 'cls: uk-invisible'" |
|
451 |
[title]="organization.name"> |
|
452 |
<a *ngIf="organization.id" |
|
453 |
[queryParams]="{organizationId: organization.id}" routerLinkActive="router-link-active" |
|
454 |
[routerLink]="properties.searchLinkToOrganization.split('?')[0]"> |
|
455 |
<u>{{(organization.acronym) ? organization.acronym : ''}}</u> |
|
456 |
<u>{{(!organization.acronym && organization.name) ? organization.name : ''}}</u> |
|
457 |
</a> |
|
458 |
<span *ngIf="!organization.id"> |
|
459 |
<span *ngIf="organization.acronym">{{organization.acronym}}</span> |
|
460 |
<span *ngIf="!organization.acronym && organization.name">{{organization.name}}</span> |
|
461 |
</span> |
|
462 |
<span *ngIf="(i < projectInfo.organizations.length-1)">, </span> |
|
463 |
</span> |
|
464 |
<span *ngIf="showNumOrganizations == thresholdOrganizations && projectInfo.organizations.length > thresholdOrganizations"> ... </span> |
|
465 |
</div> |
|
466 |
<div *ngIf="showNumOrganizations == thresholdOrganizations && projectInfo.organizations.length > thresholdOrganizations" |
|
467 |
class="uk-width-1-1 uk-text-right uk-margin-small-top"> |
|
468 |
<a (click)="showNumOrganizations = projectInfo.organizations.length;"> |
|
469 |
View all {{projectInfo.organizations.length | number}} organizations |
|
470 |
</a> |
|
471 |
</div> |
|
472 |
<div *ngIf="showNumOrganizations > thresholdOrganizations" |
|
473 |
class="uk-width-1-1 uk-text-right uk-margin-small-top"> |
|
474 |
<a (click)="showNumOrganizations = thresholdOrganizations;">View less organizations</a> |
|
475 |
</div> |
|
476 |
</div> |
|
477 |
</div> |
|
478 |
<div *ngIf="!hasPrimaryInfo && !hasSecondaryInfo" |
|
479 |
class="uk-width-expand uk-padding"> |
|
480 |
<!-- <div *ngIf="!tabsAreInitialized" class="uk-animation-fade uk-margin-top uk-width-1-1" role="alert">--> |
|
481 |
<!-- <span class="loading-gif uk-align-center" ></span>--> |
|
482 |
<!-- </div>--> |
|
483 |
<div class="uk-animation-fade uk-alert uk-alert-primary" role="alert"> |
|
484 |
No summary information available |
|
485 |
</div> |
|
486 |
</div> |
|
487 |
</div> |
|
488 |
<!-- </my-tab>--> |
|
489 |
</ng-template> |
|
490 |
<ng-template #publications_tab> |
|
491 |
<!-- <my-tab *ngIf="fetchPublications.searchUtils.totalResults > 0"--> |
|
492 |
<!-- [tabTitle]="'Publications'" [tabNumber]="fetchPublications.searchUtils.totalResults"--> |
|
493 |
<!-- [tabId]="'publications'">--> |
|
494 |
<div class="uk-grid uk-margin-remove"> |
|
495 |
<div class="uk-width-expand uk-padding"> |
|
496 |
<search-tab [fetch]="fetchPublications" resultType="publication" |
|
497 |
[params]="getParamsForSearchLink('publications')" |
|
498 |
[searchLinkToAdvancedPage]="properties.searchLinkToAdvancedResults" |
|
499 |
[properties]="properties"> |
|
500 |
</search-tab> |
|
501 |
</div> |
|
502 |
<!-- <div class="uk-width-1-3@m uk-padding right-column">--> |
|
503 |
<!-- <div>test publications</div>--> |
|
667 | 504 |
<!-- </div>--> |
668 |
<!-- <div [class]="'uk-margin-small-bottom uk-margin-small-right uk-button uk-button-small'--> |
|
669 |
<!-- + (share_research_results_type == 'datasets' ? ' researchResultTypeSelected' : ' researchResultTypeNotSelected')"--> |
|
670 |
<!-- (click)="((share_research_results_type == 'datasets') ? share_research_results_type='' : share_research_results_type='datasets')">--> |
|
671 |
<!-- Research data--> |
|
505 |
</div> |
|
506 |
<!-- </my-tab>--> |
|
507 |
</ng-template> |
|
508 |
<ng-template #datasets_tab> |
|
509 |
<!-- <my-tab *ngIf="fetchDatasets.searchUtils.totalResults > 0"--> |
|
510 |
<!-- [tabTitle]="'Research Data'" [tabNumber]="fetchDatasets.searchUtils.totalResults"--> |
|
511 |
<!-- [tabId]="'datasets'">--> |
|
512 |
<div class="uk-grid uk-margin-remove"> |
|
513 |
<div class="uk-width-expand uk-padding"> |
|
514 |
<search-tab [fetch]="fetchDatasets" resultType="dataset" |
|
515 |
[params]="getParamsForSearchLink('datasets')" |
|
516 |
[searchLinkToAdvancedPage]="properties.searchLinkToAdvancedResults" |
|
517 |
[properties]="properties"> |
|
518 |
</search-tab> |
|
519 |
</div> |
|
520 |
<!-- <div class="uk-width-1-3@m uk-padding right-column">--> |
|
521 |
<!-- <div>test research data</div>--> |
|
672 | 522 |
<!-- </div>--> |
673 |
<!-- <div [class]="'uk-margin-small-bottom uk-margin-small-right uk-button uk-button-small'--> |
|
674 |
<!-- + (share_research_results_type == 'software' ? ' researchResultTypeSelected' : ' researchResultTypeNotSelected')"--> |
|
675 |
<!-- (click)="((share_research_results_type == 'software') ? share_research_results_type='' : share_research_results_type='software')">--> |
|
676 |
<!-- Software--> |
|
523 |
</div> |
|
524 |
<!-- </my-tab>--> |
|
525 |
</ng-template> |
|
526 |
<ng-template #software_tab> |
|
527 |
<div class="uk-grid uk-margin-remove"> |
|
528 |
<div class="uk-width-expand uk-padding"> |
|
529 |
<search-tab [fetch]="fetchSoftware" resultType="software" |
|
530 |
[params]="getParamsForSearchLink('software')" |
|
531 |
[searchLinkToAdvancedPage]="properties.searchLinkToAdvancedResults" |
|
532 |
[properties]="properties"> |
|
533 |
</search-tab> |
|
534 |
</div> |
|
535 |
<!-- <div class="uk-width-1-3@m uk-padding right-column">--> |
|
536 |
<!-- <div>test software</div>--> |
|
677 | 537 |
<!-- </div>--> |
678 |
<!-- <div [class]="'uk-margin-small-bottom uk-margin-small-right uk-button uk-button-small'--> |
|
679 |
<!-- + (share_research_results_type == 'other' ? ' researchResultTypeSelected' : ' researchResultTypeNotSelected')"--> |
|
680 |
<!-- (click)="((share_research_results_type == 'other') ? share_research_results_type='' : share_research_results_type='other')">--> |
|
681 |
<!-- Other--> |
|
538 |
</div> |
|
539 |
</ng-template> |
|
540 |
<ng-template #other_tab> |
|
541 |
<!-- <my-tab *ngIf="fetchOrps.searchUtils.totalResults > 0"--> |
|
542 |
<!-- [tabTitle]="'Other Research'" [tabNumber]="fetchOrps.searchUtils.totalResults"--> |
|
543 |
<!-- [tabId]="'other'">--> |
|
544 |
<div class="uk-grid uk-margin-remove"> |
|
545 |
<div class="uk-width-expand uk-padding"> |
|
546 |
<search-tab [fetch]="fetchOrps" resultType="other" |
|
547 |
[params]="getParamsForSearchLink('other')" |
|
548 |
[searchLinkToAdvancedPage]="properties.searchLinkToAdvancedResults" |
|
549 |
[properties]="properties"> |
|
550 |
</search-tab> |
|
551 |
</div> |
|
552 |
<!-- <div class="uk-width-1-3@m uk-padding right-column">--> |
|
553 |
<!-- <div>test other research products</div>--> |
|
682 | 554 |
<!-- </div>--> |
683 |
<!-- </div>--> |
|
684 |
<!-- </div>--> |
|
555 |
</div> |
|
556 |
<!-- </my-tab>--> |
|
557 |
</ng-template> |
|
558 |
<ng-template #statistics_tab> |
|
559 |
<!-- <my-tab *ngIf="(fetchPublications.searchUtils.totalResults > 0 || fetchDatasets.searchUtils.totalResults > 0--> |
|
560 |
<!-- || fetchSoftware.searchUtils.totalResults > 0 || fetchOrps.searchUtils.totalResults > 0)"--> |
|
561 |
<!-- [tabTitle]="'Statistics'" [statistics]="true" [tabId]="'statistics'">--> |
|
562 |
<div class=""> |
|
563 |
<div class="uk-width-expand uk-padding"> |
|
564 |
<errorMessages [status]="[fetchPublications.searchUtils.status, fetchDatasets.searchUtils.status, |
|
565 |
fetchSoftware.searchUtils.status, fetchOrps.searchUtils.status]" |
|
566 |
[type]="'statistics'" tab_error_class=true></errorMessages> |
|
567 |
|
|
568 |
<div |
|
569 |
*ngIf="statsClicked && |
|
570 |
(fetchPublications.searchUtils.status == errorCodes.DONE || fetchDatasets.searchUtils.status == errorCodes.DONE |
|
571 |
|| fetchSoftware.searchUtils.status == errorCodes.DONE || fetchOrps.searchUtils.status == errorCodes.DONE)" |
|
572 |
class="uk-grid uk-child-width-1-1 uk-child-width-1-2@m"> |
|
573 |
<div class="uk-padding uk-padding-remove-top"> |
|
574 |
<div *ngIf="!properties.useNewStatistisTool" class="uk-text-center uk-text-large">Produced research |
|
575 |
outcomes per year</div> |
|
576 |
<i-frame [url]=chartScientificResultsUrl></i-frame> |
|
577 |
</div> |
|
578 |
<div class="uk-padding uk-padding-remove-top"> |
|
579 |
<div *ngIf="!properties.useNewStatistisTool" class="uk-text-center uk-text-large">Access mode of research |
|
580 |
outcomes</div> |
|
581 |
<i-frame [url]=chartAccessModeUrl></i-frame> |
|
582 |
</div> |
|
583 |
<div class="uk-padding uk-padding-remove-top"> |
|
584 |
<div *ngIf="!properties.useNewStatistisTool" class="uk-text-center uk-text-large">Research outcomes per datasource</div> |
|
585 |
<i-frame [url]=chartDatasourcesUrl></i-frame> |
|
586 |
</div> |
|
587 |
</div> |
|
588 |
</div> |
|
589 |
</div> |
|
590 |
<!-- </my-tab>--> |
|
591 |
</ng-template> |
|
592 |
|
|
593 |
<!-- [class]="numberOfTabs > 2 ? 'uk-visible@m' : ''"--> |
|
594 |
<my-tabs (selectedActiveTab)="onSelectActiveTab($event)"> |
|
595 |
<!-- *ngIf="hasPrimaryInfo || hasSecondaryInfo"--> |
|
596 |
<!-- [class]="(firstTab === 'summary')?'uk-active':''">--> |
|
597 |
<my-tab |
|
598 |
tabTitle="Summary" [tabId]="'summary'" |
|
599 |
class="uk-active"> |
|
600 |
<ng-container *ngTemplateOutlet="summary_tab;"></ng-container> |
|
601 |
</my-tab> |
|
602 |
<!-- *ngIf="fetchPublications.searchUtils.totalResults > 0"--> |
|
603 |
<!-- [class]="(firstTab === 'publications')?'uk-active':''"--> |
|
604 |
<my-tab |
|
605 |
[tabTitle]="'Publications'" [tabNumber]="fetchPublications.searchUtils.totalResults" |
|
606 |
[tabId]="'publications'"> |
|
607 |
<ng-container *ngTemplateOutlet="publications_tab;"></ng-container> |
|
608 |
</my-tab> |
|
609 |
<!-- *ngIf="fetchDatasets.searchUtils.totalResults > 0"--> |
|
610 |
<!-- [class]="(firstTab === 'datasets')?'uk-active':''"--> |
|
611 |
<my-tab |
|
612 |
[tabTitle]="'Research Data'" [tabNumber]="fetchDatasets.searchUtils.totalResults" |
|
613 |
[tabId]="'datasets'" > |
|
614 |
<ng-container *ngTemplateOutlet="datasets_tab;"></ng-container> |
|
615 |
</my-tab> |
|
616 |
<!-- *ngIf="fetchSoftware.searchUtils.totalResults > 0"--> |
|
617 |
<!-- [class]="(firstTab === 'software')?'uk-active':''"--> |
|
618 |
<my-tab |
|
619 |
[tabTitle]="'Software'" [tabNumber]="fetchSoftware.searchUtils.totalResults" |
|
620 |
[tabId]="'software'" > |
|
621 |
<ng-container *ngTemplateOutlet="software_tab;"></ng-container> |
|
622 |
</my-tab> |
|
623 |
<!-- *ngIf="fetchOrps.searchUtils.totalResults > 0"--> |
|
624 |
<!-- [class]="(firstTab === 'other')?'uk-active':''"--> |
|
625 |
<my-tab |
|
626 |
[tabTitle]="'Other Research'" [tabNumber]="fetchOrps.searchUtils.totalResults" |
|
627 |
[tabId]="'other'" > |
|
628 |
<ng-container *ngTemplateOutlet="other_tab;"></ng-container> |
|
629 |
</my-tab> |
|
630 |
<!-- [class]="(firstTab === 'statistics')?'uk-active':''"--> |
|
631 |
<my-tab *ngIf="(fetchPublications.searchUtils.totalResults > 0 || fetchDatasets.searchUtils.totalResults > 0 |
|
632 |
|| fetchSoftware.searchUtils.totalResults > 0 || fetchOrps.searchUtils.totalResults > 0)" |
|
633 |
[tabTitle]="'Statistics'" [statistics]="true" [tabId]="'statistics'" |
|
634 |
> |
|
635 |
<ng-container *ngTemplateOutlet="statistics_tab;"></ng-container> |
|
636 |
</my-tab> |
|
637 |
</my-tabs> |
|
638 |
|
|
639 |
<!-- *ngIf="numberOfTabs > 2"--> |
|
640 |
<my-small-tabs (selectedActiveTab)="onSelectActiveTab($event)"> |
|
641 |
<!-- *ngIf="hasPrimaryInfo || hasSecondaryInfo"--> |
|
642 |
<!-- [class]="(firstTab === 'summary')?'uk-active':''"--> |
|
643 |
<my-tab |
|
644 |
tabTitle="Summary" [tabId]="'summary'" |
|
645 |
class="uk-active"> |
|
646 |
<ng-container *ngTemplateOutlet="summary_tab;"></ng-container> |
|
647 |
</my-tab> |
|
648 |
<!-- *ngIf="fetchPublications.searchUtils.totalResults > 0"--> |
|
649 |
<!-- [class]="(firstTab === 'publications')?'uk-active':''"--> |
|
650 |
<my-tab |
|
651 |
[tabTitle]="'Publications'" [tabNumber]="fetchPublications.searchUtils.totalResults" |
|
652 |
[tabId]="'publications'"> |
|
653 |
<ng-container *ngTemplateOutlet="publications_tab;"></ng-container> |
|
654 |
</my-tab> |
|
655 |
<!-- *ngIf="fetchDatasets.searchUtils.totalResults > 0"--> |
|
656 |
<!-- [class]="(firstTab === 'datasets')?'uk-active':''"--> |
|
657 |
<my-tab |
|
658 |
[tabTitle]="'Research Data'" [tabNumber]="fetchDatasets.searchUtils.totalResults" |
|
659 |
[tabId]="'datasets'" > |
|
660 |
<ng-container *ngTemplateOutlet="datasets_tab;"></ng-container> |
|
661 |
</my-tab> |
|
662 |
<!-- *ngIf="fetchSoftware.searchUtils.totalResults > 0"--> |
|
663 |
<!-- [class]="(firstTab === 'software')?'uk-active':''"--> |
|
664 |
<my-tab |
|
665 |
[tabTitle]="'Software'" [tabNumber]="fetchSoftware.searchUtils.totalResults" |
|
666 |
[tabId]="'software'" > |
|
667 |
<ng-container *ngTemplateOutlet="software_tab;"></ng-container> |
|
668 |
</my-tab> |
|
669 |
<!-- *ngIf="fetchOrps.searchUtils.totalResults > 0"--> |
|
670 |
<!-- [class]="(firstTab === 'other')?'uk-active':''"--> |
|
671 |
<my-tab |
|
672 |
[tabTitle]="'Other Research'" [tabNumber]="fetchOrps.searchUtils.totalResults" |
|
673 |
[tabId]="'other'" > |
|
674 |
<ng-container *ngTemplateOutlet="other_tab;"></ng-container> |
|
675 |
</my-tab> |
|
676 |
<!-- [class]="(firstTab === 'statistics')?'uk-active':''"--> |
|
677 |
<my-tab *ngIf="(fetchPublications.searchUtils.totalResults > 0 || fetchDatasets.searchUtils.totalResults > 0 |
|
678 |
|| fetchSoftware.searchUtils.totalResults > 0 || fetchOrps.searchUtils.totalResults > 0)" |
|
679 |
[tabTitle]="'Statistics'" [statistics]="true" [tabId]="'statistics'" |
|
680 |
> |
|
681 |
<ng-container *ngTemplateOutlet="statistics_tab;"></ng-container> |
|
682 |
</my-tab> |
|
683 |
</my-small-tabs> |
|
684 |
</div> |
|
685 |
<!-- <ng-template #loadingBlock>--> |
|
686 |
<!-- <div *ngIf="!tabsAreInitialized" class="uk-animation-fade uk-margin-top uk-width-1-1" role="alert">--> |
|
687 |
<!-- <span class="loading-gif uk-align-center" ></span>--> |
|
685 | 688 |
<!-- </div>--> |
689 |
<!-- </ng-template>--> |
|
690 |
|
|
691 |
<div class="uk-margin-small-top uk-flex"> |
|
692 |
<!-- Last Index Info--> |
|
693 |
<div class="uk-width-2-3@m uk-width-1-2"> |
|
694 |
<img src="assets/common-assets/graph.svg" style="opacity: 0.4"> |
|
695 |
<span class="uk-margin-small-left uk-text-baseline uk-text-muted">Powered by OpenAIRE Open Research Graph</span> |
|
696 |
<span *ngIf="indexUpdateDate" class="uk-text-baseline uk-text-muted"> |
|
697 |
. Last update of records in OpenAIRE: {{indexUpdateDate | date: 'MMM dd, yyyy'}} |
|
698 |
</span> |
|
686 | 699 |
</div> |
700 |
<!--Feedback--> |
|
701 |
<div class="uk-width-expand uk-text-right"> |
|
702 |
<span class="uk-text-muted">Any information missing or wrong?</span> |
|
703 |
<a (click)="showFeedback = true; scroll()" class="portal-link space">Report an Issue</a> |
|
704 |
</div> |
|
687 | 705 |
</div> |
688 |
<div class="uk-margin-small-top uk-text-muted uk-text-small uk-text-right"> |
|
689 |
Last update of records in OpenAIRE: {{indexUpdateDate | date: 'MMM dd, yyyy'}} |
|
690 |
</div> |
|
691 |
<modal-loading></modal-loading> |
|
692 |
<modal-alert #AlertModalCsvError></modal-alert> |
|
693 |
|
|
694 | 706 |
</div> |
695 |
</div> |
|
696 | 707 |
<helper *ngIf="pageContents && pageContents['bottom'] && pageContents['bottom'].length > 0" |
697 | 708 |
[texts]="pageContents['bottom']"></helper> |
698 | 709 |
</div> |
... | ... | |
719 | 730 |
(fetchPublications.searchUtils.status == errorCodes.DONE || fetchDatasets.searchUtils.status == errorCodes.DONE |
720 | 731 |
|| fetchSoftware.searchUtils.status == errorCodes.DONE || fetchOrps.searchUtils.status == errorCodes.DONE)"> |
721 | 732 |
<div class="uk-padding uk-padding-remove-top"> |
722 |
<span class="uk-text-bold uk-text-small">Produced research outcomes per year</span> |
|
733 |
<div *ngIf="!properties.useNewStatistisTool" class="uk-text-center uk-text-large">Produced research |
|
734 |
outcomes per year</div> |
|
723 | 735 |
<i-frame [url]=chartScientificResultsUrl></i-frame> |
724 | 736 |
</div> |
725 | 737 |
<div class="uk-padding uk-padding-remove-top"> |
726 |
<span class="uk-text-bold uk-text-small">Access mode of research outcomes</span> |
|
738 |
<div *ngIf="!properties.useNewStatistisTool" class="uk-text-center uk-text-large">Access mode of research |
|
739 |
outcomes</div> |
|
727 | 740 |
<i-frame [url]=chartAccessModeUrl></i-frame> |
728 | 741 |
</div> |
729 | 742 |
<div class="uk-padding uk-padding-remove-top"> |
730 |
<span class="uk-text-bold uk-text-small">Research outcomes per datasource</span>
|
|
743 |
<div *ngIf="!properties.useNewStatistisTool" class="uk-text-center uk-text-large">Research outcomes per datasource</div>
|
|
731 | 744 |
<i-frame [url]=chartDatasourcesUrl></i-frame> |
732 | 745 |
</div> |
733 | 746 |
</div> |
... | ... | |
738 | 751 |
<feedback *ngIf="projectInfo" [projectInfo]="projectInfo" |
739 | 752 |
[properties]="properties" [entityType]="'project'" [title]="projectName" [fields]="feedbackFields" |
740 | 753 |
[showForm]="showFeedback" (show)="showFeedback = $event"></feedback> |
741 |
</div> |
|
754 |
</div> |
|
755 |
|
|
756 |
<modal-loading></modal-loading> |
|
757 |
<modal-alert #AlertModalCsvError></modal-alert> |
Also available in: Unified diff
[use-UoaAdminToolsLibrary | Library]: Merge trunk into branch.