Project

General

Profile

1
<schema2jsonld *ngIf="community" [URL]="url"
2
               [logoURL]="community.logoUrl" type="home"
3
               [name]="community.title">
4
</schema2jsonld>
5

    
6
<div class="communityBackground">
7
<div id="stickhere">
8
</div>
9

    
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"
192
         *ngIf="communityId">
193
      <div>
194
        <div class="uk-margin-large-bottom">
195
          <div *ngIf="community.title" class="uk-h2 uk-margin-remove">
196
            {{community.title}}
197
          </div>
198
          <div *ngIf="community.shortTitle && community.title != community.shortTitle"
199
               class="subtitle uk-margin-remove">
200
            {{community.shortTitle}}
201
          </div>
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>
206
            </div>
207
            <div>
208
              <span *ngIf="projectTotal  && 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  && contentProviderTotal > 0 && isEntityEnabled('datasource') && isRouteEnabled(searchLinkToDataProviders)"
216
                    [class]="'uk-display-inline-block '+((projectTotal  && 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  && projectTotal > 0 && isEntityEnabled('project') && isRouteEnabled(searchLinkToProjects))
225
                          || (contentProviderTotal  && 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) ? 1 : 0) > 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>
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>
251
            </div>
252
          </div>
253
        </div>
254
        <div>
255
          <div class="main-tabs-div">
256
          <ul uk-tab class="uk-text-truncate 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 && 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-top number">{{publicationTotal|number}}</div>
266
              </a>
267
            </li>
268
            <li *ngIf="researchDataTotal && 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-top number">{{researchDataTotal|number}}</div>
272
              </a>
273
            </li>
274
            <li *ngIf="softwareTotal && 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-top number">{{softwareTotal|number}}</div>
278
              </a>
279
            </li>
280
            <li *ngIf="orpTotal && 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-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
                <div class="uk-margin-top number">
290
                  <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24">
291
                    <path d="M0 0h24v24H0z" fill="none"></path>
292
                    <path d="M10 20h4V4h-4v16zm-6 0h4v-8H4v8zM16 9v11h4V9h-4z"></path>
293
                  </svg>
294
                </div>
295
              </a>
296
            </li>
297
          </ul>
298
          </div>
299
          <ul class="uk-switcher main-tabs-content">
300
            <li>
301
              <div *ngIf="community" class="uk-grid uk-margin-remove">
302
                <div class="uk-width-expand uk-padding uk-inline">
303
                  <div>
304
                    <span *ngIf="community.date" class="uk-margin-right">
305
                      <span class="lowOpacityColor uk-text-muted">Created: </span> {{community.date | date:'dd-MMM-yyyy'}}
306
                    </span>
307
                    <span>
308
                      <subscribe *ngIf="communityId" [communityId]="communityId" showNumbers=true class=""></subscribe>
309
                    </span>
310
                  </div>
311
                  <div *ngIf="community.description"
312
                       [class]="'uk-margin-bottom '+ ((subscribeComponent && subscribeComponent.subscribers > 0) || community.date ? 'uk-margin-top' : '')">
313
                    <div class="uk-text-muted">Description</div>
314
                    <div *ngIf="!showAllDescription" class="">
315
                      {{community.description.substring(0, 500)}}{{community.description.length > 500 ? '...' : ''}}</div>
316
                    <div *ngIf="showAllDescription" class="uk-overflow-auto">
317
                      <div class="uk-height-max-medium">{{community.description}}</div>
318
                    </div>
319
                    <div *ngIf="!showAllDescription && community.description.length > 500 "
320
                         class="uk-animation-fade uk-margin-small-top uk-padding uk-padding-remove-top uk-position-bottom-right">
321
                      <a (click)="showAllDescription = !showAllDescription;">Read more
322
                      </a>
323
                    </div>
324
                    <div *ngIf="showAllDescription"
325
                         class="uk-animation-fade uk-margin-small-top uk-padding uk-padding-remove-top uk-position-bottom-right">
326
                      <a (click)="showAllDescription = !showAllDescription;">
327
                        Read less
328
                      </a>
329
                    </div>
330
                  </div>
331
                </div>
332
                <div *ngIf="isRouteEnabled('/subjects') && community.subjects && community.subjects.length > 0"
