|
1
|
<div class="uk-container uk-margin-top project">
|
|
2
|
<div *ngIf="warningMessage.length > 0" class="uk-alert uk-alert-warning" role="alert">{{warningMessage}}</div>
|
|
3
|
<div *ngIf="errorMessage.length > 0" class="uk-alert uk-alert-danger" role="alert">{{errorMessage}}</div>
|
|
4
|
|
|
5
|
<div *ngIf="projectInfo != null" class="uk-grid">
|
|
6
|
<div class="uk-width-7-10">
|
|
7
|
<!--h3 *ngIf="projectInfo.acronym != undefined && projectInfo.acronym != ''">{{projectInfo.acronym}}</h3>
|
|
8
|
<h3 *ngIf="projectInfo.acronym == undefined || projectInfo.acronym == ''">{{projectInfo.title}}</h3-->
|
|
9
|
<div class="projectIcon">
|
|
10
|
<h2 *ngIf="projectInfo.specialClause39==true" class="sc39">{{projectName}}</h2>
|
|
11
|
<h2 *ngIf="projectInfo.specialClause39!=true">{{projectName}}</h2>
|
|
12
|
</div>
|
|
13
|
|
|
14
|
<dl class="uk-description-list-horizontal custom-description-list-horizontal">
|
|
15
|
<dt *ngIf="projectInfo.title != undefined && projectInfo.title != ''">Title: </dt>
|
|
16
|
<dd *ngIf="projectInfo.title != undefined && projectInfo.title != ''">{{projectInfo.title}}</dd>
|
|
17
|
<dt *ngIf="projectInfo.funding != undefined && projectInfo.funding != ''">Funding: </dt>
|
|
18
|
<dd *ngIf="projectInfo.funding != undefined && projectInfo.funding != ''">{{projectInfo.funding}}</dd>
|
|
19
|
<dt *ngIf="projectInfo.callIdentifier != undefined && projectInfo.callIdentifier != ''">Call: </dt>
|
|
20
|
<dd *ngIf="projectInfo.callIdentifier != undefined && projectInfo.callIdentifier != ''">{{projectInfo.callIdentifier}}</dd>
|
|
21
|
<dt *ngIf="projectInfo.contractNum != undefined && projectInfo.contractNum != ''">Contract (GA) number: </dt>
|
|
22
|
<dd *ngIf="projectInfo.contractNum != undefined && projectInfo.contractNum != ''">{{projectInfo.contractNum}}</dd>
|
|
23
|
<dt *ngIf="projectInfo.startDate != undefined && projectInfo.startDate != ''">Start Date: </dt>
|
|
24
|
<dd *ngIf="projectInfo.startDate != undefined && projectInfo.startDate != ''">{{projectInfo.startDate}}</dd>
|
|
25
|
<dt *ngIf="projectInfo.endDate != undefined && projectInfo.endDate != ''">End Date: </dt>
|
|
26
|
<dd *ngIf="projectInfo.endDate != undefined && projectInfo.endDate != ''">{{projectInfo.endDate}}</dd>
|
|
27
|
<dt *ngIf="projectInfo.openAccessMandate != undefined && projectInfo.openAccessMandate != ''">Open Access mandate: </dt>
|
|
28
|
<dd *ngIf="projectInfo.openAccessMandate != undefined && projectInfo.openAccessMandate != ''">{{projectInfo.openAccessMandate}}</dd>
|
|
29
|
<dt *ngIf="projectInfo.specialClause39 != undefined && projectInfo.specialClause39 != ''">Special Clause 39: </dt>
|
|
30
|
<dd *ngIf="projectInfo.specialClause39 != undefined && projectInfo.specialClause39 != ''">{{projectInfo.specialClause39}}</dd>
|
|
31
|
<dt *ngIf="projectInfo.organizations != undefined">Organizations: </dt>
|
|
32
|
<dd *ngIf="projectInfo.organizations != undefined">
|
|
33
|
<span *ngFor="let organization of projectInfo.organizations let i=index">
|
|
34
|
<span>
|
|
35
|
<!--a *ngIf="projectInfo.organizations.get(key) != null &&
|
|
36
|
projectInfo.organizations.get(key) != ''"
|
|
37
|
href="{{(projectInfo.organizations.get(key))}}"-->
|
|
38
|
<a *ngIf="organization.id != null && organization.id != ''"
|
|
39
|
[queryParams]="{organizationId: organization.id}" routerLinkActive="router-link-active" routerLink="/search/organization">
|
|
40
|
{{organization.name}}</a></span><span
|
|
41
|
|
|
42
|
*ngIf="organization.id == null || organization.id == ''">
|
|
43
|
{{organization.name}}</span><span
|
|
44
|
|
|
45
|
*ngIf="i<projectInfo.organizations.length-1">,</span>
|
|
46
|
</span>
|
|
47
|
</dd>
|
|
48
|
<dt *ngIf="projectInfo.urlInfo != undefined && projectInfo.urlInfo != ''">More information:</dt>
|
|
49
|
<dd *ngIf="projectInfo.urlInfo != undefined && projectInfo.urlInfo != ''">
|
|
50
|
<span class="uk-icon-external-link custom-icon">
|
|
51
|
<a target="_blank" href="{{projectInfo.url}}">
|
|
52
|
{{projectInfo.urlInfo}}
|
|
53
|
</a>
|
|
54
|
</span>
|
|
55
|
</dd>
|
|
56
|
</dl>
|
|
57
|
|
|
58
|
|
|
59
|
<ul class="uk-tab" data-uk-switcher="{connect:'#tab-content'}">
|
|
60
|
<li class="uk-active">
|
|
61
|
<a>
|
|
62
|
Publications
|
|
63
|
<span class="uk-badge uk-badge-notification">
|
|
64
|
{{fetchPublications.searchUtils.totalResults}}
|
|
65
|
</span>
|
|
66
|
</a>
|
|
67
|
</li>
|
|
68
|
<li (click)="searchDatasetsInit()">
|
|
69
|
<a>
|
|
70
|
Research Data
|
|
71
|
<span class="uk-badge uk-badge-notification">
|
|
72
|
{{fetchDatasets.searchUtils.totalResults}}
|
|
73
|
</span>
|
|
74
|
</a>
|
|
75
|
</li>
|
|
76
|
<li (click)="statsClicked=true;">
|
|
77
|
<a>
|
|
78
|
Statistics
|
|
79
|
<i class="uk-icon-pie-chart"></i>
|
|
80
|
</a>
|
|
81
|
</li>
|
|
82
|
<li (click)="metricsClicked=true;">
|
|
83
|
<a>
|
|
84
|
Metrics
|
|
85
|
<i class="uk-icon-line-chart"></i>
|
|
86
|
</a>
|
|
87
|
</li>
|
|
88
|
</ul>
|
|
89
|
|
|
90
|
<ul id="tab-content" class="uk-switcher uk-margin custom-tab-content">
|
|
91
|
<li class="uk-animation-fade">
|
|
92
|
<div *ngIf="fetchPublications.searchUtils.totalResults == 0" class = "uk-alert" >
|
|
93
|
There are no publications
|
|
94
|
</div>
|
|
95
|
|
|
96
|
<div *ngIf="fetchPublications.searchUtils.totalResults > 0">
|
|
97
|
<p>
|
|
98
|
The results below are discovered through our pilot algorithms.
|
|
99
|
<a href="mailto:feedback@openaire.eu">Let us know how we are doing!</a>
|
|
100
|
</p>
|
|
101
|
|
|
102
|
<div class = "uk-text-right" *ngIf = "fetchPublications.searchUtils.totalResults > 10" >
|
|
103
|
<!--a [href] = "linkToSearchPublications" >
|
|
104
|
View all {{fetchPublications.searchUtils.totalResults}} results
|
|
105
|
</a-->
|
|
106
|
<a [queryParams]="routerHelper.createQueryParams(['projectId', 'pr'], [projectId, 'and'])"
|
|
107
|
routerLinkActive="router-link-active" [routerLink]="linkToSearchPublications">
|
|
108
|
View all {{fetchPublications.searchUtils.totalResults}} results
|
|
109
|
</a>
|
|
110
|
</div>
|
|
111
|
<tab-result [(results)]="fetchPublications.results"
|
|
112
|
[(status)]= "fetchPublications.searchUtils.status"
|
|
113
|
type="publication" urlParam="articleId">
|
|
114
|
</tab-result>
|
|
115
|
</div>
|
|
116
|
</li>
|
|
117
|
|
|
118
|
<li class="uk-animation-fade">
|
|
119
|
<div *ngIf="fetchDatasets.searchUtils.totalResults == 0" class = "uk-alert">
|
|
120
|
There are no research data
|
|
121
|
</div>
|
|
122
|
|
|
123
|
<div *ngIf="fetchDatasets.searchUtils.totalResults > 0">
|
|
124
|
<p>
|
|
125
|
The results below are discovered through our pilot algorithms.
|
|
126
|
<a href="mailto:feedback@openaire.eu">Let us know how we are doing!</a>
|
|
127
|
</p>
|
|
128
|
|
|
129
|
<div class = "uk-text-right" *ngIf = "fetchDatasets.searchUtils.totalResults > 10">
|
|
130
|
<a [queryParams]="routerHelper.createQueryParams(['projectId', 'pr'], [projectId, 'and'])"
|
|
131
|
routerLinkActive="router-link-active" [routerLink]="linkToSearchDatasets">
|
|
132
|
View all {{fetchDatasets.searchUtils.totalResults}} results
|
|
133
|
</a>
|
|
134
|
</div>
|
|
135
|
<tab-result [(results)]="fetchDatasets.results"
|
|
136
|
[(status)]= "fetchDatasets.searchUtils.status"
|
|
137
|
type="dataset" urlParam="datasetId">
|
|
138
|
</tab-result>
|
|
139
|
</div>
|
|
140
|
</li>
|
|
141
|
<li class="uk-animation-fade">
|
|
142
|
<div *ngIf="fetchPublications.searchUtils.totalResults == 0 && fetchDatasets.searchUtils.totalResults == 0" class = "uk-alert">
|
|
143
|
There are no statistics
|
|
144
|
</div>
|
|
145
|
|
|
146
|
|
|
147
|
<div *ngIf="statsClicked && (fetchPublications.searchUtils.totalResults != 0 || fetchDatasets.searchUtils.totalResults != 0)">
|
|
148
|
<p class="uk-text-bold">
|
|
149
|
The results below are discovered through our pilot algorithms.
|
|
150
|
<a href="mailto:feedback@openaire.eu">Let us know how we are doing!</a>
|
|
151
|
</p>
|
|
152
|
<div>
|
|
153
|
<p class="uk-text-bold">Scientific Results</p>
|
|
154
|
<i-frame [url]=chartScientificResultsUrl width="800" height="350"></i-frame>
|
|
155
|
<p class="uk-text-bold">Access Mode</p>
|
|
156
|
<i-frame [url]=chartAccessModeUrl width="800" height="350"></i-frame>
|
|
157
|
<p class="uk-text-bold">By Datasource</p>
|
|
158
|
<i-frame [url]=chartDatasourcesUrl width="800" height="350"></i-frame>
|
|
159
|
</div>
|
|
160
|
</div>
|
|
161
|
</li>
|
|
162
|
<li class="uk-animation-fade">
|
|
163
|
<metrics *ngIf="metricsClicked"
|
|
164
|
[id]="projectId" [type]="'projects'" [name]="projectName" (metricsResults)="metricsResults($event)">
|
|
165
|
</metrics>
|
|
166
|
<!--i-frame *ngIf="metricsClicked" [url]=viewsFrameUrl width="800" height="350"></i-frame-->
|
|
167
|
<i-frame *ngIf="metricsClicked && totalViews > 0"
|
|
168
|
[url]=viewsFrameUrl width="100%" height="250">
|
|
169
|
</i-frame>
|
|
170
|
<i-frame *ngIf="metricsClicked && totalDownloads > 0"
|
|
171
|
[url]=downloadsFrameUrl width="100%" height="250">
|
|
172
|
</i-frame>
|
|
173
|
</li>
|
|
174
|
</ul>
|
|
175
|
</div>
|
|
176
|
|
|
177
|
<div class="uk-width-3-10">
|
|
178
|
<ul class="uk-list uk-list-striped">
|
|
179
|
<li>
|
|
180
|
<dl class="uk-description-list-line">
|
|
181
|
<dt >Share - Bookmark
|
|
182
|
</dt>
|
|
183
|
<dd>
|
|
184
|
<addThis ></addThis>
|
|
185
|
</dd>
|
|
186
|
</dl>
|
|
187
|
</li>
|
|
188
|
<li *ngIf="fetchPublications.searchUtils.totalResults > 10">
|
|
189
|
<a [queryParams]="routerHelper.createQueryParams(['projectId', 'pr'], [projectId, 'and'])"
|
|
190
|
routerLinkActive="router-link-active" [routerLink]="linkToSearchPublications">
|
|
191
|
View all Project Publications
|
|
192
|
</a>
|
|
193
|
</li>
|
|
194
|
<li>
|
|
195
|
<div class="clickable" data-uk-toggle="{target:'#publications_dynamic', animation:'uk-animation-fade'}">Dynamically incorporate publications in your site (HTML)</div>
|
|
196
|
|
|
197
|
<!--div class="uk-hidden uk-panel uk-panel-box" id="publications_dynamic">
|
|
198
|
{{publications_dynamic}}
|
|
199
|
</div-->
|
|
200
|
<div class="uk-vertical-align uk-hidden" id="publications_dynamic">
|
|
201
|
<button class="uk-float-right uk-icon-clipboard uk-button publ_clipboard_btn" data-clipboard-target="#publ_clipboard">
|
|
202
|
Copy to clipboard
|
|
203
|
</button>
|
|
204
|
<pre><code id="publ_clipboard">{{publications_dynamic}}</code></pre>
|
|
205
|
</div>
|
|
206
|
</li>
|
|
207
|
<li>
|
|
208
|
<div class="clickable" data-uk-toggle="{target:'#datasets_dynamic', animation:'uk-animation-fade'}">Dynamically incorporate research data in your site (HTML)</div>
|
|
209
|
<div class="uk-vertical-align uk-hidden" id="datasets_dynamic">
|
|
210
|
<button class="uk-float-right uk-button datasets_clipboard_btn" data-clipboard-target="#datasets_clipboard">
|
|
211
|
Copy to clipboard
|
|
212
|
<i class="uk-icon-clipboard"></i>
|
|
213
|
</button>
|
|
214
|
<pre><code id="datasets_clipboard">{{datasets_dynamic}}</code></pre>
|
|
215
|
</div>
|
|
216
|
</li>
|
|
217
|
|
|
218
|
<!--li (click)="showHTML()"-->
|
|
219
|
<li>
|
|
220
|
<a target="_blank"
|
|
221
|
href="/project-report?projectId={{projectId}}&size={{fetchPublications.searchUtils.totalResults}}">
|
|
222
|
View {{projectInfo.funder}} progress report (HTML)
|
|
223
|
</a>
|
|
224
|
</li>
|
|
225
|
<li>
|
|
226
|
<!--export
|
|
227
|
[linkname]="'Download '+ projectInfo.funder +' progress report (CSV)'"
|
|
228
|
[filename]="'publications.csv'">
|
|
229
|
</export-->
|
|
230
|
<span class="clickable" (click)="downloadfile(downloadURLAPI+'resources?'+csvParams+fetchPublications.searchUtils.totalResults)">
|
|
231
|
<span aria-hidden="true" class="glyphicon glyphicon-download"></span>
|
|
232
|
<i class="uk-icon-download"></i>
|
|
233
|
<span>{{projectInfo.funder}} progress report (CSV)</span>
|
|
234
|
</span>
|
|
235
|
</li>
|
|
236
|
<!--li>
|
|
237
|
<a [queryParams]="routerHelper.createQueryParams(['id','type','linkTo'],[projectId,'project','result'])" routerLinkActive="router-link-active" routerLink="/participate/direct-claim" > <i class="uk-icon-link"></i>
|
|
238
|
Link to research results
|
|
239
|
</a-->
|
|
240
|
</li>
|
|
241
|
<li>
|
|
242
|
<a routerLinkActive="router-link-active" routerLink="/participate/deposit-publications">
|
|
243
|
Deposit Publications
|
|
244
|
</a>
|
|
245
|
</li>
|
|
246
|
</ul>
|
|
247
|
</div>
|
|
248
|
</div>
|
|
249
|
<modal-loading></modal-loading>
|
|
250
|
</div>
|