Revision 58549
Added by Konstantina Galouni about 4 years ago
community.component.html | ||
---|---|---|
2 | 2 |
[logoURL]="community.logoUrl" type="home" |
3 | 3 |
[name]="community.title"> |
4 | 4 |
</schema2jsonld> |
5 |
|
|
6 |
<div class="communityBackground"> |
|
5 | 7 |
<div id="stickhere"> |
6 | 8 |
</div> |
7 | 9 |
|
8 |
<div *ngIf="communityInfo" class="uk-section uk-padding-remove-top"> |
|
9 |
<div class="communityPanelBackground uk-margin-top uk-padding-small"> |
|
10 |
<div class="uk-container uk-margin-top uk-margin-bottom " |
|
10 |
<ng-template #tab_content |
|
11 |
let-resultType="resultType" let-results="results" let-totalResults="totalResults" let-type="type" let-typeName="typeName"> |
|
12 |
<div class="uk-grid uk-margin-remove"> |
|
13 |
<div class="uk-width-expand uk-padding"> |
|
14 |
<results-comp [results]=results [total]=totalResults [resultType]=resultType |
|
15 |
[community]=community [params]=params [showLoading]="showLoading" |
|
16 |
[properties]="properties" |
|
17 |
class=""> |
|
18 |
</results-comp> |
|
19 |
</div> |
|
20 |
|
|
21 |
<div |
|
22 |
*ngIf="statistics.statisticsSum && statistics.statisticsDisplay && statistics.statisticsSum[type].total>0 |
|
23 |
&& |
|
24 |
( statistics.statisticsDisplay.entities[type].numbers.map['total']['showInDashboard'] |
|
25 |
|| statistics.statisticsDisplay.entities[type].numbers.map['project']['showInDashboard'] |
|
26 |
|| statistics.statisticsDisplay.entities[type].numbers.map['open']['showInDashboard'] |
|
27 |
|| statistics.statisticsDisplay.entities[type].numbers.map['closed']['showInDashboard'] |
|
28 |
|| statistics.statisticsDisplay.entities[type].numbers.map['embargo']['showInDashboard'] |
|
29 |
|| statistics.statisticsDisplay.entities[type].numbers.map['restricted']['showInDashboard'] |
|
30 |
|| ( statistics.allowedEntitiesMode['showInDashboard'] && statistics.statisticsSum |
|
31 |
&& statistics.allowedChartsMode['showInDashboard'] && statistics.statisticsSum[type] |
|
32 |
&& statistics.allowedChartsMode['showInDashboard'][type] && statistics.statisticsSum[type].total > 0 |
|
33 |
&& statistics.allowedChartsMode['showInDashboard'][type].length > 0) |
|
34 |
)" |
|
35 |
class="uk-width-2-5@m uk-width-1-1@s uk-padding right-column"> |
|
36 |
<div *ngIf="statistics !=null && activeTab == resultType"> |
|
37 |
<ng-container *ngTemplateOutlet="stats; context: { entity: type, entityName: typeName, |
|
38 |
statisticsSum:statistics.statisticsSum, |
|
39 |
statisticsDisplay:statistics.statisticsDisplay, |
|
40 |
allowedEntities: statistics.allowedEntitiesMode['showInDashboard'], |
|
41 |
allowedCharts:statistics.allowedChartsMode['showInDashboard'], |
|
42 |
showChartTitle: statistics.chartTitlesMode['showInDashboard'], |
|
43 |
chartsInfoMap:statistics.chartsInfoMap, showIn:'showInDashboard'}"> |
|
44 |
</ng-container> |
|
45 |
</div> |
|
46 |
</div> |
|
47 |
</div> |
|
48 |
</ng-template> |
|
49 |
|
|
50 |
<ng-template #analytics_tab_content let-type="type" let-typeName="typeName"> |
|
51 |
<ng-container *ngIf="isEntityEnabled(type) |
|
52 |
&& statistics.statisticsSum && statistics.statisticsDisplay && statistics.statisticsSum[type].total>0 |
|
53 |
&& |
|
54 |
( statistics.statisticsDisplay.entities[type].numbers.map['total']['showInMonitor'] |
|
55 |
|| statistics.statisticsDisplay.entities[type].numbers.map['project']['showInMonitor'] |
|
56 |
|| statistics.statisticsDisplay.entities[type].numbers.map['open']['showInMonitor'] |
|
57 |
|| statistics.statisticsDisplay.entities[type].numbers.map['closed']['showInMonitor'] |
|
58 |
|| statistics.statisticsDisplay.entities[type].numbers.map['embargo']['showInMonitor'] |
|
59 |
|| statistics.statisticsDisplay.entities[type].numbers.map['restricted']['showInMonitor'] |
|
60 |
|| ( statistics.allowedEntitiesMode['showInMonitor'] && statistics.statisticsSum |
|
61 |
&& statistics.allowedChartsMode['showInMonitor'] && statistics.statisticsSum[type] |
|
62 |
&& statistics.allowedChartsMode['showInMonitor'][type] && statistics.statisticsSum[type].total > 0 |
|
63 |
&& statistics.allowedChartsMode['showInMonitor'][type].length > 0) |
|
64 |
)"> |
|
65 |
<div class="tab-header uk-margin-bottom">{{typeName}}</div> |
|
66 |
<ng-container *ngTemplateOutlet="stats; context: { |
|
67 |
entity: type, entityName: typeName, |
|
68 |
statisticsSum:statistics.statisticsSum, statisticsDisplay:statistics.statisticsDisplay, |
|
69 |
allowedEntities: statistics.allowedEntitiesMode['showInMonitor'], |
|
70 |
allowedCharts:statistics.allowedChartsMode['showInMonitor'], |
|
71 |
showChartTitle: statistics.chartTitlesMode['showInMonitor'], |
|
72 |
chartsInfoMap:statistics.chartsInfoMap, showIn:'showInMonitor'}"> |
|
73 |
</ng-container> |
|
74 |
</ng-container> |
|
75 |
</ng-template> |
|
76 |
|
|
77 |
<ng-template #stats let-entity="entity" let-entityName="entityName" let-statisticsSum="statisticsSum" |
|
78 |
let-statisticsDisplay="statisticsDisplay" let-allowedEntities="allowedEntities" |
|
79 |
let-allowedCharts="allowedCharts" let-chartsInfoMap="chartsInfoMap" |
|
80 |
let-showChartTitle="showChartTitle" |
|
81 |
let-showIn="showIn"> |
|
82 |
<div *ngIf=" showIn == 'showInMonitor' && allowedCharts && allowedCharts[entity] && allowedCharts[entity].length == 0 && |
|
83 |
!statisticsDisplay.entities[entity].numbers.map['total'][showIn] && !statisticsDisplay.entities[entity].numbers.map['project'][showIn] && |
|
84 |
!statisticsDisplay.entities[entity].numbers.map['open'][showIn] && !statisticsDisplay.entities[entity].numbers.map['closed'][showIn] && |
|
85 |
!statisticsDisplay.entities[entity].numbers.map['embargo'][showIn] && !statisticsDisplay.entities[entity].numbers.map['restricted'][showIn]" |
|
86 |
class="uk-alert uk-alert-primary"> |
|
87 |
No graphs available |
|
88 |
</div> |
|
89 |
<div *ngIf="statisticsSum && statisticsDisplay && statisticsSum[entity].total > 0" |
|
90 |
[class]="'uk-grid uk-grid-small uk-grid-match ' + (showIn == 'showInMonitor' ? ' uk-child-width-1-3@s uk-child-width-1-6@m' : ' uk-child-width-1-1@s uk-child-width-1-3@m')" uk-grid> |
|
91 |
<div *ngIf="statisticsDisplay.entities[entity].numbers.map['total'][showIn]" class=""> |
|
92 |
<div class="uk-card portal-card uk-text-right uk-padding-small"> |
|
93 |
<div |
|
94 |
class="uk-text-large">{{statisticsSum[entity].total|number}}</div> |
|
95 |
<!-- <div>Total {{entityName}}</div>--> |
|
96 |
<div>Total</div> |
|
97 |
</div> |
|
98 |
</div> |
|
99 |
<div |
|
100 |
*ngIf="statisticsDisplay.entities[entity].numbers.map['project'][showIn]" class=""> |
|
101 |
<div class="uk-card portal-card uk-text-right uk-padding-small"> |
|
102 |
<div |
|
103 |
class="uk-text-large">{{statisticsSum[entity].projects|number}} </div> |
|
104 |
<!-- <div>Total projects linked to {{entityName}}</div>--> |
|
105 |
<div>Total linked projects</div> |
|
106 |
</div> |
|
107 |
</div> |
|
108 |
<div |
|
109 |
*ngIf="statisticsDisplay.entities[entity].numbers.map['open'][showIn]" class=""> |
|
110 |
<div class="uk-card portal-card uk-text-right uk-padding-small"> |
|
111 |
<div |
|
112 |
class="uk-text-large">{{statisticsSum[entity].open_access|number}} </div> |
|
113 |
<!-- <div>Open access {{entityName}}</div>--> |
|
114 |
<div>Open access</div> |
|
115 |
</div> |
|
116 |
</div> |
|
117 |
<div *ngIf="statisticsDisplay.entities[entity].numbers.map['closed'][showIn]" class=""> |
|
118 |
<div class="uk-card portal-card uk-text-right uk-padding-small"> |
|
119 |
<div |
|
120 |
class="uk-text-large">{{statisticsSum[entity].closed_access|number}} </div> |
|
121 |
<!-- <div>Closed access {{entityName}}</div>--> |
|
122 |
<div>Closed access</div> |
|
123 |
</div> |
|
124 |
</div> |
|
125 |
<div |
|
126 |
*ngIf="statisticsDisplay.entities[entity].numbers.map['embargo'][showIn]" class=""> |
|
127 |
<div class="uk-card portal-card uk-text-right uk-padding-small"> |
|
128 |
<div |
|
129 |
class="uk-text-large">{{statisticsSum[entity].embargo|number}} </div> |
|
130 |
<!-- <div>Embargoed {{entityName}}</div>--> |
|
131 |
<div>Embargoed</div> |
|
132 |
</div> |
|
133 |
</div> |
|
134 |
<div |
|
135 |
*ngIf="statisticsDisplay.entities[entity].numbers.map['restricted'][showIn]" |
|
136 |
class=""> |
|
137 |
<div class="uk-card portal-card uk-text-right uk-padding-small"> |
|
138 |
<div |
|
139 |
class="uk-text-large">{{statisticsSum[entity].restricted|number}} </div> |
|
140 |
<!-- <div>Restricted {{entityName}}</div>--> |
|
141 |
<div>Restricted</div> |
|
142 |
</div> |
|
143 |
</div> |
|
144 |
</div> |
|
145 |
<div *ngIf=" allowedEntities && |
|
146 |
statisticsSum && allowedCharts && statisticsSum[entity] && |
|
147 |
allowedCharts[entity] && statisticsSum[entity].total>0 && |
|
148 |
allowedCharts[entity].length>0"> |
|
149 |
<div *ngIf="showIn == 'showInDashboard'"> |
|
150 |
<div> |
|
151 |
<div class="uk-position-relative"> |
|
152 |
<ul class="uk-list"> |
|
153 |
<li *ngFor="let chart of allowedCharts[entity]"> |
|
154 |
|
|
155 |
<div class=" iframeContainer uk-height-medium uk-margin-medium-top"> |
|
156 |
<div *ngIf="showChartTitle[chart]" class=" uk-h5 "> |
|
157 |
{{chartsInfoMap[chart].title}}</div> |
|
158 |
<iframe [src]=chartsInfoMap[chart].url scrolling="no"></iframe> |
|
159 |
</div> |
|
160 |
</li> |
|
161 |
</ul> |
|
162 |
</div> |
|
163 |
</div> |
|
164 |
|
|
165 |
<div *ngIf=" allowedEntities && |
|
166 |
statisticsSum && allowedCharts && statisticsSum[entity] && |
|
167 |
allowedCharts[entity] && statisticsSum[entity].total>0 && |
|
168 |
allowedCharts[entity].length>0"> |
|
169 |
<div class="uk-margin-top portal-hr"></div> |
|
170 |
</div> |
|
171 |
</div> |
|
172 |
<div *ngIf="showIn == 'showInMonitor'" class="uk-grid uk-child-width-1-2@l uk-child-width-1-1@m "> |
|
173 |
<div *ngFor="let chart of allowedCharts[entity]" class="uk-clearfix uk-margin-bottom"> |
|
174 |
|
|
175 |
<div class=" iframeContainer uk-height-large uk-margin-medium-top"> |
|
176 |
<div *ngIf="showChartTitle[chart]" class=" uk-h5 "> |
|
177 |
{{chartsInfoMap[chart].title}}</div> |
|
178 |
<iframe [src]=chartsInfoMap[chart].url scrolling="no" class=""></iframe> |
|
179 |
</div> |
|
180 |
|
|
181 |
</div> |
|
182 |
|
|
183 |
</div> |
|
184 |
</div> |
|
185 |
|
|
186 |
</ng-template> |
|
187 |
|
|
188 |
|
|
189 |
<div *ngIf="communityInfo" class="uk-section uk-padding-remove-top uk-padding-remove-bottom"> |
|
190 |
<div class="uk-padding-small"> |
|
191 |
<div class="uk-container uk-container-large uk-margin-top" |
|
11 | 192 |
*ngIf="communityId != null && communityId != '' && community != null"> |
12 |
<div class="uk-grid">
|
|
13 |
<div class="uk-width-2-5@m uk-width-1-1@s uk-first-column uk-margin-top">
|
|
14 |
<div *ngIf="community.title != null" class="uk-text-bold uk-h5 uk-margin-remove">
|
|
193 |
<div> |
|
194 |
<div class="uk-margin-large-bottom">
|
|
195 |
<div *ngIf="community.title != null" class="uk-h2 uk-margin-remove">
|
|
15 | 196 |
{{community.title}} |
16 | 197 |
</div> |
17 |
<div *ngIf="community.shortTitle != null" |
|
18 |
class=" uk-h5 uk-margin-remove">
|
|
198 |
<div *ngIf="community.shortTitle != null && community.title != community.shortTitle"
|
|
199 |
class="subtitle uk-margin-remove">
|
|
19 | 200 |
{{community.shortTitle}} |
20 | 201 |
</div> |
21 |
<div *ngIf="community.description != null" class="uk-margin "> |
|
22 |
<div *ngIf="!showAllDescription" class=""> |
|
23 |
{{community.description.substring(0, 300)}}{{community.description.length > 300 ? '...' : ''}}</div> |
|
24 |
<div *ngIf="showAllDescription" class=""> {{community.description}}</div> |
|
25 |
<div *ngIf="!showAllDescription && community.description.length > 300 " |
|
26 |
class="uk-animation-fade uk-text-center uk-text-bold"> |
|
27 |
<a (click)="showAllDescription = !showAllDescription;">View more |
|
28 |
</a> |
|
202 |
|
|
203 |
<div class="uk-margin-top"> |
|
204 |
<div *ngIf="isRouteEnabled('/curators')" class="uk-margin-top"> |
|
205 |
<curators [longView]="false" [managers]="community.managers" [communityId]="communityId"></curators> |
|
29 | 206 |
</div> |
30 |
<div *ngIf="showAllDescription" |
|
31 |
class="uk-text-center uk-text-bold"> |
|
32 |
<a (click)="showAllDescription = !showAllDescription;"> |
|
33 |
View less |
|
207 |
<div> |
|
208 |
<span *ngIf="projectTotal != null && projectTotal > 0 && isEntityEnabled('project') && isRouteEnabled(searchLinkToProjects)"> |
|
209 |
<span class="uk-text-muted">Projects: </span> |
|
210 |
<a class="uk-margin-auto-vertical uk-margin-auto portal-link" [queryParams]=params |
|
211 |
routerLinkActive="router-link-active" [routerLink]="searchLinkToProjects"> |
|
212 |
{{projectTotal|number}} |
|
213 |
</a> |
|
214 |
</span> |
|
215 |
<span *ngIf="contentProviderTotal != null && contentProviderTotal > 0 && isEntityEnabled('datasource') && isRouteEnabled(searchLinkToDataProviders)" |
|
216 |
[class]="'uk-display-inline-block '+((projectTotal != null && projectTotal > 0 && isEntityEnabled('project') && isRouteEnabled(searchLinkToProjects)) ? 'uk-margin-left' : '')"> |
|
217 |
<span class="uk-text-muted">Content Providers: </span> |
|
218 |
<a class="uk-margin-auto-vertical uk-margin-auto portal-link" [queryParams]=params |
|
219 |
routerLinkActive="router-link-active" [routerLink]="searchLinkToDataProviders"> |
|
220 |
{{contentProviderTotal|number}} |
|
221 |
</a> |
|
222 |
</span> |
|
223 |
<span *ngIf="projectsCalculated && contentProvidersCalculated && |
|
224 |
((projectTotal != null && projectTotal > 0 && isEntityEnabled('project') && isRouteEnabled(searchLinkToProjects)) |
|
225 |
|| (contentProviderTotal != null && contentProviderTotal > 0 && isEntityEnabled('datasource') && isRouteEnabled(searchLinkToDataProviders)))" |
|
226 |
class="uk-icon uk-text-muted uk-margin-small-left" |
|
227 |
title="{{buildProjectsAndContentProvidesTooltip()}}" |
|
228 |
uk-tooltip="pos:bottom-right; delay:10; cls: community-page-tooltip uk-width-medium"> |
|
229 |
<svg width="15" height="15" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="question" ratio="1"> |
|
230 |
<circle fill="none" stroke="#000" stroke-width="1.1" cx="10" cy="10" r="9"></circle> |
|
231 |
<circle cx="10.44" cy="14.42" r="1.05"></circle> |
|
232 |
<path fill="none" stroke="#000" stroke-width="1.2" d="M8.17,7.79 C8.17,4.75 12.72,4.73 12.72,7.72 C12.72,8.67 11.81,9.15 11.23,9.75 C10.75,10.24 10.51,10.73 10.45,11.4 C10.44,11.53 10.43,11.64 10.43,11.75"></path> |
|
233 |
</svg> |
|
234 |
</span> |
|
235 |
</div> |
|
236 |
<div *ngIf="(zenodoCommunityIdS.length + (masterZenodoCommunity) > 0) && isRouteEnabled(shareInZenodoPage)" class=""> |
|
237 |
<span class="lowOpacityColor uk-text-muted">Linked to </span> |
|
238 |
<a class="portal-link" [queryParams]=params routerLinkActive="router-link-active" [routerLink]="shareInZenodoPage"> |
|
239 |
<span>{{zenodoCommunityIdS.length + ((masterZenodoCommunity) ? 1 : 0)}}</span> |
|
34 | 240 |
</a> |
241 |
<span class="lowOpacityColor uk-text-muted"> Zenodo Communities</span> |
|
242 |
<span class="uk-icon uk-text-muted uk-margin-small-left" |
|
243 |
title="{{buildZenodoCommunitiesTooltip()}}" |
|
244 |
uk-tooltip="pos:bottom-right; delay:10; cls: community-page-tooltip uk-width-medium"> |
|
245 |
<svg width="15" height="15" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="question" ratio="1"> |
|
246 |
<circle fill="none" stroke="#000" stroke-width="1.1" cx="10" cy="10" r="9"></circle> |
|
247 |
<circle cx="10.44" cy="14.42" r="1.05"></circle> |
|
248 |
<path fill="none" stroke="#000" stroke-width="1.2" d="M8.17,7.79 C8.17,4.75 12.72,4.73 12.72,7.72 C12.72,8.67 11.81,9.15 11.23,9.75 C10.75,10.24 10.51,10.73 10.45,11.4 C10.44,11.53 10.43,11.64 10.43,11.75"></path> |
|
249 |
</svg> |
|
250 |
</span> |
|
35 | 251 |
</div> |
36 | 252 |
</div> |
37 | 253 |
</div> |
38 |
<div class="uk-width-3-5@m uk-width-1-1@s"> |
|
39 |
<div> |
|
40 |
<div class="uk-margin-bottom uk-text-right"> |
|
41 |
<subscribe *ngIf="communityId != null && communityId != ''" [communityId]="communityId" |
|
42 |
class=""></subscribe> |
|
43 |
{{" "}} |
|
44 |
<invite *ngIf="showInvite()" [longView]=false [buttonSizeSmall]=false></invite> |
|
45 |
</div> |
|
46 |
|
|
47 |
<!-- <div class=" uk-text-large uk-margin-bottom">Statistics</div>--> |
|
48 |
<div *ngIf="communityId != null && communityId != ''" |
|
49 |
class="uk-child-width-1-6@l uk-child-width-1-6@m uk-child-width-1-3@s uk-text-center uk-grid uk-margin-remove" |
|
50 |
uk-scrollspy="cls: uk-animation-fade; target: > div > .uk-card; delay: 450; repeat: false"> |
|
51 |
|
|
52 |
<div |
|
53 |
*ngIf="publicationTotal != null && publicationTotal > 0 && isEntityEnabled('publication')" |
|
54 |
class="uk-padding-remove-left"> |
|
55 |
<div |
|
56 |
class="uk-card uk-card-default uk-card-body uk-padding-remove uk-margin-small-right uk-height-1-1 uk-margin-bottom "> |
|
57 |
<div class="uk-margin-top uk-margin-bottom"> |
|
58 |
<a class="uk-margin-auto-vertical uk-margin-auto" [queryParams]="{type:'publications', qf:false}" |
|
59 |
routerLinkActive="router-link-active" [routerLink]="searchLinkToResults"><span |
|
60 |
class="uk-text-bold uk-h5">{{publicationTotal|number}}</span> |
|
61 |
<p class="uk-text-small uk-margin-remove">publications</p></a> |
|
254 |
<div> |
|
255 |
<div class="main-tabs-div"> |
|
256 |
<ul uk-tab class="main-tabs uk-margin-remove uk-child-width-expand uk-width-3-4" uk-switcher="connect: .main-tabs-content"> |
|
257 |
<li class="uk-padding-remove"> |
|
258 |
<a class="uk-width-1-1 uk-height-1-1"> |
|
259 |
<div class="uk-text-bold">Summary</div> |
|
260 |
</a> |
|
261 |
</li> |
|
262 |
<li *ngIf="publicationTotal != null && publicationTotal > 0 && isEntityEnabled('publication')" |
|
263 |
class="uk-padding-remove" (click)="show='overview'; searchResearchResults('publication', publicationTotal, publicationResults)"> |
|
264 |
<a class="uk-width-1-1 uk-height-1-1"> |
|
265 |
<div class="uk-text-bold">Publications</div><div class="uk-margin-small-top number">{{publicationTotal|number}}</div> |
|
266 |
</a> |
|
267 |
</li> |
|
268 |
<li *ngIf="researchDataTotal != null && researchDataTotal > 0 && isEntityEnabled('dataset')" |
|
269 |
class="uk-padding-remove" (click)="show='overview'; searchResearchResults('dataset', researchDataTotal, researchDataResults)"> |
|
270 |
<a class="uk-width-1-1 uk-height-1-1"> |
|
271 |
<div class="uk-text-bold">Research Data</div><div class="uk-margin-small-top number">{{researchDataTotal|number}}</div> |
|
272 |
</a> |
|
273 |
</li> |
|
274 |
<li *ngIf="softwareTotal != null && softwareTotal > 0 && isEntityEnabled('software')" |
|
275 |
class="uk-padding-remove" (click)="show='overview'; searchResearchResults('software', softwareTotal, softwareResults)"> |
|
276 |
<a class="uk-width-1-1 uk-height-1-1"> |
|
277 |
<div class="uk-text-bold">Software</div><div class="uk-margin-small-top number">{{softwareTotal|number}}</div> |
|
278 |
</a> |
|
279 |
</li> |
|
280 |
<li *ngIf="orpTotal != null && orpTotal > 0 && isEntityEnabled('orp')" |
|
281 |
class="uk-padding-remove" (click)="show='overview'; searchResearchResults('other', orpTotal, orpResults)"> |
|
282 |
<a class="uk-width-1-1 uk-height-1-1"> |
|
283 |
<div class="uk-text-bold">Other Research</div><div class="uk-margin-small-top number">{{orpTotal|number}}</div></a> |
|
284 |
</li> |
|
285 |
<li *ngIf="statistics && statistics.statisticsDisplay && statistics.statisticsDisplay.isActive" |
|
286 |
class="uk-padding-remove statistics" (click)="show='analysis'; activeTab='analytics'"> |
|
287 |
<a class="uk-width-1-1 uk-height-1-1"> |
|
288 |
<div class="uk-text-bold">Analytics</div> |
|
289 |
</a> |
|
290 |
</li> |
|
291 |
</ul> |
|
292 |
</div> |
|
293 |
<ul class="uk-switcher main-tabs-content"> |
|
294 |
<li> |
|
295 |
<div class="uk-grid uk-margin-remove"> |
|
296 |
<div class="uk-width-expand uk-padding uk-inline"> |
|
297 |
<div> |
|
298 |
<span *ngIf="community.date != null" class="uk-margin-right"> |
|
299 |
<span class="lowOpacityColor uk-text-muted">Created: </span> {{community.date | date:'dd-MMM-yyyy'}} |
|
300 |
</span> |
|
301 |
<span class="uk-margin-right uk-display-inline-block"> |
|
302 |
<subscribe *ngIf="communityId != null" [communityId]="communityId" showNumbers=true class=""></subscribe> |
|
303 |
</span> |
|
62 | 304 |
</div> |
63 |
</div> |
|
64 |
</div> |
|
65 |
|
|
66 |
<div |
|
67 |
*ngIf="researchDataTotal != null && researchDataTotal > 0 && isEntityEnabled('dataset') " |
|
68 |
class="uk-padding-remove-left"> |
|
69 |
<div |
|
70 |
class="uk-card uk-card-default uk-card-body uk-padding-remove uk-margin-small-right uk-height-1-1 uk-margin-bottom"> |
|
71 |
<div class="uk-margin-top uk-margin-bottom"> |
|
72 |
<a class="uk-margin-auto-vertical uk-margin-auto" [queryParams]="{type:'datasets', qf:false}" |
|
73 |
routerLinkActive="router-link-active" [routerLink]="searchLinkToResults"><span |
|
74 |
class="uk-text-bold uk-h5">{{researchDataTotal|number}}</span> |
|
75 |
<p class="uk-text-small uk-margin-remove">research data</p></a> |
|
305 |
<div *ngIf="community.description != null" class="uk-margin-bottom uk-margin-top"> |
|
306 |
<div class="uk-text-muted">Description</div> |
|
307 |
<div *ngIf="!showAllDescription" class=""> |
|
308 |
{{community.description.substring(0, 500)}}{{community.description.length > 500 ? '...' : ''}}</div> |
|
309 |
<div *ngIf="showAllDescription" class="uk-height-max-medium uk-overflow-auto"> |
|
310 |
{{community.description}} |
|
311 |
</div> |
|
312 |
<div *ngIf="!showAllDescription && community.description.length > 500 " |
|
313 |
class="uk-animation-fade uk-margin-small-top uk-padding uk-padding-remove-top uk-position-bottom-right"> |
|
314 |
<a (click)="showAllDescription = !showAllDescription;">Read more |
|
315 |
</a> |
|
316 |
</div> |
|
317 |
<div *ngIf="showAllDescription" |
|
318 |
class="uk-animation-fade uk-margin-small-top uk-padding uk-padding-remove-top uk-position-bottom-right"> |
|
319 |
<a (click)="showAllDescription = !showAllDescription;"> |
|
320 |
Read less |
|
321 |
</a> |
|
322 |
</div> |
|
76 | 323 |
</div> |
77 | 324 |
</div> |
78 |
</div> |
|
79 |
<div |
|
80 |
*ngIf="softwareTotal != null && softwareTotal > 0 && isEntityEnabled('software') " |
|
81 |
class="uk-padding-remove-left"> |
|
82 |
<div |
|
83 |
class="uk-card uk-card-default uk-card-body uk-padding-remove uk-margin-small-right uk-height-1-1 uk-margin-bottom "> |
|
84 |
<div class="uk-margin-top uk-margin-bottom"> |
|
85 |
<a class="uk-margin-auto-vertical uk-margin-auto" [queryParams]="{type:'software', qf:false}" |
|
86 |
routerLinkActive="router-link-active" [routerLink]="searchLinkToResults"><span |
|
87 |
class="uk-text-bold uk-h5">{{softwareTotal|number}}</span> |
|
88 |
<p class="uk-text-small uk-margin-remove">software</p></a> |
|
325 |
<div *ngIf="community.subjects && community.subjects.length > 0" |
|
326 |
class="uk-width-1-3 uk-padding right-column uk-inline"> |
|
327 |
<div class=""> |
|
328 |
<div class="uk-text-muted">Subjects</div> |
|
329 |
<span *ngFor="let subject of community.subjects.slice(0,12) let i=index"> |
|
330 |
<span *ngIf="subject != ''"> |
|
331 |
<a class="portal-link" |
|
332 |
[queryParams]="{f0:'resultsubject',fv0:createParams(subject)}" |
|
333 |
routerLinkActive="router-link-active" [routerLink]="searchLinkToAdvancedResults" > |
|
334 |
<span>{{subject}}</span> |
|
335 |
</a> |
|
336 |
<span *ngIf="i < community.subjects.length-1 && i != 11">, </span> |
|
337 |
</span> |
|
338 |
</span> |
|
339 |
<div *ngIf="community.subjects.length > 12" |
|
340 |
class="uk-margin-top uk-animation-fade portal-link uk-padding uk-padding-remove-top uk-position-bottom-right"> |
|
341 |
<a routerLinkActive="router-link-active" [routerLink]="'/subjects'"> |
|
342 |
View all |
|
343 |
</a> |
|
344 |
</div> |
|
89 | 345 |
</div> |
90 | 346 |
</div> |
91 | 347 |
</div> |
92 |
|
|
93 |
<div |
|
94 |
*ngIf="orpTotal != null && orpTotal > 0 && isEntityEnabled('orp')" |
|
95 |
class="uk-padding-remove-left"> |
|
96 |
<div |
|
97 |
class="uk-card uk-card-default uk-card-body uk-padding-remove uk-margin-small-right uk-height-1-1 uk-margin-bottom "> |
|
98 |
<div class="uk-margin-top uk-margin-bottom"> |
|
99 |
<a class="uk-margin-auto-vertical uk-margin-auto" |
|
100 |
[queryParams]="{type:'other', qf:false}" |
|
101 |
routerLinkActive="router-link-active" [routerLink]="searchLinkToResults"><span |
|
102 |
class="uk-text-bold uk-h5">{{orpTotal|number}}</span> |
|
103 |
<p class="uk-text-small uk-margin-remove">other products</p></a> |
|
104 |
</div> |
|
105 |
</div> |
|
348 |
</li> |
|
349 |
<li *ngIf="publicationTotal != null && publicationTotal > 0 && isEntityEnabled('publication')"> |
|
350 |
<ng-container *ngTemplateOutlet="tab_content; context: { |
|
351 |
resultType: 'publication', results: publicationResults, totalResults: publicationTotal, type: 'publication', typeName: 'publication'}"> |
|
352 |
</ng-container> |
|
353 |
</li> |
|
354 |
<li *ngIf="researchDataTotal != null && researchDataTotal > 0 && isEntityEnabled('dataset')"> |
|
355 |
<ng-container *ngTemplateOutlet="tab_content; context: { |
|
356 |
resultType: 'dataset', results: researchDataResults, totalResults: researchDataTotal, type: 'dataset', typeName: 'research fata'}"> |
|
357 |
</ng-container> |
|
358 |
</li> |
|
359 |
<li *ngIf="softwareTotal != null && softwareTotal > 0 && isEntityEnabled('software')"> |
|
360 |
<ng-container *ngTemplateOutlet="tab_content; context: { |
|
361 |
resultType: 'software', results: softwareResults, totalResults: softwareTotal, type: 'software', typeName: 'software'}"> |
|
362 |
</ng-container> |
|
363 |
</li> |
|
364 |
<li *ngIf="orpTotal != null && orpTotal > 0 && isEntityEnabled('orp')"> |
|
365 |
<ng-container *ngTemplateOutlet="tab_content; context: { |
|
366 |
resultType: 'other', results: orpResults, totalResults: orpTotal, type: 'orp', typeName: 'other products'}"> |
|
367 |
</ng-container> |
|
368 |
</li> |
|
369 |
<li *ngIf="statistics && statistics.statisticsDisplay && statistics.statisticsDisplay.isActive" |
|
370 |
class="uk-overflow-auto"> |
|
371 |
<div *ngIf="statistics && activeTab=='analytics'" class="uk-width-expand uk-padding"> |
|
372 |
<ng-container *ngTemplateOutlet="analytics_tab_content; context: { |
|
373 |
type: 'publication', typeName: 'publications'}"> |
|
374 |
</ng-container> |
|
375 |
<ng-container *ngTemplateOutlet="analytics_tab_content; context: { |
|
376 |
type: 'dataset', typeName: 'research data'}"> |
|
377 |
</ng-container> |
|
378 |
<ng-container *ngTemplateOutlet="analytics_tab_content; context: { |
|
379 |
type: 'software', typeName: 'software'}"> |
|
380 |
</ng-container> |
|
381 |
<ng-container *ngTemplateOutlet="analytics_tab_content; context: { |
|
382 |
type: 'orp', typeName: 'other products'}"> |
|
383 |
</ng-container> |
|
106 | 384 |
</div> |
385 |
</li> |
|
386 |
</ul> |
|
387 |
</div> |
|
388 |
<div class="uk-width-3-5@m uk-width-1-1@s"> |
|
389 |
<div> |
|
390 |
<!-- <div class="uk-margin-bottom uk-text-right">--> |
|
391 |
<!-- <subscribe *ngIf="communityId != null && communityId != ''" [communityId]="communityId"--> |
|
392 |
<!-- class=""></subscribe>--> |
|
393 |
<!-- {{" "}}--> |
|
394 |
<!-- <invite *ngIf="showInvite()" [longView]=false [buttonSizeSmall]=false></invite>--> |
|
395 |
<!-- </div>--> |
|
107 | 396 |
|
397 |
<!-- <div *ngIf="communityId != null && communityId != ''"--> |
|
398 |
<!-- class="uk-child-width-1-6@l uk-child-width-1-6@m uk-child-width-1-3@s uk-text-center uk-grid uk-margin-remove"--> |
|
399 |
<!-- uk-scrollspy="cls: uk-animation-fade; target: > div > .uk-card; delay: 450; repeat: false">--> |
|
108 | 400 |
|
109 |
<div
|
|
110 |
*ngIf="projectTotal != null && projectTotal > 0 && isEntityEnabled('project') && isRouteEnabled(searchLinkToProjects)"
|
|
111 |
class="uk-padding-remove-left">
|
|
112 |
<div
|
|
113 |
class="uk-card uk-card-default uk-card-body uk-padding-remove uk-margin-small-right uk-height-1-1 uk-margin-bottom ">
|
|
114 |
<div class="uk-margin-top uk-margin-bottom">
|
|
115 |
<a class="uk-margin-auto-vertical uk-margin-auto" [queryParams]=params
|
|
116 |
routerLinkActive="router-link-active" [routerLink]="searchLinkToProjects"><span
|
|
117 |
class="uk-text-bold uk-h5">{{projectTotal|number}}</span>
|
|
118 |
<p class="uk-text-small uk-margin-remove">projects</p></a>
|
|
119 |
</div>
|
|
120 |
</div>
|
|
121 |
</div>
|
|
401 |
<!-- <div-->
|
|
402 |
<!-- *ngIf="publicationTotal != null && publicationTotal > 0 && isEntityEnabled('publication')"-->
|
|
403 |
<!-- class="uk-padding-remove-left">-->
|
|
404 |
<!-- <div-->
|
|
405 |
<!-- class="uk-card uk-card-default uk-card-body uk-padding-remove uk-margin-small-right uk-height-1-1 uk-margin-bottom ">-->
|
|
406 |
<!-- <div class="uk-margin-top uk-margin-bottom">-->
|
|
407 |
<!-- <a class="uk-margin-auto-vertical uk-margin-auto" [queryParams]="{type:'publications', qf:false}"-->
|
|
408 |
<!-- routerLinkActive="router-link-active" [routerLink]="searchLinkToResults"><span-->
|
|
409 |
<!-- class="uk-text-bold uk-h5">{{publicationTotal|number}}</span>-->
|
|
410 |
<!-- <p class="uk-text-small uk-margin-remove">publications</p></a>-->
|
|
411 |
<!-- </div>-->
|
|
412 |
<!-- </div>-->
|
|
413 |
<!-- </div>-->
|
|
122 | 414 |
|
123 |
<div |
|
124 |
*ngIf="contentProviderTotal != null && contentProviderTotal > 0 && isEntityEnabled('datasource') && isRouteEnabled(searchLinkToDataProviders)" |
|
125 |
class="uk-padding-remove-left"> |
|
126 |
<div |
|
127 |
class="uk-card uk-card-default uk-card-body uk-padding-remove uk-margin-small-right uk-height-1-1 uk-margin-bottom "> |
|
128 |
<div class="uk-margin-top uk-margin-bottom"> |
|
129 |
<a class="uk-margin-auto-vertical uk-margin-auto" [queryParams]=params |
|
130 |
routerLinkActive="router-link-active" [routerLink]="searchLinkToDataProviders"><span |
|
131 |
class="uk-text-bold uk-h5">{{contentProviderTotal|number}}</span> |
|
132 |
<p class="uk-text-small uk-margin-remove">content providers</p></a> |
|
133 |
</div> |
|
134 |
</div> |
|
135 |
</div> |
|
415 |
<!-- <div--> |
|
416 |
<!-- *ngIf="researchDataTotal != null && researchDataTotal > 0 && isEntityEnabled('dataset') "--> |
|
417 |
<!-- class="uk-padding-remove-left">--> |
|
418 |
<!-- <div--> |
|
419 |
<!-- class="uk-card uk-card-default uk-card-body uk-padding-remove uk-margin-small-right uk-height-1-1 uk-margin-bottom">--> |
|
420 |
<!-- <div class="uk-margin-top uk-margin-bottom">--> |
|
421 |
<!-- <a class="uk-margin-auto-vertical uk-margin-auto" [queryParams]="{type:'datasets', qf:false}"--> |
|
422 |
<!-- routerLinkActive="router-link-active" [routerLink]="searchLinkToResults"><span--> |
|
423 |
<!-- class="uk-text-bold uk-h5">{{researchDataTotal|number}}</span>--> |
|
424 |
<!-- <p class="uk-text-small uk-margin-remove">research data</p></a>--> |
|
425 |
<!-- </div>--> |
|
426 |
<!-- </div>--> |
|
427 |
<!-- </div>--> |
|
428 |
<!-- <div--> |
|
429 |
<!-- *ngIf="softwareTotal != null && softwareTotal > 0 && isEntityEnabled('software') "--> |
|
430 |
<!-- class="uk-padding-remove-left">--> |
|
431 |
<!-- <div--> |
|
432 |
<!-- class="uk-card uk-card-default uk-card-body uk-padding-remove uk-margin-small-right uk-height-1-1 uk-margin-bottom ">--> |
|
433 |
<!-- <div class="uk-margin-top uk-margin-bottom">--> |
|
434 |
<!-- <a class="uk-margin-auto-vertical uk-margin-auto" [queryParams]="{type:'software', qf:false}"--> |
|
435 |
<!-- routerLinkActive="router-link-active" [routerLink]="searchLinkToResults"><span--> |
|
436 |
<!-- class="uk-text-bold uk-h5">{{softwareTotal|number}}</span>--> |
|
437 |
<!-- <p class="uk-text-small uk-margin-remove">software</p></a>--> |
|
438 |
<!-- </div>--> |
|
439 |
<!-- </div>--> |
|
440 |
<!-- </div>--> |
|
136 | 441 |
|
137 |
</div> |
|
138 |
<div *ngIf="community.subjects != null && community.subjects.length > 0" |
|
139 |
class="uk-margin-small-bottom uk-margin-top uk-text-bold uk-h5">Subjects |
|
140 |
</div> |
|
141 |
<div *ngIf="community.subjects != null" class=" "> |
|
142 |
<span *ngFor="let subject of community.subjects.slice(0,4) let i=index"> |
|
143 |
<span *ngIf="subject != ''" class="uk-label uk-margin-small-bottom"> |
|
144 |
<a [queryParams]="{f0:'resultsubject',fv0:createParams(subject)}" |
|
145 |
routerLinkActive="router-link-active" [routerLink]="searchLinkToAdvancedResults" > |
|
146 |
{{subject}} |
|
147 |
</a> |
|
148 |
</span>{{" "}} |
|
149 |
</span> |
|
150 |
<span *ngIf="showAllSubjects"> |
|
151 |
<span *ngFor="let subject of community.subjects.slice(4) let i=index"> |
|
152 |
<span *ngIf="subject != ''" class="uk-label uk-margin-small-bottom"> |
|
153 |
<a [queryParams]="{f0:'resultsubject',fv0:createParams(subject)}" |
|
154 |
routerLinkActive="router-link-active" [routerLink]="searchLinkToAdvancedResults"> |
|
155 |
{{subject}} |
|
156 |
</a> |
|
157 |
</span> {{" "}} |
|
158 |
</span> |
|
159 |
</span> |
|
160 |
<br> |
|
161 |
<div *ngIf="!showAllSubjects && community.subjects.length > 4 " |
|
162 |
class="uk-animation-fade uk-text-center uk-text-bold"> |
|
163 |
<a (click)="showAllSubjects = !showAllSubjects;"> |
|
164 |
View more |
|
165 |
</a> |
|
166 |
</div> |
|
167 |
<div *ngIf="showAllSubjects" |
|
168 |
class="uk-text-center uk-text-bold"> |
|
169 |
<a (click)="showAllSubjects = !showAllSubjects;"> |
|
170 |
View less |
|
171 |
</a> |
|
172 |
</div> |
|
173 |
</div> |
|
442 |
<!-- <div--> |
|
443 |
<!-- *ngIf="orpTotal != null && orpTotal > 0 && isEntityEnabled('orp')"--> |
|
444 |
<!-- class="uk-padding-remove-left">--> |
|
445 |
<!-- <div--> |
|
446 |
<!-- class="uk-card uk-card-default uk-card-body uk-padding-remove uk-margin-small-right uk-height-1-1 uk-margin-bottom ">--> |
|
447 |
<!-- <div class="uk-margin-top uk-margin-bottom">--> |
|
448 |
<!-- <a class="uk-margin-auto-vertical uk-margin-auto"--> |
|
449 |
<!-- [queryParams]="{type:'other', qf:false}"--> |
|
450 |
<!-- routerLinkActive="router-link-active" [routerLink]="searchLinkToResults"><span--> |
|
451 |
<!-- class="uk-text-bold uk-h5">{{orpTotal|number}}</span>--> |
|
452 |
<!-- <p class="uk-text-small uk-margin-remove">other products</p></a>--> |
|
453 |
<!-- </div>--> |
|
454 |
<!-- </div>--> |
|
455 |
<!-- </div>--> |
|
456 |
|
|
457 |
|
|
458 |
<!-- <div--> |
|
459 |
<!-- *ngIf="projectTotal != null && projectTotal > 0 && isEntityEnabled('project') && isRouteEnabled(searchLinkToProjects)"--> |
|
460 |
<!-- class="uk-padding-remove-left">--> |
|
461 |
<!-- <div--> |
|
462 |
<!-- class="uk-card uk-card-default uk-card-body uk-padding-remove uk-margin-small-right uk-height-1-1 uk-margin-bottom ">--> |
|
463 |
<!-- <div class="uk-margin-top uk-margin-bottom">--> |
|
464 |
<!-- <a class="uk-margin-auto-vertical uk-margin-auto" [queryParams]=params--> |
|
465 |
<!-- routerLinkActive="router-link-active" [routerLink]="searchLinkToProjects"><span--> |
|
466 |
<!-- class="uk-text-bold uk-h5">{{projectTotal|number}}</span>--> |
|
467 |
<!-- <p class="uk-text-small uk-margin-remove">projects</p></a>--> |
|
468 |
<!-- </div>--> |
|
469 |
<!-- </div>--> |
|
470 |
<!-- </div>--> |
|
471 |
|
|
472 |
<!-- <div--> |
|
473 |
<!-- *ngIf="contentProviderTotal != null && contentProviderTotal > 0 && isEntityEnabled('datasource') && isRouteEnabled(searchLinkToDataProviders)"--> |
|
474 |
<!-- class="uk-padding-remove-left">--> |
|
475 |
<!-- <div--> |
|
476 |
<!-- class="uk-card uk-card-default uk-card-body uk-padding-remove uk-margin-small-right uk-height-1-1 uk-margin-bottom ">--> |
|
477 |
<!-- <div class="uk-margin-top uk-margin-bottom">--> |
|
478 |
<!-- <a class="uk-margin-auto-vertical uk-margin-auto" [queryParams]=params--> |
|
479 |
<!-- routerLinkActive="router-link-active" [routerLink]="searchLinkToDataProviders"><span--> |
|
480 |
<!-- class="uk-text-bold uk-h5">{{contentProviderTotal|number}}</span>--> |
|
481 |
<!-- <p class="uk-text-small uk-margin-remove">content providers</p></a>--> |
|
482 |
<!-- </div>--> |
|
483 |
<!-- </div>--> |
|
484 |
<!-- </div>--> |
|
485 |
|
|
486 |
<!-- </div>--> |
|
487 |
<!-- <div *ngIf="community.subjects != null && community.subjects.length > 0"--> |
|
488 |
<!-- class="uk-margin-small-bottom uk-margin-top uk-text-bold uk-h5">Subjects--> |
|
489 |
<!-- </div>--> |
|
490 |
<!-- <div *ngIf="community.subjects != null" class=" ">--> |
|
491 |
<!-- <span *ngFor="let subject of community.subjects.slice(0,4) let i=index">--> |
|
492 |
<!-- <span *ngIf="subject != ''" class="uk-label uk-margin-small-bottom">--> |
|
493 |
<!-- <a [queryParams]="{f0:'resultsubject',fv0:createParams(subject)}"--> |
|
494 |
<!-- routerLinkActive="router-link-active" [routerLink]="searchLinkToAdvancedResults" >--> |
|
495 |
<!-- {{subject}}--> |
|
496 |
<!-- </a>--> |
|
497 |
<!-- </span>{{" "}}--> |
|
498 |
<!-- </span>--> |
|
499 |
<!-- <span *ngIf="showAllSubjects">--> |
|
500 |
<!-- <span *ngFor="let subject of community.subjects.slice(4) let i=index">--> |
|
501 |
<!-- <span *ngIf="subject != ''" class="uk-label uk-margin-small-bottom">--> |
|
502 |
<!-- <a [queryParams]="{f0:'resultsubject',fv0:createParams(subject)}"--> |
|
503 |
<!-- routerLinkActive="router-link-active" [routerLink]="searchLinkToAdvancedResults">--> |
|
504 |
<!-- {{subject}}--> |
|
505 |
<!-- </a>--> |
|
506 |
<!-- </span> {{" "}}--> |
|
507 |
<!-- </span>--> |
|
508 |
<!-- </span>--> |
|
509 |
<!-- <br>--> |
|
510 |
<!-- <div *ngIf="!showAllSubjects && community.subjects.length > 4 "--> |
|
511 |
<!-- class="uk-animation-fade uk-text-center uk-text-bold">--> |
|
512 |
<!-- <a (click)="showAllSubjects = !showAllSubjects;">--> |
|
513 |
<!-- View more--> |
|
514 |
<!-- </a>--> |
|
515 |
<!-- </div>--> |
|
516 |
<!-- <div *ngIf="showAllSubjects"--> |
|
517 |
<!-- class="uk-text-center uk-text-bold">--> |
|
518 |
<!-- <a (click)="showAllSubjects = !showAllSubjects;">--> |
|
519 |
<!-- View less--> |
|
520 |
<!-- </a>--> |
|
521 |
<!-- </div>--> |
|
522 |
<!-- </div>--> |
|
174 | 523 |
</div> |
175 | 524 |
</div> |
176 | 525 |
</div> |
... | ... | |
179 | 528 |
</div> |
180 | 529 |
</div> |
181 | 530 |
|
182 |
<div class="uk-section tm-middle uk-container uk-margin-small-top uk-padding-remove-top" id="tm-main">
|
|
183 |
<div class="uk-container uk-margin-bottom uk-grid">
|
|
184 |
<div class="uk-width-expand uk-padding-remove">
|
|
185 |
<article *ngIf="communityInfo" class="uk-article ">
|
|
186 |
<div *ngIf="communityId != null && communityId != '' && community != null">
|
|
531 |
<!--<div class="uk-section tm-middle uk-container uk-margin-small-top uk-padding-remove-top" id="tm-main">-->
|
|
532 |
<!-- <div class="uk-container uk-margin-bottom uk-grid">-->
|
|
533 |
<!-- <div class="uk-width-expand uk-padding-remove">-->
|
|
534 |
<!-- <article *ngIf="communityInfo" class="uk-article ">-->
|
|
535 |
<!-- <div *ngIf="communityId != null && communityId != '' && community != null">-->
|
|
187 | 536 |
|
188 | 537 |
|
189 | 538 |
<!-- <div *ngIf="isRouteEnabled('/search/find')" class="uk-margin-top"> |
190 | 539 |
<div class="uk-text-bold uk-h5">Search research results</div> |
191 | 540 |
<search-form [setFormCentered]=false [placeholderText]="getSearchPlaceHolder()" link="/search/find"></search-form> |
192 | 541 |
</div>--> |
193 |
<ng-template #stats let-entity="entity" let-entityName="entityName" let-statisticsSum="statisticsSum" |
|
194 |
let-statisticsDisplay="statisticsDisplay" let-allowedEntities="allowedEntities" |
|
195 |
let-allowedCharts="allowedCharts" let-chartsInfoMap="chartsInfoMap" |
|
196 |
let-showChartTitle="showChartTitle" |
|
197 |
let-showIn="showIn"> |
|
198 |
<div *ngIf=" showIn == 'showInMonitor' && allowedCharts && allowedCharts[entity] && allowedCharts[entity].length == 0 && |
|
199 |
!statisticsDisplay.entities[entity].numbers.map['total'][showIn] && !statisticsDisplay.entities[entity].numbers.map['project'][showIn] && |
|
200 |
!statisticsDisplay.entities[entity].numbers.map['open'][showIn] && !statisticsDisplay.entities[entity].numbers.map['closed'][showIn] && |
|
201 |
!statisticsDisplay.entities[entity].numbers.map['embargo'][showIn] && !statisticsDisplay.entities[entity].numbers.map['restricted'][showIn]" |
|
202 |
class="uk-alert uk-alert-primary"> |
|
203 |
No graphs available |
|
204 |
</div> |
|
205 |
<div *ngIf="statisticsSum && statisticsDisplay && |
|
206 |
statisticsSum[entity].total>0" |
|
207 |
class="uk-grid uk-child-width-1-3@l uk-child-width-1-2@m uk-child-width-1-2@s"> |
|
208 |
<div *ngIf="statisticsDisplay.entities[entity].numbers.map['total'][showIn]" class="uk-padding-remove"> |
|
209 |
<div class="uk-card portal-card uk-text-right uk-margin-left uk-margin-bottom uk-padding-small"> |
|
210 |
<div |
|
211 |
class="uk-text-large">{{statisticsSum[entity].total|number}}</div> |
|
212 |
<div>Total |
|
213 |
{{entityName}}</div> |
|
214 |
</div> |
|
215 |
</div> |
|
216 |
<div |
|
217 |
*ngIf="statisticsDisplay.entities[entity].numbers.map['project'][showIn]" class="uk-padding-remove"> |
|
218 |
<div class="uk-card portal-card uk-text-right uk-margin-left uk-margin-bottom uk-padding-small"> |
|
219 |
<div |
|
220 |
class="uk-text-large">{{statisticsSum[entity].projects|number}} </div> |
|
221 |
<div>Total projects linked to {{entityName}}</div> |
|
222 |
</div> |
|
223 |
</div> |
|
224 |
<div |
|
225 |
*ngIf="statisticsDisplay.entities[entity].numbers.map['open'][showIn]" class="uk-padding-remove"> |
|
226 |
<div class="uk-card portal-card uk-text-right uk-margin-left uk-margin-bottom uk-padding-small"> |
|
227 |
<div |
|
228 |
class="uk-text-large">{{statisticsSum[entity].open_access|number}} </div> |
|
229 |
<div>Open access |
|
230 |
{{entityName}}</div> |
|
231 |
</div> |
|
232 |
</div> |
|
233 |
<div *ngIf="statisticsDisplay.entities[entity].numbers.map['closed'][showIn]" class="uk-padding-remove"> |
|
234 |
<div class="uk-card portal-card uk-text-right uk-margin-left uk-margin-bottom uk-padding-small"> |
|
235 |
<div |
|
236 |
class="uk-text-large">{{statisticsSum[entity].closed_access|number}} </div> |
|
237 |
<div>Closed access |
|
238 |
{{entityName}}</div> |
|
239 |
</div> |
|
240 |
</div> |
|
241 |
<div |
|
242 |
*ngIf="statisticsDisplay.entities[entity].numbers.map['embargo'][showIn]" class="uk-padding-remove"> |
|
243 |
<div class="uk-card portal-card uk-text-right uk-margin-left uk-margin-bottom uk-padding-small"> |
|
244 |
<div |
|
245 |
class="uk-text-large">{{statisticsSum[entity].embargo|number}} </div> |
|
246 |
<div>Embargoed |
|
247 |
{{entityName}}</div> |
|
248 |
</div> |
|
249 |
</div> |
|
250 |
<div |
|
251 |
*ngIf="statisticsDisplay.entities[entity].numbers.map['restricted'][showIn]" |
|
252 |
class="uk-padding-remove"> |
|
253 |
<div class="uk-card portal-card uk-text-right uk-margin-left uk-margin-bottom uk-padding-small"> |
|
254 |
<div |
|
255 |
class="uk-text-large">{{statisticsSum[entity].restricted|number}} </div> |
|
256 |
<div>Restricted |
|
257 |
{{entityName}}</div> |
|
258 |
</div> |
|
259 |
</div> |
|
260 |
</div> |
|
261 |
<div *ngIf=" allowedEntities && |
|
262 |
statisticsSum && allowedCharts && statisticsSum[entity] && |
|
263 |
allowedCharts[entity] && statisticsSum[entity].total>0 && |
|
264 |
allowedCharts[entity].length>0"> |
|
265 |
<div *ngIf="showIn == 'showInDashboard'"> |
|
266 |
<div uk-slider> |
|
267 | 542 |
|
268 |
<div class="uk-position-relative"> |
|
269 |
|
|
270 |
<div class="uk-slider-container"> |
|
271 |
<ul class="uk-slider-items uk-child-width-1-2 uk-child-width-1-1@s uk-child-width-1-2@m"> |
|
272 |
<li *ngFor="let chart of allowedCharts[entity]"> |
|
273 |
|
|
274 |
<div class=" iframeContainer uk-height-medium uk-margin-top"> |
|
275 |
<div *ngIf="showChartTitle[chart]" class=" uk-h5 "> |
|
276 |
{{chartsInfoMap[chart].title}}</div> |
|
277 |
<iframe [src]=chartsInfoMap[chart].url scrolling="no"></iframe> |
|
278 |
</div> |
|
279 |
</li> |
|
280 |
</ul> |
|
281 |
</div> |
|
282 |
|
|
283 |
<div class="uk-hidden@s uk-light"> |
|
284 |
<a class="uk-position-center-left " href="#" uk-slidenav-previous uk-slider-item="previous"></a> |
|
285 |
<a class="uk-position-center-right " href="#" uk-slidenav-next uk-slider-item="next"></a> |
|
286 |
</div> |
|
287 |
|
|
288 |
<div class="uk-visible@s"> |
|
289 |
<a class="uk-position-center-left-out " href="#" uk-slidenav-previous |
|
290 |
uk-slider-item="previous"></a> |
|
291 |
<a class="uk-position-center-right-out " href="#" uk-slidenav-next uk-slider-item="next"></a> |
|
292 |
</div> |
|
293 |
|
|
294 |
</div> |
|
295 |
|
|
296 |
</div> |
|
297 |
|
|
298 |
|
|
299 |
<div *ngIf=" allowedEntities && |
|
300 |
statisticsSum && allowedCharts && statisticsSum[entity] && |
|
301 |
allowedCharts[entity] && statisticsSum[entity].total>0 && |
|
302 |
allowedCharts[entity].length>0"> |
|
303 |
<div class="uk-margin-top portal-hr"></div> |
|
304 |
</div> |
|
305 |
</div> |
|
306 |
<div *ngIf="showIn == 'showInMonitor'" class="uk-grid uk-child-width-1-2@l uk-child-width-1-1@m "> |
|
307 |
<div *ngFor="let chart of allowedCharts[entity]" class="uk-clearfix uk-margin-bottom"> |
|
308 |
|
|
309 |
<div class=" iframeContainer uk-height-large uk-margin-top"> |
|
310 |
<div *ngIf="showChartTitle[chart]" class=" uk-h5 "> |
|
311 |
{{chartsInfoMap[chart].title}}</div> |
|
312 |
<iframe [src]=chartsInfoMap[chart].url scrolling="no" class=""></iframe> |
|
313 |
</div> |
|
314 |
|
|
315 |
</div> |
|
316 |
|
|
317 |
</div> |
|
318 |
</div> |
|
319 |
|
|
320 |
</ng-template> |
|
321 |
<div class="uk-text-center" *ngIf="statistics.statisticsDisplay && statistics.statisticsDisplay.isActive"> |
|
543 |
<!-- <div class="uk-text-center" *ngIf="statistics.statisticsDisplay && statistics.statisticsDisplay.isActive">--> |
|
322 | 544 |
<!-- <button [class]="'uk-button '+((show == 'overview')?'uk-disabled ':' uk-button-default ')" |
323 | 545 |
(click)="show='overview'">Overview |
324 | 546 |
</button> |
... | ... | |
326 | 548 |
<button [class]="'uk-button '+((show != 'overview')?'uk-disabled ':' uk-button-default ')" |
327 | 549 |
(click)="show='analysis';">Graph Analysis |
328 | 550 |
</button>--> |
329 |
<mat-form-field>
|
|
330 |
<div class="uk-margin-small-bottom">Select view</div>
|
|
331 |
<!-- <mat-label>Select view</mat-label>-->
|
|
332 |
<mat-select [(value)]="show">
|
|
333 |
<mat-option value="overview">Overview</mat-option>
|
|
334 |
<mat-option value="analysis">Graph Analysis</mat-option>
|
|
335 |
</mat-select>
|
|
336 |
</mat-form-field>
|
|
551 |
<!-- <mat-form-field>-->
|
|
552 |
<!-- <div class="uk-margin-small-bottom">Select view</div>-->
|
|
553 |
<!--<!– <mat-label>Select view</mat-label>–>-->
|
|
554 |
<!-- <mat-select [(value)]="show">-->
|
|
555 |
<!-- <mat-option value="overview">Overview</mat-option>-->
|
|
556 |
<!-- <mat-option value="analysis">Graph Analysis</mat-option>-->
|
|
557 |
<!-- </mat-select>-->
|
|
558 |
<!-- </mat-form-field>-->
|
|
337 | 559 |
<!--<select [(ngModel)]="show" class="uk-select uk-text-bold uk-width-small"> |
338 | 560 |
<option value="overview">Overview</option> |
339 | 561 |
<option value="analysis">Graph Analysis</option> |
... | ... | |
342 | 564 |
<!-- <option value="num" >Sort by results number</option>--> |
343 | 565 |
<!-- <option value="name" >Sort by name</option>--> |
344 | 566 |
<!-- </select>--> |
345 |
</div>
|
|
567 |
<!-- </div>-->
|
|
346 | 568 |
|
347 |
<div class="uk-margin-top customTabs">
|
|
569 |
<!-- <div class="uk-margin-top customTabs">-->
|
|
348 | 570 |
|
349 | 571 |
|
350 |
<ul class="uk-margin-remove uk-flex-center"
|
|
351 |
data-uk-tab="{connect: '#resultTabs'">
|
|
352 |
<li *ngIf="isEntityEnabled('publication')" (click)="searchResearchResults('publication', publicationTotal, publicationResults)" class="uk-active"><a
|
|
353 |
href="#">publications</a></li>
|
|
354 |
<li *ngIf="isEntityEnabled('dataset')" (click)="searchResearchResults('dataset', researchDataTotal, researchDataResults)"><a href="#">research data</a></li>
|
|
355 |
<li *ngIf="isEntityEnabled('software')" (click)="searchResearchResults('software', softwareTotal, softwareResults)"><a href="#">software</a></li>
|
|
356 |
<li *ngIf="isEntityEnabled('orp')" (click)="searchResearchResults('other', orpTotal, orpResults)"><a href="#">other research products</a></li>
|
|
357 |
</ul>
|
|
572 |
<!-- <ul class="uk-margin-remove uk-flex-center"-->
|
|
573 |
<!-- data-uk-tab="{connect: '#resultTabs'">-->
|
|
574 |
<!-- <li *ngIf="isEntityEnabled('publication')" (click)="searchResearchResults('publication', publicationTotal, publicationResults)" class="uk-active"><a-->
|
|
575 |
<!-- href="#">publications</a></li>-->
|
|
576 |
<!-- <li *ngIf="isEntityEnabled('dataset')" (click)="searchResearchResults('dataset', researchDataTotal, researchDataResults)"><a href="#">research data</a></li>-->
|
|
577 |
<!-- <li *ngIf="isEntityEnabled('software')" (click)="searchResearchResults('software', softwareTotal, softwareResults)"><a href="#">software</a></li>-->
|
|
578 |
<!-- <li *ngIf="isEntityEnabled('orp')" (click)="searchResearchResults('other', orpTotal, orpResults)"><a href="#">other research products</a></li>-->
|
|
579 |
<!-- </ul>-->
|
|
358 | 580 |
|
359 |
<ul id="resultTabs" class=" communityBorder customTabsContent uk-switcher " style="min-height:450px;">
|
|
360 |
<li *ngIf="isEntityEnabled('publication')" class="uk-padding">
|
|
361 |
<div *ngIf="show=='overview'">
|
|
362 |
<div *ngIf="statistics !=null && activeTab == 'publication'">
|
|
363 |
<ng-container *ngTemplateOutlet="stats; context: { entity: 'publication', entityName:
|
|
364 |
'publications' , statisticsSum:statistics.statisticsSum, statisticsDisplay:statistics.statisticsDisplay,
|
|
365 |
allowedEntities: statistics.allowedEntitiesMode['showInDashboard'],
|
|
366 |
allowedCharts:statistics.allowedChartsMode['showInDashboard'], showChartTitle: statistics.chartTitlesMode['showInDashboard'],
|
|
581 |
<!-- <ul id="resultTabs" class=" communityBorder customTabsContent uk-switcher " style="min-height:450px;">-->
|
|
582 |
<!-- <li *ngIf="isEntityEnabled('publication')" class="uk-padding">-->
|
|
583 |
<!-- <div *ngIf="show=='overview'">-->
|
|
584 |
<!-- <div *ngIf="statistics !=null && activeTab == 'publication'">-->
|
|
585 |
<!-- <ng-container *ngTemplateOutlet="stats; context: { entity: 'publication', entityName:-->
|
|
586 |
<!-- 'publications' , statisticsSum:statistics.statisticsSum, statisticsDisplay:statistics.statisticsDisplay,-->
|
|
587 |
<!-- allowedEntities: statistics.allowedEntitiesMode['showInDashboard'],-->
|
|
588 |
<!-- allowedCharts:statistics.allowedChartsMode['showInDashboard'], showChartTitle: statistics.chartTitlesMode['showInDashboard'],-->
|
|
367 | 589 |
|
368 |
chartsInfoMap:statistics.chartsInfoMap, showIn:'showInDashboard'}"></ng-container>
|
|
369 |
</div>
|
|
370 |
<results-comp [results]=publicationResults [total]=publicationTotal resultType="publication"
|
|
371 |
[community]=community [params]=params [showLoading]="showLoading"
|
|
372 |
[properties]="properties"
|
|
373 |
class=""></results-comp>
|
|
374 |
</div>
|
|
375 |
<div *ngIf="show!='overview' && activeTab == 'publication'">
|
|
376 |
<ng-container *ngTemplateOutlet="stats; context: { entity: 'publication', entityName:
|
|
377 |
'publications' , statisticsSum:statistics.statisticsSum, statisticsDisplay:statistics.statisticsDisplay,
|
|
378 |
allowedEntities: statistics.allowedEntitiesMode['showInMonitor'],
|
|
379 |
allowedCharts:statistics.allowedChartsMode['showInMonitor'], showChartTitle: statistics.chartTitlesMode['showInMonitor'],
|
|
380 |
chartsInfoMap:statistics.chartsInfoMap, showIn:'showInMonitor'}"></ng-container>
|
|
590 |
<!-- chartsInfoMap:statistics.chartsInfoMap, showIn:'showInDashboard'}"></ng-container>-->
|
|
591 |
<!-- </div>-->
|
|
592 |
<!-- <results-comp [results]=publicationResults [total]=publicationTotal resultType="publication"-->
|
|
593 |
<!-- [community]=community [params]=params [showLoading]="showLoading"-->
|
|
594 |
<!-- [properties]="properties"-->
|
|
595 |
<!-- class=""></results-comp>-->
|
|
596 |
<!-- </div>-->
|
|
597 |
<!-- <div *ngIf="show!='overview' && activeTab == 'publication'">-->
|
|
598 |
<!-- <ng-container *ngTemplateOutlet="stats; context: { entity: 'publication', entityName:-->
|
|
599 |
<!-- 'publications' , statisticsSum:statistics.statisticsSum, statisticsDisplay:statistics.statisticsDisplay,-->
|
|
600 |
<!-- allowedEntities: statistics.allowedEntitiesMode['showInMonitor'],-->
|
|
601 |
<!-- allowedCharts:statistics.allowedChartsMode['showInMonitor'], showChartTitle: statistics.chartTitlesMode['showInMonitor'],-->
|
|
602 |
<!-- chartsInfoMap:statistics.chartsInfoMap, showIn:'showInMonitor'}"></ng-container>-->
|
|
381 | 603 |
|
382 |
</div>
|
|
604 |
<!-- </div>-->
|
|
383 | 605 |
|
384 | 606 |
|
385 |
</li>
|
|
386 |
<li *ngIf="isEntityEnabled('dataset')" class="uk-padding">
|
|
387 |
<div *ngIf="show=='overview'">
|
|
388 |
<div *ngIf="statistics !=null && activeTab == 'dataset'">
|
|
389 |
<ng-container *ngTemplateOutlet="stats; context: { entity: 'dataset', entityName:
|
|
390 |
'research data' , statisticsSum:statistics.statisticsSum,
|
|
391 |
statisticsDisplay:statistics.statisticsDisplay,
|
|
392 |
allowedEntities: statistics.allowedEntitiesMode['showInDashboard'],
|
|
393 |
allowedCharts:statistics.allowedChartsMode['showInDashboard'], showChartTitle: statistics.chartTitlesMode['showInDashboard'],
|
|
607 |
<!-- </li>-->
|
|
608 |
<!-- <li *ngIf="isEntityEnabled('dataset')" class="uk-padding">-->
|
|
609 |
<!-- <div *ngIf="show=='overview'">-->
|
|
610 |
<!-- <div *ngIf="statistics !=null && activeTab == 'dataset'">-->
|
|
611 |
<!-- <ng-container *ngTemplateOutlet="stats; context: { entity: 'dataset', entityName:-->
|
|
612 |
<!-- 'research data' , statisticsSum:statistics.statisticsSum,-->
|
|
613 |
<!-- statisticsDisplay:statistics.statisticsDisplay,-->
|
|
614 |
<!-- allowedEntities: statistics.allowedEntitiesMode['showInDashboard'],-->
|
|
615 |
<!-- allowedCharts:statistics.allowedChartsMode['showInDashboard'], showChartTitle: statistics.chartTitlesMode['showInDashboard'],-->
|
|
394 | 616 |
|
395 |
chartsInfoMap:statistics.chartsInfoMap, showIn:'showInDashboard'}"></ng-container>
|
|
396 |
</div>
|
|
397 |
<results-comp [results]=researchDataResults [total]=researchDataTotal resultType="dataset"
|
|
398 |
[community]=community [params]=params [showLoading]="showLoading"
|
|
399 |
[properties]="properties"
|
|
400 |
class=""></results-comp>
|
|
401 |
</div>
|
|
402 |
<div *ngIf="show!='overview' && activeTab == 'dataset'">
|
|
403 |
<ng-container *ngTemplateOutlet="stats; context: { entity: 'dataset', entityName:
|
|
404 |
'research data' , statisticsSum:statistics.statisticsSum, statisticsDisplay:statistics.statisticsDisplay,
|
|
405 |
allowedEntities: statistics.allowedEntitiesMode['showInMonitor'],
|
|
406 |
allowedCharts:statistics.allowedChartsMode['showInMonitor'], showChartTitle: statistics.chartTitlesMode['showInMonitor'],
|
|
407 |
chartsInfoMap:statistics.chartsInfoMap, showIn:'showInMonitor'}"></ng-container>
|
|
617 |
<!-- chartsInfoMap:statistics.chartsInfoMap, showIn:'showInDashboard'}"></ng-container>-->
|
|
618 |
<!-- </div>-->
|
|
619 |
<!-- <results-comp [results]=researchDataResults [total]=researchDataTotal resultType="dataset"-->
|
|
620 |
<!-- [community]=community [params]=params [showLoading]="showLoading"-->
|
|
621 |
<!-- [properties]="properties"-->
|
|
622 |
<!-- class=""></results-comp>-->
|
|
623 |
<!-- </div>-->
|
|
624 |
<!-- <div *ngIf="show!='overview' && activeTab == 'dataset'">-->
|
|
625 |
<!-- <ng-container *ngTemplateOutlet="stats; context: { entity: 'dataset', entityName:-->
|
|
626 |
<!-- 'research data' , statisticsSum:statistics.statisticsSum, statisticsDisplay:statistics.statisticsDisplay,-->
|
|
627 |
<!-- allowedEntities: statistics.allowedEntitiesMode['showInMonitor'],-->
|
|
628 |
<!-- allowedCharts:statistics.allowedChartsMode['showInMonitor'], showChartTitle: statistics.chartTitlesMode['showInMonitor'],-->
|
|
629 |
<!-- chartsInfoMap:statistics.chartsInfoMap, showIn:'showInMonitor'}"></ng-container>-->
|
|
408 | 630 |
|
409 |
</div>
|
|
631 |
<!-- </div>-->
|
|
410 | 632 |
|
411 | 633 |
|
412 |
</li>
|
|
413 |
<li *ngIf="isEntityEnabled('software')" class="uk-padding">
|
|
414 |
<div *ngIf="show=='overview'">
|
|
415 |
<div *ngIf="statistics !=null && activeTab == 'software'">
|
|
416 |
<ng-container *ngTemplateOutlet="stats; context: { entity: 'software', entityName:
|
|
417 |
'software' , statisticsSum:statistics.statisticsSum, statisticsDisplay:statistics.statisticsDisplay,
|
|
418 |
allowedEntities: statistics.allowedEntitiesMode['showInDashboard'],
|
|
419 |
allowedCharts:statistics.allowedChartsMode['showInDashboard'], showChartTitle: statistics.chartTitlesMode['showInDashboard'],
|
|
634 |
<!-- </li>-->
|
|
635 |
<!-- <li *ngIf="isEntityEnabled('software')" class="uk-padding">-->
|
|
636 |
<!-- <div *ngIf="show=='overview'">-->
|
|
637 |
<!-- <div *ngIf="statistics !=null && activeTab == 'software'">-->
|
|
638 |
<!-- <ng-container *ngTemplateOutlet="stats; context: { entity: 'software', entityName:-->
|
|
639 |
<!-- 'software' , statisticsSum:statistics.statisticsSum, statisticsDisplay:statistics.statisticsDisplay,-->
|
|
640 |
<!-- allowedEntities: statistics.allowedEntitiesMode['showInDashboard'],-->
|
|
641 |
<!-- allowedCharts:statistics.allowedChartsMode['showInDashboard'], showChartTitle: statistics.chartTitlesMode['showInDashboard'],-->
|
|
420 | 642 |
|
421 |
chartsInfoMap:statistics.chartsInfoMap, showIn:'showInDashboard'}"></ng-container>
|
|
422 |
</div>
|
|
423 |
<results-comp [results]=softwareResults [total]=softwareTotal resultType="software"
|
|
424 |
[community]=community [params]=params [showLoading]="showLoading"
|
|
425 |
[properties]="properties"
|
|
426 |
class=""></results-comp>
|
|
427 |
</div>
|
|
428 |
<div *ngIf="show!='overview' && activeTab == 'software'">
|
|
429 |
<ng-container *ngTemplateOutlet="stats; context: { entity: 'software', entityName:
|
|
430 |
'software' , statisticsSum:statistics.statisticsSum, statisticsDisplay:statistics.statisticsDisplay,
|
|
431 |
allowedEntities: statistics.allowedEntitiesMode['showInMonitor'],
|
|
432 |
allowedCharts:statistics.allowedChartsMode['showInMonitor'], showChartTitle: statistics.chartTitlesMode['showInMonitor'],
|
|
433 |
chartsInfoMap:statistics.chartsInfoMap, showIn:'showInMonitor'}"></ng-container>
|
|
643 |
<!-- chartsInfoMap:statistics.chartsInfoMap, showIn:'showInDashboard'}"></ng-container>-->
|
|
644 |
<!-- </div>-->
|
|
645 |
<!-- <results-comp [results]=softwareResults [total]=softwareTotal resultType="software"-->
|
|
646 |
<!-- [community]=community [params]=params [showLoading]="showLoading"-->
|
|
647 |
<!-- [properties]="properties"-->
|
|
648 |
<!-- class=""></results-comp>-->
|
|
649 |
<!-- </div>-->
|
|
650 |
<!-- <div *ngIf="show!='overview' && activeTab == 'software'">-->
|
|
651 |
<!-- <ng-container *ngTemplateOutlet="stats; context: { entity: 'software', entityName:-->
|
|
652 |
<!-- 'software' , statisticsSum:statistics.statisticsSum, statisticsDisplay:statistics.statisticsDisplay,-->
|
|
653 |
<!-- allowedEntities: statistics.allowedEntitiesMode['showInMonitor'],-->
|
|
654 |
<!-- allowedCharts:statistics.allowedChartsMode['showInMonitor'], showChartTitle: statistics.chartTitlesMode['showInMonitor'],-->
|
|
655 |
<!-- chartsInfoMap:statistics.chartsInfoMap, showIn:'showInMonitor'}"></ng-container>-->
|
|
434 | 656 |
|
435 |
</div>
|
|
657 |
<!-- </div>-->
|
|
436 | 658 |
|
437 | 659 |
|
438 |
</li>
|
|
439 |
<li *ngIf="isEntityEnabled('orp')" class="uk-padding">
|
|
440 |
<div *ngIf="show=='overview'">
|
|
441 |
<div *ngIf="statistics !=null && activeTab == 'orp'">
|
|
442 |
<ng-container *ngTemplateOutlet="stats; context: { entity: 'orp', entityName:
|
|
443 |
'other products' , statisticsSum:statistics.statisticsSum,
|
|
444 |
statisticsDisplay:statistics.statisticsDisplay,
|
|
445 |
allowedEntities: statistics.allowedEntitiesMode['showInDashboard'],
|
|
446 |
allowedCharts:statistics.allowedChartsMode['showInDashboard'], showChartTitle: statistics.chartTitlesMode['showInDashboard'],
|
|
660 |
<!-- </li>-->
|
|
661 |
<!-- <li *ngIf="isEntityEnabled('orp')" class="uk-padding">-->
|
|
662 |
<!-- <div *ngIf="show=='overview'">-->
|
|
663 |
<!-- <div *ngIf="statistics !=null && activeTab == 'orp'">-->
|
|
664 |
<!-- <ng-container *ngTemplateOutlet="stats; context: { entity: 'orp', entityName:-->
|
|
665 |
<!-- 'other products' , statisticsSum:statistics.statisticsSum,-->
|
|
666 |
<!-- statisticsDisplay:statistics.statisticsDisplay,-->
|
|
667 |
<!-- allowedEntities: statistics.allowedEntitiesMode['showInDashboard'],-->
|
|
668 |
<!-- allowedCharts:statistics.allowedChartsMode['showInDashboard'], showChartTitle: statistics.chartTitlesMode['showInDashboard'],-->
|
|
447 | 669 |
|
448 |
chartsInfoMap:statistics.chartsInfoMap, showIn:'showInDashboard'}"></ng-container>
|
|
449 |
</div>
|
|
450 |
<results-comp [results]=orpResults [total]=orpTotal resultType="other"
|
|
451 |
[community]=community [params]=params [showLoading]="showLoading"
|
|
452 |
[properties]="properties"
|
|
453 |
class=""></results-comp>
|
|
454 |
</div>
|
|
455 |
<div *ngIf="show!='overview' && activeTab == 'orp'">
|
|
456 |
<ng-container *ngTemplateOutlet="stats; context: { entity: 'orp', entityName:
|
|
457 |
'other products' , statisticsSum:statistics.statisticsSum, statisticsDisplay:statistics.statisticsDisplay,
|
|
458 |
allowedEntities: statistics.allowedEntitiesMode['showInMonitor'],
|
|
459 |
allowedCharts:statistics.allowedChartsMode['showInMonitor'], showChartTitle: statistics.chartTitlesMode['showInMonitor'],
|
|
460 |
chartsInfoMap:statistics.chartsInfoMap, showIn:'showInMonitor'}"></ng-container>
|
|
670 |
<!-- chartsInfoMap:statistics.chartsInfoMap, showIn:'showInDashboard'}"></ng-container>-->
|
|
671 |
<!-- </div>-->
|
|
672 |
<!-- <results-comp [results]=orpResults [total]=orpTotal resultType="other"-->
|
|
673 |
<!-- [community]=community [params]=params [showLoading]="showLoading"-->
|
|
674 |
<!-- [properties]="properties"-->
|
|
675 |
<!-- class=""></results-comp>-->
|
|
676 |
<!-- </div>-->
|
|
677 |
<!-- <div *ngIf="show!='overview' && activeTab == 'orp'">-->
|
|
678 |
<!-- <ng-container *ngTemplateOutlet="stats; context: { entity: 'orp', entityName:-->
|
|
679 |
<!-- 'other products' , statisticsSum:statistics.statisticsSum, statisticsDisplay:statistics.statisticsDisplay,-->
|
|
680 |
<!-- allowedEntities: statistics.allowedEntitiesMode['showInMonitor'],-->
|
|
681 |
<!-- allowedCharts:statistics.allowedChartsMode['showInMonitor'], showChartTitle: statistics.chartTitlesMode['showInMonitor'],-->
|
|
682 |
<!-- chartsInfoMap:statistics.chartsInfoMap, showIn:'showInMonitor'}"></ng-container>-->
|
|
461 | 683 |
|
462 |
</div>
|
|
684 |
<!-- </div>-->
|
|
463 | 685 |
|
464 | 686 |
|
465 |
</li>
|
|
466 |
</ul>
|
|
467 |
</div>
|
|
687 |
<!-- </li>-->
|
|
688 |
<!-- </ul>-->
|
|
689 |
<!-- </div>-->
|
|
468 | 690 |
<!-- <hr>--> |
469 | 691 |
<!--<div *ngIf="statistics && statistics.allowedEntities && countOtherGraphs()>0"> |
470 | 692 |
<div class="uk-text-bold uk-h5"> |
... | ... | |
487 | 709 |
</div>--> |
488 | 710 |
|
489 | 711 |
|
490 |
</div>
|
|
491 |
</article>
|
|
492 |
</div>
|
|
712 |
<!-- </div>-->
|
|
713 |
<!-- </article>-->
|
|
714 |
<!-- </div>-->
|
|
493 | 715 |
|
494 |
</div>
|
|
716 |
<!-- </div>-->
|
|
495 | 717 |
|
496 |
</div>
|
|
718 |
<!--</div>-->
|
|
497 | 719 |
<statistics-for-dashboard [currentMode]="'showInDashboard'"></statistics-for-dashboard> |
498 | 720 |
|
499 | 721 |
|
500 |
<div class="communityPanelBackground uk-margin-top uk-padding-small">
|
|
501 |
<div class="uk-container uk-margin-top uk-margin-bottom "
|
|
502 |
*ngIf="communityId != null && communityId != '' && community != null && communityInfo!=null">
|
|
503 |
<div class="uk-grid">
|
|
504 |
<div class="uk-width-2-5@m uk-width-1-1@s uk-first-column uk-margin-top">
|
|
505 |
<div *ngIf="community.date != null"><span
|
|
506 |
class="lowOpacityColor">Created</span> {{community.date | date:'dd-MM-yyyy'}}</div>
|
|
507 |
<subscribe *ngIf="communityId != null" [communityId]="communityId" showNumbers=true class=""></subscribe>
|
|
508 |
<div *ngIf=" isRouteEnabled(shareInZenodoPage)" class="">
|
|
509 |
<span class="lowOpacityColor">Related Zenodo communities </span>
|
|
510 |
<a [queryParams]=params routerLinkActive="router-link-active" [routerLink]="shareInZenodoPage">
|
|
511 |
<span>
|
|
512 |
{{zenodoCommunityIdS.length + ((masterZenodoCommunity) ? 1 : 0)}}</span>
|
|
722 |
<!--<div class="communityPanelBackground uk-margin-top uk-padding-small">-->
|
|
723 |
<!-- <div class="uk-container uk-margin-top uk-margin-bottom "-->
|
|
724 |
<!-- *ngIf="communityId != null && communityId != '' && community != null && communityInfo!=null">-->
|
|
725 |
<!-- <div class="uk-grid">-->
|
|
726 |
<!-- <div class="uk-width-2-5@m uk-width-1-1@s uk-first-column uk-margin-top">-->
|
|
727 |
<!-- <div *ngIf="community.date != null"><span-->
|
|
728 |
<!-- class="lowOpacityColor">Created</span> {{community.date | date:'dd-MM-yyyy'}}</div>-->
|
|
729 |
<!-- <subscribe *ngIf="communityId != null" [communityId]="communityId" showNumbers=true class=""></subscribe>-->
|
|
730 |
<!-- <div *ngIf=" isRouteEnabled(shareInZenodoPage)" class="">-->
|
|
731 |
<!-- <span class="lowOpacityColor">Related Zenodo communities </span>-->
|
|
732 |
<!-- <a [queryParams]=params routerLinkActive="router-link-active" [routerLink]="shareInZenodoPage">-->
|
|
733 |
<!-- <span>-->
|
|
734 |
<!-- {{zenodoCommunityIdS.length + ((masterZenodoCommunity) ? 1 : 0)}}</span>-->
|
|
513 | 735 |
|
514 |
</a> |
|
515 |
{{" "}} |
|
516 |
<span class="uk-icon" |
|
517 |
uk-tooltip="title:<div class='uk-margin'>Zenodo is a catch-all repository for OpenAIRE<hr>A zenodo community is created and curated by Zenodo users</div>"> |
|
518 |
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="question" |
|
519 |
ratio="1"><circle fill="none" stroke="#000" stroke-width="1.1" cx="10" cy="10" r="9"></circle><circle |
|
520 |
cx="10.44" cy="14.42" r="1.05"></circle><path fill="none" stroke="#000" stroke-width="1.2" |
|
521 |
d="M8.17,7.79 C8.17,4.75 12.72,4.73 12.72,7.72 C12.72,8.67 11.81,9.15 11.23,9.75 C10.75,10.24 10.51,10.73 10.45,11.4 C10.44,11.53 10.43,11.64 10.43,11.75"></path></svg> |
|
522 |
</span> |
|
523 |
</div> |
|
524 |
</div> |
|
525 |
<div *ngIf="isRouteEnabled('/curators')" class="uk-width-3-5@m uk-width-1-1@s uk-margin-top"> |
|
526 |
<curators [longView]="false" [managers]="community.managers" [communityId]="communityId"></curators> |
|
527 |
</div> |
|
736 |
<!-- </a>--> |
|
737 |
<!-- {{" "}}--> |
|
738 |
<!-- <span class="uk-icon"--> |
|
739 |
<!-- uk-tooltip="title:<div class='uk-margin'>Zenodo is a catch-all repository for OpenAIRE<hr>A zenodo community is created and curated by Zenodo users</div>">--> |
|
740 |
<!-- <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="question"--> |
|
741 |
<!-- ratio="1"><circle fill="none" stroke="#000" stroke-width="1.1" cx="10" cy="10" r="9"></circle><circle--> |
|
742 |
<!-- cx="10.44" cy="14.42" r="1.05"></circle><path fill="none" stroke="#000" stroke-width="1.2"--> |
|
743 |
<!-- d="M8.17,7.79 C8.17,4.75 12.72,4.73 12.72,7.72 C12.72,8.67 11.81,9.15 11.23,9.75 C10.75,10.24 10.51,10.73 10.45,11.4 C10.44,11.53 10.43,11.64 10.43,11.75"></path></svg>--> |
|
744 |
<!-- </span>--> |
|
745 |
<!-- </div>--> |
|
746 |
<!-- </div>--> |
|
528 | 747 |
|
529 |
</div>
|
|
530 |
</div>
|
|
531 |
</div>
|
|
748 |
<!-- </div>-->
|
|
749 |
<!-- </div>-->
|
|
750 |
<!--</div>-->
|
|
532 | 751 |
<div class="uk-section tm-middle uk-container uk-margin-top uk-padding-remove-top" id="" *ngIf="communityId != null |
533 | 752 |
&& communityId != '' && community != null && communityInfo != null"> |
534 | 753 |
<ng-container *ngIf=" isRouteEnabled('/organizations')"> |
... | ... | |
558 | 777 |
</div> |
559 | 778 |
|
560 | 779 |
</div> |
780 |
</div> |
Also available in: Unified diff
[Trunk | Connect]: Connect redesing
1. app.component.ts: <subscribe> and <invite> components added (floating buttons on the right side of each page for communities).
2. community.component.html:
3. community.component.ts:
a. 'projectsCalculated' and 'contentProvidersCalculated' fields added, to calculate tootlip after both requests complete
b. added methods for building tootips
c. 'activeTab' set to 'summary'.
4. affiliations.component.html: minor phrasing changes (e.g. title).
5. curators.component.html: shortview changed.
6. results.component.ts: Title changed | 'View all' moved to the bottom.
7. customization.component.ts: Changed '--portal-main-color' from '#4C9CD5' to '#4687E6' | Changed '--portal-dark-color' from '#24857F' to '#2D72D6'.
8. invite.component.html: shortview changed.
9. invite.component.ts: 'properties' field as input (get it is called from app.component).
10. invite.module.ts & inviteBasic.module.ts: InviteBasicModule created to declare InviteComponent without routing and login guard | InviteModule imports InviteBasicModule and adds routing and login guar$
11. subscribe.component.ts: Changes for subscribe button and members | 'properties' field as input (get it is called from app.component).
12. connect-custom.css: css for subscribe and invite buttons and for tooltip with 'community-page-tooltip' class.
13. customization.css: class 'communityBackground' added and css for 'subtitle' class inside 'communityBackground'.