333
                     class="uk-width-1-3 uk-padding right-column uk-inline">
334
                  <div class="uk-margin-bottom">
335
                    <div class="uk-text-muted">Subjects</div>
336
                    <span *ngFor="let subject of community.subjects.slice(0,12) let i=index">
337
                      <span *ngIf="subject != ''">
338
                        <a class="portal-link"
339
                           [queryParams]="{f0:'resultsubject',fv0:createParams(subject)}"
340
                           routerLinkActive="router-link-active" [routerLink]="searchLinkToAdvancedResults" >
341
                          <span>{{subject}}</span>
342
                        </a>
343
                        <span *ngIf="i < community.subjects.length-1 && i != 11">, </span>
344
                      </span>
345
                    </span>
346
                    <div class="uk-margin-top uk-animation-fade uk-padding uk-padding-remove-top uk-position-bottom-right">
347
                      <a class="portal-link" routerLinkActive="router-link-active" [routerLink]="'/subjects'">
348
                        View all
349
                      </a>
350
                    </div>
351
                  </div>
352
                </div>
353
              </div>
354
            </li>
355
            <li *ngIf="publicationTotal && publicationTotal > 0 && isEntityEnabled('publication')">
356
              <ng-container *ngTemplateOutlet="tab_content; context: {
357
                resultType: 'publication', results: publicationResults, totalResults: publicationTotal, type: 'publication', typeName: 'publication'}">
358
              </ng-container>
359
            </li>
360
            <li *ngIf="researchDataTotal && researchDataTotal > 0 && isEntityEnabled('dataset')">
361
              <ng-container *ngTemplateOutlet="tab_content; context: {
362
                resultType: 'dataset', results: researchDataResults, totalResults: researchDataTotal, type: 'dataset', typeName: 'research fata'}">
363
              </ng-container>
364
            </li>
365
            <li *ngIf="softwareTotal && softwareTotal > 0 && isEntityEnabled('software')">
366
              <ng-container *ngTemplateOutlet="tab_content; context: {
367
                resultType: 'software', results: softwareResults, totalResults: softwareTotal, type: 'software', typeName: 'software'}">
368
              </ng-container>
369
            </li>
370
            <li *ngIf="orpTotal && orpTotal > 0 && isEntityEnabled('orp')">
371
              <ng-container *ngTemplateOutlet="tab_content; context: {
372
                resultType: 'other', results: orpResults, totalResults: orpTotal, type: 'orp', typeName: 'other products'}">
373
              </ng-container>
374
            </li>
375
            <li *ngIf="statistics && statistics.statisticsDisplay && statistics.statisticsDisplay.isActive"
376
                class="uk-overflow-auto">
377
              <div *ngIf="statistics && activeTab=='analytics'" class="uk-width-expand uk-padding">
378
                <ng-container *ngTemplateOutlet="analytics_tab_content; context: {
379
                  type: 'publication', typeName: 'publications'}">
380
                </ng-container>
381
                <ng-container *ngTemplateOutlet="analytics_tab_content; context: {
382
                  type: 'dataset', typeName: 'research data'}">
383
                </ng-container>
384
                <ng-container *ngTemplateOutlet="analytics_tab_content; context: {
385
                  type: 'software', typeName: 'software'}">
386
                </ng-container>
387
                <ng-container *ngTemplateOutlet="analytics_tab_content; context: {
388
                  type: 'orp', typeName: 'other products'}">
389
                </ng-container>
390
              </div>
391
            </li>
392
          </ul>
393
        </div>
394
        <div class="uk-width-3-5@m uk-width-1-1@s">
395
          <div>
