|
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
|
<h2>{{projectName}}</h2>
|
|
10
|
|
|
11
|
<dl class="uk-description-list-horizontal custom-description-list-horizontal">
|
|
12
|
<dt *ngIf="projectInfo.title != undefined && projectInfo.title != ''">Title: </dt>
|
|
13
|
<dd *ngIf="projectInfo.title != undefined && projectInfo.title != ''">{{projectInfo.title}}</dd>
|
|
14
|
<dt *ngIf="projectInfo.funding != undefined && projectInfo.funding != ''">Funding: </dt>
|
|
15
|
<dd *ngIf="projectInfo.funding != undefined && projectInfo.funding != ''">{{projectInfo.funding}}</dd>
|
|
16
|
<dt *ngIf="projectInfo.callIdentifier != undefined && projectInfo.callIdentifier != ''">Call: </dt>
|
|
17
|
<dd *ngIf="projectInfo.callIdentifier != undefined && projectInfo.callIdentifier != ''">{{projectInfo.callIdentifier}}</dd>
|
|
18
|
<dt *ngIf="projectInfo.contractNum != undefined && projectInfo.contractNum != ''">Contract (GA) number: </dt>
|
|
19
|
<dd *ngIf="projectInfo.contractNum != undefined && projectInfo.contractNum != ''">{{projectInfo.contractNum}}</dd>
|
|
20
|
<dt *ngIf="projectInfo.startDate != undefined && projectInfo.startDate != ''">Start Date: </dt>
|
|
21
|
<dd *ngIf="projectInfo.startDate != undefined && projectInfo.startDate != ''">{{projectInfo.startDate}}</dd>
|
|
22
|
<dt *ngIf="projectInfo.endDate != undefined && projectInfo.endDate != ''">End Date: </dt>
|
|
23
|
<dd *ngIf="projectInfo.endDate != undefined && projectInfo.endDate != ''">{{projectInfo.endDate}}</dd>
|
|
24
|
<dt *ngIf="projectInfo.openAccessMandate != undefined && projectInfo.openAccessMandate != ''">Open Access mandate: </dt>
|
|
25
|
<dd *ngIf="projectInfo.openAccessMandate != undefined && projectInfo.openAccessMandate != ''">{{projectInfo.openAccessMandate}}</dd>
|
|
26
|
<dt *ngIf="projectInfo.specialClause39 != undefined && projectInfo.specialClause39 != ''">Special Clause 39: </dt>
|
|
27
|
<dd *ngIf="projectInfo.specialClause39 != undefined && projectInfo.specialClause39 != ''">{{projectInfo.specialClause39}}</dd>
|
|
28
|
<dt *ngIf="projectInfo.organizations != undefined">Organizations: </dt>
|
|
29
|
<dd *ngIf="projectInfo.organizations != undefined">
|
|
30
|
<span *ngFor="let key of projectInfo.organizations.keys() let i=index">
|
|
31
|
<a *ngIf="projectInfo.organizations.get(key) != null &&
|
|
32
|
projectInfo.organizations.get(key) != ''"
|
|
33
|
href="{{(projectInfo.organizations.get(key))}}">
|
|
34
|
{{key}}
|
|
35
|
</a>
|
|
36
|
<span *ngIf="projectInfo.organizations.get(key) == null ||
|
|
37
|
projectInfo.organizations.get(key) == ''">
|
|
38
|
{{key}}
|
|
39
|
</span>
|
|
40
|
<span *ngIf="i<projectInfo.organizations.size-1">,</span>
|
|
41
|
</span>
|
|
42
|
</dd>
|
|
43
|
<dt *ngIf="projectInfo.urlInfo != undefined && projectInfo.urlInfo != ''">More information:</dt>
|
|
44
|
<dd *ngIf="projectInfo.urlInfo != undefined && projectInfo.urlInfo != ''">
|
|
45
|
<span class="uk-icon-external-link">
|
|
46
|
<a target="_blank" href="{{projectInfo.url}}">
|
|
47
|
{{projectInfo.urlInfo}}
|
|
48
|
</a>
|
|
49
|
</span>
|
|
50
|
</dd>
|
|
51
|
</dl>
|
|
52
|
|
|
53
|
|
|
54
|
<ul class="uk-tab" data-uk-switcher="{connect:'#tab-content'}">
|
|
55
|
<li class="uk-active">
|
|
56
|
<a href="#publicationsTab">
|
|
57
|
Publications
|
|
58
|
<span class="uk-badge uk-badge-notification">
|
|
59
|
{{fetchPublications.searchUtils.totalResults}}
|
|
60
|
</span>
|
|
61
|
</a>
|
|
62
|
</li>
|
|
63
|
<li (click)="searchDatasetsInit()">
|
|
64
|
<a href="#researchDataTab">
|
|
65
|
Research Data
|
|
66
|
<span class="uk-badge uk-badge-notification">
|
|
67
|
{{fetchDatasets.searchUtils.totalResults}}
|
|
68
|
</span>
|
|
69
|
</a>
|
|
70
|
</li>
|
|
71
|
<li (click)="statsClicked=true;">
|
|
72
|
<a href="#statisticsTab">
|
|
73
|
Statistics
|
|
74
|
<i class="uk-icon-pie-chart"></i>
|
|
75
|
</a>
|
|
76
|
</li>
|
|
77
|
<li (click)="metricsClicked=true;">
|
|
78
|
<a href="#metricsTab">
|
|
79
|
Metrics
|
|
80
|
<i class="uk-icon-line-chart"></i>
|
|
81
|
</a>
|
|
82
|
</li>
|
|
83
|
</ul>
|
|
84
|
|
|
85
|
<ul id="tab-content" class="uk-switcher uk-margin">
|
|
86
|
<li id="publicationsTab">
|
|
87
|
|
|
88
|
<div *ngIf="fetchPublications.searchUtils.totalResults == 0" class = "uk-alert" >
|
|
89
|
There are no publications
|
|
90
|
</div>
|
|
91
|
|
|
92
|
<div *ngIf="fetchPublications.searchUtils.totalResults > 0">
|
|
93
|
<p>
|
|
94
|
The results below are discovered through our pilot algorithms.
|
|
95
|
<a href="mailto:">Let us know how we are doing!</a>
|
|
96
|
</p>
|
|
97
|
|
|
98
|
<div class = "uk-text-right" *ngIf = "fetchPublications.searchUtils.totalResults > 10" ><a [href] = "linkToSearchPublications" >View all {{fetchPublications.searchUtils.totalResults}} results</a></div>
|
|
99
|
<search-result [(results)]="fetchPublications.results" [(status)]= "fetchPublications.searchUtils.status"></search-result>
|
|
100
|
</div>
|
|
101
|
</li>
|
|
102
|
|
|
103
|
<li id="researchDataTab">
|
|
104
|
<div *ngIf="fetchDatasets.searchUtils.totalResults == 0" class = "uk-alert">
|
|
105
|
There are no research data
|
|
106
|
</div>
|
|
107
|
|
|
108
|
<div *ngIf="fetchDatasets.searchUtils.totalResults > 0">
|
|
109
|
<p>
|
|
110
|
The results below are discovered through our pilot algorithms.
|
|
111
|
<a href="mailto:">Let us know how we are doing!</a>
|
|
112
|
</p>
|
|
113
|
|
|
114
|
<div class = "uk-text-right" *ngIf = "fetchDatasets.searchUtils.totalResults > 10" ><a [href] = "linkToSearchDatasets" >View all {{fetchDatasets.searchUtils.totalResults}} results</a></div>
|
|
115
|
<search-result [(results)]="fetchDatasets.results" [(status)]= "fetchDatasets.searchUtils.status"></search-result>
|
|
116
|
</div>
|
|
117
|
</li>
|
|
118
|
<li id="statisticsTab">
|
|
119
|
<div *ngIf="fetchPublications.searchUtils.totalResults == 0 && fetchDatasets.searchUtils.totalResults == 0" class = "uk-alert">
|
|
120
|
There are no statistics
|
|
121
|
</div>
|
|
122
|
|
|
123
|
|
|
124
|
<div *ngIf="statsClicked && (fetchPublications.searchUtils.totalResults != 0 || fetchDatasets.searchUtils.totalResults != 0)">
|
|
125
|
<p class="uk-text-bold">
|
|
126
|
The results below are discovered through our pilot algorithms.
|
|
127
|
<a href="mailto:">Let us know how we are doing!</a>
|
|
128
|
</p>
|
|
129
|
<div>
|
|
130
|
<p class="uk-text-bold">Scientific Results</p>
|
|
131
|
<i-frame [url]=chartScientificResultsUrl width="800" height="350"></i-frame>
|
|
132
|
<p class="uk-text-bold">Access Mode</p>
|
|
133
|
<i-frame [url]=chartAccessModeUrl width="800" height="350"></i-frame>
|
|
134
|
<p class="uk-text-bold">By Datasource</p>
|
|
135
|
<i-frame [url]=chartDatasourcesUrl width="800" height="350"></i-frame>
|
|
136
|
</div>
|
|
137
|
</div>
|
|
138
|
</li>
|
|
139
|
<li id="metricsTab">
|
|
140
|
<metrics *ngIf="metricsClicked" [id]="projectId" [type]="'projects'" [name]="projectName"></metrics>
|
|
141
|
<!--i-frame *ngIf="metricsClicked" [url]=viewsFrameUrl width="800" height="350"></i-frame-->
|
|
142
|
<i-frame *ngIf="metricsClicked" [url]=viewsFrameUrl width="100%" height="250"></i-frame>
|
|
143
|
<i-frame *ngIf="metricsClicked" [url]=downloadsFrameUrl width="100%" height="250"></i-frame>
|
|
144
|
</li>
|
|
145
|
</ul>
|
|
146
|
</div>
|
|
147
|
|
|
148
|
<div class="uk-width-3-10">
|
|
149
|
<ul class="uk-list uk-list-striped">
|
|
150
|
<li>
|
|
151
|
Share - Bookmark
|
|
152
|
</li>
|
|
153
|
<li>
|
|
154
|
<a href="{{linkToSearchPublications}}">
|
|
155
|
View all Project Publications
|
|
156
|
</a>
|
|
157
|
</li>
|
|
158
|
<!--li>
|
|
159
|
<a href="">
|
|
160
|
Dynamically incorporate publications in your site (HTML)
|
|
161
|
</a>
|
|
162
|
</li>
|
|
163
|
|
|
164
|
<li>
|
|
165
|
<a href="">
|
|
166
|
View {{projectInfo.funder}} progress report (HTML)
|
|
167
|
</a>
|
|
168
|
</li-->
|
|
169
|
<li>
|
|
170
|
<!--export
|
|
171
|
[linkname]="'Download '+ projectInfo.funder +' progress report (CSV)'"
|
|
172
|
[filename]="'publications.csv'">
|
|
173
|
</export-->
|
|
174
|
<span class="clickable" (click)="downloadfile(downloadURLAPI+'resources?'+csvParams)">
|
|
175
|
<span aria-hidden="true" class="glyphicon glyphicon-download"></span>
|
|
176
|
<span class="uk-icon-download">{{projectInfo.funder}} progress report (CSV)</span>
|
|
177
|
</span>
|
|
178
|
</li>
|
|
179
|
|
|
180
|
<li>
|
|
181
|
<a href="/deposit-publications">
|
|
182
|
Deposit Publications
|
|
183
|
</a>
|
|
184
|
</li>
|
|
185
|
</ul>
|
|
186
|
</div>
|
|
187
|
</div>
|
|
188
|
</div>
|