396
<!--            <div class="uk-margin-bottom uk-text-right">-->
397
<!--              <subscribe *ngIf="communityId != null && communityId != ''" [communityId]="communityId"-->
398
<!--                         class=""></subscribe>-->
399
<!--              {{" "}}-->
400
<!--              <invite *ngIf="showInvite()" [longView]=false [buttonSizeSmall]=false></invite>-->
401
<!--            </div>-->
402

    
403
<!--            <div *ngIf="communityId != null && communityId != ''"-->
404
<!--                 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"-->
405
<!--                 uk-scrollspy="cls: uk-animation-fade; target: > div > .uk-card; delay: 450; repeat: false">-->
406

    
407
<!--              <div-->
408
<!--                *ngIf="publicationTotal != null && publicationTotal > 0 && isEntityEnabled('publication')"-->
409
<!--                class="uk-padding-remove-left">-->
410
<!--                <div-->
411
<!--                  class="uk-card uk-card-default uk-card-body uk-padding-remove uk-margin-small-right uk-height-1-1 uk-margin-bottom  ">-->
412
<!--                  <div class="uk-margin-top uk-margin-bottom">-->
413
<!--                    <a class="uk-margin-auto-vertical uk-margin-auto" [queryParams]="{type:'publications', qf:false}"-->
414
<!--                       routerLinkActive="router-link-active" [routerLink]="searchLinkToResults"><span-->
415
<!--                      class="uk-text-bold uk-h5">{{publicationTotal|number}}</span>-->
416
<!--                      <p class="uk-text-small uk-margin-remove">publications</p></a>-->
417
<!--                  </div>-->
418
<!--                </div>-->
419
<!--              </div>-->
420

    
421
<!--              <div-->
422
<!--                *ngIf="researchDataTotal != null && researchDataTotal > 0 && isEntityEnabled('dataset') "-->
423
<!--                class="uk-padding-remove-left">-->
424
<!--                <div-->
425
<!--                  class="uk-card uk-card-default uk-card-body uk-padding-remove uk-margin-small-right uk-height-1-1 uk-margin-bottom">-->
426
<!--                  <div class="uk-margin-top uk-margin-bottom">-->
427
<!--                    <a class="uk-margin-auto-vertical uk-margin-auto" [queryParams]="{type:'datasets', qf:false}"-->
428
<!--                       routerLinkActive="router-link-active" [routerLink]="searchLinkToResults"><span-->
429
<!--                      class="uk-text-bold uk-h5">{{researchDataTotal|number}}</span>-->
430
<!--                      <p class="uk-text-small uk-margin-remove">research data</p></a>-->
431
<!--                  </div>-->
432
<!--                </div>-->
433
<!--              </div>-->
434
<!--              <div-->
435
<!--                *ngIf="softwareTotal != null && softwareTotal > 0 && isEntityEnabled('software') "-->
436
<!--                class="uk-padding-remove-left">-->
437
<!--                <div-->
438
<!--                  class="uk-card uk-card-default uk-card-body uk-padding-remove uk-margin-small-right uk-height-1-1 uk-margin-bottom  ">-->
439
<!--                  <div class="uk-margin-top uk-margin-bottom">-->
440
<!--                    <a class="uk-margin-auto-vertical uk-margin-auto" [queryParams]="{type:'software', qf:false}"-->
441
<!--                       routerLinkActive="router-link-active" [routerLink]="searchLinkToResults"><span-->
442
<!--                      class="uk-text-bold uk-h5">{{softwareTotal|number}}</span>-->
443
<!--                      <p class="uk-text-small uk-margin-remove">software</p></a>-->
444
<!--                  </div>-->
445
<!--                </div>-->
446
<!--              </div>-->
447

    
448
<!--              <div-->
449
<!--                *ngIf="orpTotal != null  && orpTotal > 0 && isEntityEnabled('orp')"-->
450
<!--                class="uk-padding-remove-left">-->
451
<!--                <div-->
452
<!--                  class="uk-card uk-card-default uk-card-body uk-padding-remove uk-margin-small-right uk-height-1-1 uk-margin-bottom  ">-->
453
<!--                  <div class="uk-margin-top uk-margin-bottom">-->
454
<!--                    <a class="uk-margin-auto-vertical uk-margin-auto"-->
455
<!--                       [queryParams]="{type:'other', qf:false}"-->
456
<!--                       routerLinkActive="router-link-active" [routerLink]="searchLinkToResults"><span-->
457
<!--                      class="uk-text-bold uk-h5">{{orpTotal|number}}</span>-->
458
<!--                      <p class="uk-text-small uk-margin-remove">other products</p></a>-->
459
<!--                  </div>-->
460
<!--                </div>-->
461
<!--              </div>-->
462

    
463

    
464
<!--              <div-->
465
<!--                *ngIf="projectTotal != null  && projectTotal > 0 && isEntityEnabled('project') && isRouteEnabled(searchLinkToProjects)"-->
466
<!--                class="uk-padding-remove-left">-->
467
<!--                <div-->
468
<!--                  class="uk-card uk-card-default uk-card-body uk-padding-remove uk-margin-small-right uk-height-1-1 uk-margin-bottom  ">-->
469
<!--                  <div class="uk-margin-top uk-margin-bottom">-->
470
<!--                    <a class="uk-margin-auto-vertical uk-margin-auto" [queryParams]=params-->
471
<!--                       routerLinkActive="router-link-active" [routerLink]="searchLinkToProjects"><span-->
472
<!--                      class="uk-text-bold uk-h5">{{projectTotal|number}}</span>-->
473
<!--                      <p class="uk-text-small uk-margin-remove">projects</p></a>-->
474
<!--                  </div>-->
475
<!--                </div>-->
476
<!--              </div>-->
477

    
478
<!--              <div-->
479
<!--                *ngIf="contentProviderTotal != null  && contentProviderTotal > 0 && isEntityEnabled('datasource') && isRouteEnabled(searchLinkToDataProviders)"-->
480
<!--                class="uk-padding-remove-left">-->
481
<!--                <div-->
482
<!--                  class="uk-card uk-card-default uk-card-body uk-padding-remove uk-margin-small-right uk-height-1-1 uk-margin-bottom  ">-->
483
<!--                  <div class="uk-margin-top uk-margin-bottom">-->
484
<!--                    <a class="uk-margin-auto-vertical uk-margin-auto" [queryParams]=params-->
485
<!--                       routerLinkActive="router-link-active" [routerLink]="searchLinkToDataProviders"><span-->
486
<!--                      class="uk-text-bold uk-h5">{{contentProviderTotal|number}}</span>-->
487
<!--                      <p class="uk-text-small uk-margin-remove">content providers</p></a>-->
488
<!--                  </div>-->
489
<!--                </div>-->
490
<!--              </div>-->
491

    
492
<!--            </div>-->
493
<!--            <div *ngIf="community.subjects != null && community.subjects.length > 0"-->
494
<!--                 class="uk-margin-small-bottom uk-margin-top uk-text-bold uk-h5">Subjects-->
495
<!--            </div>-->
496
<!--            <div *ngIf="community.subjects != null" class=" ">-->
497
<!--                <span *ngFor="let subject of community.subjects.slice(0,4) let i=index">-->
498
<!--                    <span *ngIf="subject != ''" class="uk-label uk-margin-small-bottom">-->
499
<!--                      <a [queryParams]="{f0:'resultsubject',fv0:createParams(subject)}"-->
500
<!--                         routerLinkActive="router-link-active" [routerLink]="searchLinkToAdvancedResults" >-->
501
<!--                        {{subject}}-->
502
<!--                        </a>-->
503
<!--                    </span>{{" "}}-->
504
<!--                </span>-->
505
<!--              <span *ngIf="showAllSubjects">-->
506
<!--                    <span *ngFor="let subject of community.subjects.slice(4) let i=index">-->
507
<!--                        <span *ngIf="subject != ''" class="uk-label uk-margin-small-bottom">-->
508
<!--                          <a [queryParams]="{f0:'resultsubject',fv0:createParams(subject)}"-->
509
<!--                             routerLinkActive="router-link-active" [routerLink]="searchLinkToAdvancedResults">-->
510
<!--                            {{subject}}-->
511
<!--                            </a>-->
512
<!--                        </span> {{" "}}-->
513
<!--                    </span>-->
514
<!--                </span>-->
515
<!--              <br>-->
516
<!--              <div *ngIf="!showAllSubjects && community.subjects.length > 4 "-->
517
<!--                    class="uk-animation-fade uk-text-center uk-text-bold">-->
518
<!--                    <a (click)="showAllSubjects = !showAllSubjects;">-->
519
<!--                      View more-->
520
<!--                    </a>-->
521
<!--              </div>-->
522
<!--              <div *ngIf="showAllSubjects"-->
523
<!--                    class="uk-text-center uk-text-bold">-->
524
<!--                    <a (click)="showAllSubjects = !showAllSubjects;">-->
525
<!--                      View less-->
526
<!--                    </a>-->
527
<!--              </div>-->
528
<!--            </div>-->
529
          </div>
530
        </div>
531
      </div>
532

    
533
    </div>
534
  </div>
535
</div>
536

    
537
<!--<div class="uk-section tm-middle uk-container uk-margin-small-top uk-padding-remove-top" id="tm-main">-->
538
<!--  <div class="uk-container  uk-margin-bottom uk-grid">-->
539
<!--    <div class="uk-width-expand uk-padding-remove">-->
540
<!--      <article *ngIf="communityInfo" class="uk-article ">-->
541
<!--        <div *ngIf="communityId != null && communityId != '' && community != null">-->
542

    
543

    
544
          <!--      <div *ngIf="isRouteEnabled('/search/find')" class="uk-margin-top">
545
                  <div class="uk-text-bold uk-h5">Search research results</div>
546
                  <search-form [setFormCentered]=false [placeholderText]="getSearchPlaceHolder()" link="/search/find"></search-form>
547
                </div>-->
548

    
549
<!--          <div class="uk-text-center" *ngIf="statistics.statisticsDisplay && statistics.statisticsDisplay.isActive">-->
550
            <!-- <button [class]="'uk-button  '+((show == 'overview')?'uk-disabled ':' uk-button-default  ')"
551
                     (click)="show='overview'">Overview
552
             </button>
553
             {{" "}}
554
             <button [class]="'uk-button '+((show != 'overview')?'uk-disabled ':' uk-button-default ')"
555
                     (click)="show='analysis';">Graph Analysis
556
             </button>-->
557
<!--            <mat-form-field>-->
558
<!--              <div class="uk-margin-small-bottom">Select view</div>-->
559
<!--&lt;!&ndash;              <mat-label>Select view</mat-label>&ndash;&gt;-->
560
<!--              <mat-select [(value)]="show">-->
561
<!--                <mat-option value="overview">Overview</mat-option>-->
562
<!--                <mat-option value="analysis">Graph Analysis</mat-option>-->
563
<!--              </mat-select>-->
564
<!--            </mat-form-field>-->
565
            <!--<select [(ngModel)]="show" class="uk-select uk-text-bold uk-width-small">
566
              <option value="overview">Overview</option>
567
              <option value="analysis">Graph Analysis</option>
568
            </select>-->
569
            <!--            <select   [(ngModel)]="sortBy"      class="uk-select  uk-margin-small-bottom uk-width-1-2 uk-padding-remove"  name="select_order"   >-->
570
            <!--              <option  value="num"  >Sort by results number</option>-->
571
            <!--              <option  value="name"  >Sort by name</option>-->
572
            <!--            </select>-->
573
<!--          </div>-->
574

    
575
<!--          <div class="uk-margin-top  customTabs">-->
576

    
577

    
578
<!--            <ul class="uk-margin-remove uk-flex-center"-->
579
<!--                data-uk-tab="{connect: '#resultTabs'">-->
580
<!--              <li *ngIf="isEntityEnabled('publication')" (click)="searchResearchResults('publication', publicationTotal, publicationResults)" class="uk-active"><a-->
581
<!--                href="#">publications</a></li>-->
582
<!--              <li *ngIf="isEntityEnabled('dataset')" (click)="searchResearchResults('dataset', researchDataTotal, researchDataResults)"><a href="#">research data</a></li>-->
583
<!--              <li *ngIf="isEntityEnabled('software')" (click)="searchResearchResults('software', softwareTotal, softwareResults)"><a href="#">software</a></li>-->
584
<!--              <li *ngIf="isEntityEnabled('orp')" (click)="searchResearchResults('other', orpTotal, orpResults)"><a href="#">other research products</a></li>-->
585
<!--            </ul>-->
586

    
587
<!--            <ul id="resultTabs" class=" communityBorder customTabsContent uk-switcher " style="min-height:450px;">-->
588
<!--              <li *ngIf="isEntityEnabled('publication')" class="uk-padding">-->
589
<!--                <div *ngIf="show=='overview'">-->
590
<!--                  <div *ngIf="statistics !=null  && activeTab == 'publication'">-->
591
<!--                    <ng-container *ngTemplateOutlet="stats; context: { entity: 'publication', entityName:-->
592
<!--                            'publications' , statisticsSum:statistics.statisticsSum, statisticsDisplay:statistics.statisticsDisplay,-->
593
<!--                            allowedEntities: statistics.allowedEntitiesMode['showInDashboard'],-->
594
<!--                            allowedCharts:statistics.allowedChartsMode['showInDashboard'], showChartTitle:  statistics.chartTitlesMode['showInDashboard'],-->
595

    
596
<!--                            chartsInfoMap:statistics.chartsInfoMap, showIn:'showInDashboard'}"></ng-container>-->
597
<!--                  </div>-->
598
<!--                  <results-comp [results]=publicationResults [total]=publicationTotal resultType="publication"-->
599
<!--                                [community]=community [params]=params [showLoading]="showLoading"-->
600
<!--                                [properties]="properties"-->
601
<!--                                class=""></results-comp>-->
602
<!--                </div>-->
603
<!--                <div *ngIf="show!='overview' && activeTab == 'publication'">-->
604
<!--                  <ng-container *ngTemplateOutlet="stats; context: { entity: 'publication', entityName:-->
605
<!--                            'publications' , statisticsSum:statistics.statisticsSum, statisticsDisplay:statistics.statisticsDisplay,-->
606
<!--                            allowedEntities: statistics.allowedEntitiesMode['showInMonitor'],-->
607
<!--                            allowedCharts:statistics.allowedChartsMode['showInMonitor'], showChartTitle:  statistics.chartTitlesMode['showInMonitor'],-->
608
<!--                            chartsInfoMap:statistics.chartsInfoMap, showIn:'showInMonitor'}"></ng-container>-->
609

    
610
<!--                </div>-->
611

    
612

    
613
<!--              </li>-->
614
<!--              <li *ngIf="isEntityEnabled('dataset')" class="uk-padding">-->
615
<!--                <div *ngIf="show=='overview'">-->
616
<!--                  <div *ngIf="statistics !=null  && activeTab == 'dataset'">-->
617
<!--                    <ng-container *ngTemplateOutlet="stats; context: { entity: 'dataset', entityName:-->
618
<!--                            'research data' , statisticsSum:statistics.statisticsSum,-->
619
<!--                            statisticsDisplay:statistics.statisticsDisplay,-->
620
<!--                            allowedEntities: statistics.allowedEntitiesMode['showInDashboard'],-->
621
<!--                            allowedCharts:statistics.allowedChartsMode['showInDashboard'], showChartTitle:  statistics.chartTitlesMode['showInDashboard'],-->
622

    
623
<!--                            chartsInfoMap:statistics.chartsInfoMap, showIn:'showInDashboard'}"></ng-container>-->
624
<!--                  </div>-->
625
<!--                  <results-comp [results]=researchDataResults [total]=researchDataTotal resultType="dataset"-->
626
<!--                                [community]=community [params]=params [showLoading]="showLoading"-->
627
<!--                                [properties]="properties"-->
628
<!--                                class=""></results-comp>-->
629
<!--                </div>-->
630
<!--                <div *ngIf="show!='overview' && activeTab == 'dataset'">-->
631
<!--                  <ng-container *ngTemplateOutlet="stats; context: { entity: 'dataset', entityName:-->
632
<!--                            'research data' , statisticsSum:statistics.statisticsSum, statisticsDisplay:statistics.statisticsDisplay,-->
633
<!--                            allowedEntities: statistics.allowedEntitiesMode['showInMonitor'],-->
634
<!--                            allowedCharts:statistics.allowedChartsMode['showInMonitor'], showChartTitle:  statistics.chartTitlesMode['showInMonitor'],-->
635
<!--                            chartsInfoMap:statistics.chartsInfoMap, showIn:'showInMonitor'}"></ng-container>-->
636

    
637
<!--                </div>-->
638

    
639

    
640
<!--              </li>-->
641
<!--              <li *ngIf="isEntityEnabled('software')" class="uk-padding">-->
642
<!--                <div *ngIf="show=='overview'">-->
643
<!--                  <div *ngIf="statistics !=null  && activeTab == 'software'">-->
644
<!--                    <ng-container *ngTemplateOutlet="stats; context: { entity: 'software', entityName:-->
645
<!--                            'software' , statisticsSum:statistics.statisticsSum, statisticsDisplay:statistics.statisticsDisplay,-->
646
<!--                            allowedEntities: statistics.allowedEntitiesMode['showInDashboard'],-->
647
<!--                            allowedCharts:statistics.allowedChartsMode['showInDashboard'], showChartTitle:  statistics.chartTitlesMode['showInDashboard'],-->
648

    
649
<!--                            chartsInfoMap:statistics.chartsInfoMap, showIn:'showInDashboard'}"></ng-container>-->
650
<!--                  </div>-->
651
<!--                  <results-comp [results]=softwareResults [total]=softwareTotal resultType="software"-->
652
<!--                                [community]=community [params]=params [showLoading]="showLoading"-->
653
<!--                                [properties]="properties"-->
654
<!--                                class=""></results-comp>-->
655
<!--                </div>-->
656
<!--                <div *ngIf="show!='overview' && activeTab == 'software'">-->
657
<!--                  <ng-container *ngTemplateOutlet="stats; context: { entity: 'software', entityName:-->
658
<!--                            'software' , statisticsSum:statistics.statisticsSum, statisticsDisplay:statistics.statisticsDisplay,-->
659
<!--                            allowedEntities: statistics.allowedEntitiesMode['showInMonitor'],-->
660
<!--                            allowedCharts:statistics.allowedChartsMode['showInMonitor'], showChartTitle:  statistics.chartTitlesMode['showInMonitor'],-->
661
<!--                            chartsInfoMap:statistics.chartsInfoMap, showIn:'showInMonitor'}"></ng-container>-->
662

    
663
<!--                </div>-->
664

    
665

    
666
<!--              </li>-->
667
<!--              <li *ngIf="isEntityEnabled('orp')" class="uk-padding">-->
668
<!--                <div *ngIf="show=='overview'">-->
669
<!--                  <div *ngIf="statistics !=null  && activeTab == 'orp'">-->
670
<!--                    <ng-container *ngTemplateOutlet="stats; context: { entity: 'orp', entityName:-->
671
<!--                            'other products' , statisticsSum:statistics.statisticsSum,-->
672
<!--                            statisticsDisplay:statistics.statisticsDisplay,-->
673
<!--                            allowedEntities: statistics.allowedEntitiesMode['showInDashboard'],-->
674
<!--                            allowedCharts:statistics.allowedChartsMode['showInDashboard'], showChartTitle:  statistics.chartTitlesMode['showInDashboard'],-->
675

    
676
<!--                            chartsInfoMap:statistics.chartsInfoMap, showIn:'showInDashboard'}"></ng-container>-->
677
<!--                  </div>-->
678
<!--                  <results-comp [results]=orpResults [total]=orpTotal resultType="other"-->
679
<!--                                [community]=community [params]=params [showLoading]="showLoading"-->
680
<!--                                [properties]="properties"-->
681
<!--                                class=""></results-comp>-->
682
<!--                </div>-->
683
<!--                <div *ngIf="show!='overview' && activeTab == 'orp'">-->
684
<!--                  <ng-container *ngTemplateOutlet="stats; context: { entity: 'orp', entityName:-->
685
<!--                            'other products' , statisticsSum:statistics.statisticsSum, statisticsDisplay:statistics.statisticsDisplay,-->
686
<!--                            allowedEntities: statistics.allowedEntitiesMode['showInMonitor'],-->
687
<!--                            allowedCharts:statistics.allowedChartsMode['showInMonitor'], showChartTitle:  statistics.chartTitlesMode['showInMonitor'],-->
688
<!--                            chartsInfoMap:statistics.chartsInfoMap, showIn:'showInMonitor'}"></ng-container>-->
689

    
690
<!--                </div>-->
691

    
692

    
693
<!--              </li>-->
694
<!--            </ul>-->
695
<!--          </div>-->
696
          <!--            <hr>-->
697
          <!--<div *ngIf="statistics && statistics.allowedEntities &&  countOtherGraphs()>0">
698
            <div class="uk-text-bold uk-h5">
699
              Other Graphs
700
            </div>
701
            <div *ngIf="statistics && statistics.allowedEntities" class="uk-margin-top uk-grid">
702
              <ng-container *ngFor="let entity of statistics.allowedEntities">
703
                <ng-container *ngIf="statistics.statisticsSum[entity].total>0 && statistics.allowedCharts[entity].length>0 && activeTab!=entity">
704

    
705
                  <ng-container *ngIf="statistics.allowedCharts[entity] " >
706
                    <div *ngFor="let chart of statistics.allowedCharts[entity]" class="uk-width-1-2@m uk-first-column">
707
                      <div class="iframeContainer">
708
                        <iframe [src]=statistics.chartsUrlMap[chart]  scrolling="no"></iframe>
709
                      </div>
710
                    </div>
711
                  </ng-container>
712
                </ng-container>
713
              </ng-container>
714
            </div>
715
          </div>-->
716

    
717

    
718
<!--        </div>-->
719
<!--      </article>-->
720
<!--    </div>-->
721

    
722
<!--  </div>-->
723

    
724
<!--</div>-->
725
<statistics-for-dashboard [currentMode]="'showInDashboard'"></statistics-for-dashboard>
726

    
727

    
728
<!--<div class="communityPanelBackground uk-margin-top uk-padding-small">-->
729
<!--  <div class="uk-container uk-margin-top uk-margin-bottom "-->
730
<!--       *ngIf="communityId != null && communityId != '' && community != null && communityInfo!=null">-->
731
<!--    <div class="uk-grid">-->
732
<!--      <div class="uk-width-2-5@m uk-width-1-1@s uk-first-column uk-margin-top">-->
733
<!--        <div *ngIf="community.date != null"><span-->
734
<!--          class="lowOpacityColor">Created</span> {{community.date | date:'dd-MM-yyyy'}}</div>-->
735
<!--        <subscribe *ngIf="communityId != null" [communityId]="communityId" showNumbers=true class=""></subscribe>-->
736
<!--        <div *ngIf=" isRouteEnabled(shareInZenodoPage)" class="">-->
737
<!--          <span class="lowOpacityColor">Related Zenodo communities </span>-->
738
<!--          <a [queryParams]=params routerLinkActive="router-link-active" [routerLink]="shareInZenodoPage">-->
739
<!--             <span>-->
740
<!--                    {{zenodoCommunityIdS.length + ((masterZenodoCommunity) ? 1 : 0)}}</span>-->
741

    
742
<!--          </a>-->
743
<!--          {{" "}}-->
744
<!--          <span class="uk-icon"-->
745
<!--                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>">-->
746
<!--                    <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="question"-->
747
<!--                         ratio="1"><circle fill="none" stroke="#000" stroke-width="1.1" cx="10" cy="10" r="9"></circle><circle-->
748
<!--                      cx="10.44" cy="14.42" r="1.05"></circle><path fill="none" stroke="#000" stroke-width="1.2"-->
749
<!--                                                                    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>-->
750
<!--                  </span>-->
751
<!--        </div>-->
752
<!--      </div>-->
753

    
754
<!--    </div>-->
755
<!--  </div>-->
756
<!--</div>-->
757
<div class="uk-section tm-middle uk-container uk-margin-top uk-padding-remove-top" id="" *ngIf="communityId && communityInfo">
758
  <ng-container *ngIf=" isRouteEnabled('/organizations')">
759
    <div class="uk-container  uk-margin-bottom uk-grid">
760
      <div class="uk-width-expand uk-padding-remove">
761
        <affiliations [longView]="false" [getAffiliationsFromAPI]="true" [communityFirstPage]="true"></affiliations>
762
      </div>
763
    </div>
764
  </ng-container>
765
</div>
766

    
767
<div *ngIf="(communityId == null || communityId == '' ) && !communityInfo"
768
     class="uk-section tm-middle uk-container uk-margin-large-top  ">
769
  <div class="uk-container  uk-margin-bottom uk-grid">
770
    <div class="uk-width-expand uk-padding-remove">
771
      <article class="uk-article ">
772
        <div
773
          class="uk-child-width-1-6@l uk-child-width-1-6@m uk-child-width-1-3@s uk-text-center uk-alert uk-alert-primary">
774
          No community chosen
775
        </div>
776
        <div *ngIf="communityId">
777

    
778
        </div>
779
      </article>
780
    </div>
781

    
782
  </div>
783

    
784
</div>
785
</div>
(2-2/4)