Project

General

Profile

1
<div class="">
2
  <div id="stickhere">
3
  </div>
4

    
5
  <ng-template #tab_content
6
               let-resultType="resultType" let-fetch="fetch" let-searchLinkToAdvancedPage="searchLinkToAdvancedPage"
7
               let-params="params" let-type="type" let-typeName="typeName" let-showImpactFactors="showImpactFactors">
8
    <div class="uk-grid uk-margin-remove">
9
      <div class="uk-width-expand uk-padding">
10
        <search-tab [fetch]="fetch" [resultType]="resultType" [params]="params"
11
                    [searchLinkToAdvancedPage]="searchLinkToAdvancedPage" [properties]="properties"
12
                    [showImpactFactors]="showImpactFactors">
13
        </search-tab>
14
      </div>
15

    
16
      <!--<div
17
          *ngIf="statistics.statisticsSum && statistics.statisticsDisplay && statistics.statisticsSum[type].total>0
18
            &&
19
            (  statistics.statisticsDisplay.entities[type].numbers.map['total']['showInDashboard']
20
            || statistics.statisticsDisplay.entities[type].numbers.map['project']['showInDashboard']
21
            || statistics.statisticsDisplay.entities[type].numbers.map['open']['showInDashboard']
22
            || statistics.statisticsDisplay.entities[type].numbers.map['closed']['showInDashboard']
23
            || statistics.statisticsDisplay.entities[type].numbers.map['embargo']['showInDashboard']
24
            || statistics.statisticsDisplay.entities[type].numbers.map['restricted']['showInDashboard']
25
            || ( statistics.allowedEntitiesMode['showInDashboard'] && statistics.statisticsSum
26
                && statistics.allowedChartsMode['showInDashboard'] && statistics.statisticsSum[type]
27
                && statistics.allowedChartsMode['showInDashboard'][type] && statistics.statisticsSum[type].total > 0
28
                && statistics.allowedChartsMode['showInDashboard'][type].length > 0)
29
            )"
30
          class="uk-width-2-5@m uk-width-1-1@s uk-padding right-column">
31
        <div *ngIf="statistics !=null  && activeTab == resultType">
32
          <ng-container *ngTemplateOutlet="stats; context: { entity: type, entityName: typeName,
33
                            statisticsSum:statistics.statisticsSum,
34
                            statisticsDisplay:statistics.statisticsDisplay,
35
                            allowedEntities: statistics.allowedEntitiesMode['showInDashboard'],
36
                            allowedCharts:statistics.allowedChartsMode['showInDashboard'],
37
                            showChartTitle:  statistics.chartTitlesMode['showInDashboard'],
38
                            chartsInfoMap:statistics.chartsInfoMap, showIn:'showInDashboard'}">
39
          </ng-container>
40
        </div>
41
      </div>-->
42
    </div>
43
  </ng-template>
44

    
45
  <ng-template #analytics_tab_content let-type="type" let-typeName="typeName">
46
    <div *ngIf="analyticsActiveTab == type && isEntityEnabled(type)
47
            && statistics.statisticsSum && statistics.statisticsDisplay && statistics.statisticsSum[type].total>0
48
            &&
49
            (  statistics.statisticsDisplay.entities[type].numbers.map['total']['showInMonitor']
50
            || statistics.statisticsDisplay.entities[type].numbers.map['project']['showInMonitor']
51
            || statistics.statisticsDisplay.entities[type].numbers.map['open']['showInMonitor']
52
            || statistics.statisticsDisplay.entities[type].numbers.map['closed']['showInMonitor']
53
            || statistics.statisticsDisplay.entities[type].numbers.map['embargo']['showInMonitor']
54
            || statistics.statisticsDisplay.entities[type].numbers.map['restricted']['showInMonitor']
55
            || ( statistics.allowedEntitiesMode['showInMonitor'] && statistics.statisticsSum
56
                && statistics.allowedChartsMode['showInMonitor'] && statistics.statisticsSum[type]
57
                && statistics.allowedChartsMode['showInMonitor'][type] && statistics.statisticsSum[type].total > 0
58
                && statistics.allowedChartsMode['showInMonitor'][type].length > 0)
59
            )">
60
      <div class="tab-header uk-margin-bottom">{{typeName}}</div>
61

    
62
      <ng-container *ngTemplateOutlet="stats; context: {
63
                            entity: type, entityName: typeName,
64
                            statisticsSum:statistics.statisticsSum, statisticsDisplay:statistics.statisticsDisplay,
65
                            allowedEntities: statistics.allowedEntitiesMode['showInMonitor'],
66
                            allowedCharts:statistics.allowedChartsMode['showInMonitor'],
67
                            showChartTitle:  statistics.chartTitlesMode['showInMonitor'],
68
                            chartsInfoMap:statistics.chartsInfoMap, showIn:'showInMonitor'}">
69
      </ng-container>
70
    </div>
71
  </ng-template>
72

    
73
  <ng-template #stats let-entity="entity" let-entityName="entityName" let-statisticsSum="statisticsSum"
74
               let-statisticsDisplay="statisticsDisplay" let-allowedEntities="allowedEntities"
75
               let-allowedCharts="allowedCharts" let-chartsInfoMap="chartsInfoMap"
76
               let-showChartTitle="showChartTitle"
77
               let-showIn="showIn">
78
    <div *ngIf=" showIn == 'showInMonitor' && allowedCharts && allowedCharts[entity] && allowedCharts[entity].length == 0  &&
79
          !statisticsDisplay.entities[entity].numbers.map['total'][showIn] && !statisticsDisplay.entities[entity].numbers.map['project'][showIn] &&
80
           !statisticsDisplay.entities[entity].numbers.map['open'][showIn] && !statisticsDisplay.entities[entity].numbers.map['closed'][showIn] &&
81
          !statisticsDisplay.entities[entity].numbers.map['embargo'][showIn] && !statisticsDisplay.entities[entity].numbers.map['restricted'][showIn]"
82
         class="uk-alert uk-alert-primary">
83
      No graphs available
84
    </div>
85
    <div *ngIf="statisticsSum && statisticsDisplay && statisticsSum[entity].total > 0"
86
         [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')"
87
         uk-grid>
88
      <div *ngIf="statisticsDisplay.entities[entity].numbers.map['total'][showIn]" class="">
89
        <div class="uk-card uk-card-default uk-padding-small">
90
          <div
91
              class="uk-h4 uk-text-bold">{{statisticsSum[entity].total|number}}</div>
92
          <!--        <div>Total {{entityName}}</div>-->
93
          <div>Total</div>
94
        </div>
95
      </div>
96
      <div
97
          *ngIf="statisticsDisplay.entities[entity].numbers.map['project'][showIn] && statisticsSum[entity].projects"
98
          class="">
99
        <div class="uk-card uk-card-default uk-padding-small">
100
          <div
101
              class="uk-h4 uk-text-bold">{{statisticsSum[entity].projects|number}} </div>
102
          <!--        <div>Total projects linked to {{entityName}}</div>-->
103
          <div>Total linked projects</div>
104
        </div>
105
      </div>
106
      <div
107
          *ngIf="statisticsDisplay.entities[entity].numbers.map['open'][showIn] && statisticsSum[entity].open_access"
108
          class="">
109
        <div class="uk-card uk-card-default uk-padding-small">
110
          <div
111
              class="uk-h4 uk-text-bold">{{statisticsSum[entity].open_access|number}} </div>
112
          <!--        <div>Open access {{entityName}}</div>-->
113
          <div>Open access</div>
114
        </div>
115
      </div>
116
      <div
117
          *ngIf="statisticsDisplay.entities[entity].numbers.map['closed'][showIn] && statisticsSum[entity].closed_access"
118
          class="">
119
        <div class="uk-card uk-card-default uk-padding-small">
120
          <div
121
              class="uk-h4 uk-text-bold">{{statisticsSum[entity].closed_access|number}} </div>
122
          <!--        <div>Closed access {{entityName}}</div>-->
123
          <div>Closed access</div>
124
        </div>
125
      </div>
126
      <div
127
          *ngIf="statisticsDisplay.entities[entity].numbers.map['embargo'][showIn] && statisticsSum[entity].embargo"
128
          class="">
129
        <div class="uk-card uk-card-default uk-padding-small">
130
          <div
131
              class="uk-h4 uk-text-bold">{{statisticsSum[entity].embargo|number}} </div>
132
          <!--        <div>Embargoed {{entityName}}</div>-->
133
          <div>Embargoed</div>
134
        </div>
135
      </div>
136
      <div
137
          *ngIf="statisticsDisplay.entities[entity].numbers.map['restricted'][showIn] && statisticsSum[entity].restricted"
138
          class="">
139
        <div class="uk-card uk-card-default uk-padding-small">
140
          <div
141
              class="uk-h4 uk-text-bold">{{statisticsSum[entity].restricted|number}} </div>
142
          <!--        <div>Restricted {{entityName}}</div>-->
143
          <div>Restricted</div>
144
        </div>
145
      </div>
146
    </div>
147
    <div *ngIf="  allowedEntities &&
148
            statisticsSum && allowedCharts && statisticsSum[entity] &&
149
            allowedCharts[entity] && statisticsSum[entity].total>0 &&
150
            allowedCharts[entity].length>0">
151
      <div *ngIf="showIn == 'showInDashboard'">
152
        <div>
153
          <div class="uk-position-relative">
154
            <ul class="uk-list">
155
              <li *ngFor="let chart of allowedCharts[entity]">
156

    
157
                <div
158
                    class=" iframeContainer uk-height-medium uk-margin-medium-top uk-card uk-card-default uk-card-body">
159
                  <div *ngIf="showChartTitle[chart]" class="">
160
                    {{chartsInfoMap[chart].title}}
161
                  </div>
162
                  <iframe [src]=chartsInfoMap[chart].url scrolling="no"></iframe>
163
                </div>
164
              </li>
165
            </ul>
166
          </div>
167
        </div>
168

    
169
        <!--      <div *ngIf="  allowedEntities &&-->
170
        <!--                statisticsSum && allowedCharts && statisticsSum[entity] &&-->
171
        <!--                allowedCharts[entity] && statisticsSum[entity].total>0 &&-->
172
        <!--                allowedCharts[entity].length>0">-->
173
        <!--        <div class="uk-margin-top portal-hr"></div>-->
174
        <!--      </div>-->
175
      </div>
176
      <div *ngIf="showIn == 'showInMonitor'" class="uk-grid uk-child-width-1-2@l uk-child-width-1-1@m  ">
177
        <div *ngFor="let chart of allowedCharts[entity]" class="uk-clearfix uk-margin-bottom">
178

    
179
          <div class=" iframeContainer uk-height-large uk-margin-medium-top uk-card uk-card-default uk-card-body">
180
            <div *ngIf="showChartTitle[chart]" class="">
181
              {{chartsInfoMap[chart].title}}
182
            </div>
183
            <iframe [src]=chartsInfoMap[chart].url scrolling="no" class=""></iframe>
184
          </div>
185

    
186
        </div>
187

    
188
      </div>
189
    </div>
190

    
191
  </ng-template>
192

    
193
  <div *ngIf="communityInfo && community" class="generalSearchForm ">
194
    <div class="uk-container uk-container-large">
195
      <div class="uk-margin-large-top">
196
        <h1 *ngIf="community.title" class="title uk-margin-remove">
197
          {{community.title}}
198
        </h1>
199
        <div *ngIf="community.shortTitle && community.title != community.shortTitle"
200
             class="subtitle uk-margin-remove">
201
          {{community.shortTitle}}
202
        </div>
203
      </div>
204
    </div>
205
    <div class="uk-flex uk-flex-middle uk-flex-center">
206

    
207
      <form class=" uk-margin-large uk-margin-large-top ">
208
        <div class="uk-grid uk-margin-small-left">
209
          <div class="uk-margin-small-top uk-padding-remove-left">
210
            <entities-selection [simpleView]="true" currentEntity="result" selectedEntity="result"
211
                                [customFilter]="customFilter"
212
                                [properties]="properties" [onChangeNavigate]="false"
213
                                (selectionChange)="entityChanged($event)"
214
            ></entities-selection>
215
          </div>
216
          <!--        [class]="((selectedEntity == 'result')?'quickSelectionsBox':'')+' uk-padding-remove-left uk-margin-small-top'" -->
217
          <div class=" uk-padding-remove-left uk-margin-small-top">
218
            <div class="uk-inline">
219
              <a *ngIf="keyword.length > 0" class="uk-form-icon uk-form-icon-flip" (click)="keyword = ''"
220
                 uk-icon="icon: close"></a>
221
              <input type="text" class="uk-input   uk-width-xlarge@l uk-width-large@m uk-width-medium"
222
                     [placeholder]="placeholderText"
223
                     [(ngModel)]="keyword"
224
                     name="keyword">
225
            </div>
226
            <!-- <div>
227
               <quick-selections *ngIf="selectedEntity == 'result'" [resultTypes]="resultTypes"
228
                                 [quickFilter]="resultsQuickFilter" [QFselected]="(resultsQuickFilter)?resultsQuickFilter.selected:null" [properties]="properties">
229
               </quick-selections>
230
             </div>-->
231
          </div>
232
          <div class="uk-padding-remove-left uk-margin-small-top">
233

    
234
            <button (click)="goTo(true)" type="submit"
235
                    class="uk-button portal-button uk-text-bold  uk-padding uk-padding-remove-vertical uk-margin-small-left">
236
              Search
237
            </button>
238
            <div class="uk-margin-small-top  uk-margin-left"><a *ngIf="selectedEntity== 'result'" (click)="goTo(false)"
239
                                                                class="portal-link">Advanced Search</a></div>
240
          </div>
241
        </div>
242
      </form>
243
    </div>
244
  </div>
245

    
246
  <div *ngIf="communityInfo && community" class="uk-section uk-padding-remove-top uk-padding-remove-bottom">
247
    <div class="uk-padding-small">
248
      <div class="uk-container uk-container-large uk-margin-top"
249
           *ngIf="communityId">
250
        <div>
251
          <div class="main-tabs-div">
252
            <ng-template #summary_tab>
253
              <div *ngIf="community" class="uk-grid uk-margin-remove">
254
                <div class="uk-width-expand uk-padding uk-inline">
255
                  <div *ngIf="community.description" class="uk-margin-bottom ">
256
<!--                    <div class="uk-overflow-auto">-->
257
<!--                      <div #toTarget id="toTarget" class="uk-height-max-medium" [class.cutDescr]="!showAllDescription"-->
258
                      <div [innerHTML]="community.description | safeHtml"></div>
259
<!--                    </div>-->
260
                    <div *ngIf="showMore && !showAllDescription" class="uk-animation-fade uk-margin-small-top uk-text-right">
261
                      <a (click)="showAllDescription = !showAllDescription;">Read more</a>
262
                    </div>
263
                    <div *ngIf="showAllDescription"
264
                         class="uk-animation-fade uk-margin-small-top uk-text-right">
265
                      <a (click)="showAllDescription = !showAllDescription;">
266
                        Read less
267
                      </a>
268
                    </div>
269
                  </div>
270

    
271
                  <div *ngIf="isRouteEnabled('/curators')" class="uk-margin-small-bottom">
272
                    <curators [longView]="false"></curators>
273
                  </div>
274
                  <div [class]="community.date || subscribers ? 'uk-margin-small-bottom' : ''">
275
                    <span *ngIf="community.date" class="uk-margin-right">
276
                      <span
277
                          class="lowOpacityColor uk-text-muted">Created: </span> {{community.date | date:'dd-MMM-yyyy'}}
278
                    </span>
279
                    <span>
280
                      <subscribe *ngIf="communityId" [communityId]="communityId" showNumbers=true
281
                                 (countSubscribersEvent)="countSubscribersEvent($event)"></subscribe>
282
                    </span>
283
                  </div>
284
                  <div [class]="((projectTotal && projectTotal > 0 && isEntityEnabled('project') && isRouteEnabled(searchLinkToProjects)) ||
285
                                (contentProviderTotal  && contentProviderTotal > 0 && isEntityEnabled('datasource') && isRouteEnabled(searchLinkToDataProviders)))
286
                                ? 'uk-margin-small-bottom' : ''">
287
                    <span
288
                        *ngIf="projectTotal  && projectTotal > 0 && isEntityEnabled('project') && isRouteEnabled(searchLinkToProjects)">
289
                      <span class="uk-text-muted">Projects: </span>
290
                      <a class="uk-margin-auto-vertical uk-margin-auto portal-link" [queryParams]=params
291
                         routerLinkActive="router-link-active"
292
                         [routerLink]="searchLinkToProjects">{{projectTotal|number}}
293
                      </a>
294
                    </span>
295
                    <span
296
                        *ngIf="contentProviderTotal  && contentProviderTotal > 0 && isEntityEnabled('datasource') && isRouteEnabled(searchLinkToDataProviders)"
297
                        [class]="'uk-display-inline-block '+((projectTotal  && projectTotal > 0 && isEntityEnabled('project') && isRouteEnabled(searchLinkToProjects)) ? 'uk-margin-left' : '')">
298
                      <span class="uk-text-muted">Content Providers: </span>
299
                      <a class="uk-margin-auto-vertical uk-margin-auto portal-link" [queryParams]=params
300
                         routerLinkActive="router-link-active"
301
                         [routerLink]="searchLinkToDataProviders">{{contentProviderTotal|number}}
302
                      </a>
303
                    </span>
304
                    <span *ngIf="projectsCalculated && contentProvidersCalculated &&
305
                          ((projectTotal  && projectTotal > 0 && isEntityEnabled('project') && isRouteEnabled(searchLinkToProjects))
306
                          || (contentProviderTotal  && contentProviderTotal > 0 && isEntityEnabled('datasource') && isRouteEnabled(searchLinkToDataProviders)))"
307
                          class="uk-icon uk-text-muted uk-margin-small-left"
308
                          title="{{buildProjectsAndContentProvidesTooltip()}}"
309
                          uk-tooltip="pos:bottom-right; delay:10; cls: community-page-tooltip uk-width-medium">
310
                      <svg width="15" height="15" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="question"
311
                           ratio="1">
312
                        <circle fill="none" stroke="#000" stroke-width="1.1" cx="10" cy="10" r="9"></circle>
313
                        <circle cx="10.44" cy="14.42" r="1.05"></circle>
314
                        <path fill="none" stroke="#000" stroke-width="1.2"
315
                              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>
316
                      </svg>
317
                    </span>
318
                  </div>
319
                  <div
320
                      *ngIf="(zenodoCommunityIdS.length + ((masterZenodoCommunity) ? 1 : 0) > 0) && isRouteEnabled(shareInZenodoPage)"
321
                      class="">
322
                    <span class="lowOpacityColor uk-text-muted">Linked to</span>
323
                    <a class="portal-link uk-margin-small-left uk-margin-small-right" [queryParams]=params
324
                       routerLinkActive="router-link-active" [routerLink]="shareInZenodoPage">
325
                      <span>{{zenodoCommunityIdS.length + ((masterZenodoCommunity) ? 1 : 0)}}</span>
326
                    </a>
327
                    <span class="lowOpacityColor uk-text-muted">Zenodo Communities</span>
328
                    <span class="uk-icon uk-text-muted uk-margin-small-left"
329
                          title="{{buildZenodoCommunitiesTooltip()}}"
330
                          uk-tooltip="pos:bottom-right; delay:10; cls: community-page-tooltip uk-width-medium">
331
                      <svg width="15" height="15" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="question"
332
                           ratio="1">
333
                        <circle fill="none" stroke="#000" stroke-width="1.1" cx="10" cy="10" r="9"></circle>
334
                        <circle cx="10.44" cy="14.42" r="1.05"></circle>
335
                        <path fill="none" stroke="#000" stroke-width="1.2"
336
                              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>
337
                      </svg>
338
                    </span>
339
                  </div>
340
                </div>
341
                <div *ngIf="isRouteEnabled('/subjects') && community.subjects && community.subjects.length > 0"
342
                     class="uk-width-1-3@m uk-padding right-column uk-inline">
343
                  <div class="uk-margin-bottom">
344
                    <div class="uk-text-muted uk-margin-small-bottom">Subjects</div>
345
                    <span *ngFor="let subject of community.subjects.slice(0,20) let i=index">
346
                      <span *ngIf="subject != ''">
347
                        <a class="portal-link"
348
                           [queryParams]="{f0:'resultsubject',fv0:createParams(subject)}"
349
                           routerLinkActive="router-link-active" [routerLink]="searchLinkToAdvancedResults">
350
                          <span>{{subject}}</span>
351
                        </a>
352
                        <span *ngIf="i < community.subjects.length-1 && i != 19">, </span>
353
                      </span>
354
                    </span>
355
                    <div
356
                        class="uk-margin-top uk-animation-fade uk-padding uk-padding-remove-top uk-position-bottom-right">
357
                      <a class="portal-link" routerLinkActive="router-link-active" [routerLink]="'/subjects'">
358
                        View all
359
                      </a>
360
                    </div>
361
                  </div>
362
                </div>
363
              </div>
364
            </ng-template>
365
            <ng-template #publications_tab>
366
              <ng-container *ngTemplateOutlet="tab_content; context: {
367
                                resultType: 'publication', fetch: fetchPublications,
368
                                searchLinkToAdvancedPage: properties.searchLinkToAdvancedResults,
369
                                params: getParamsForSearchLink('publications'),
370
                                type: 'publication', typeName: 'publication', showImpactFactors:(community.communityId == 'elixir-gr')}">
371
              </ng-container>
372
            </ng-template>
373
            <ng-template #datasets_tab>
374
              <ng-container *ngTemplateOutlet="tab_content; context: {
375
                                resultType: 'dataset', fetch: fetchDatasets,
376
                                searchLinkToAdvancedPage: properties.searchLinkToAdvancedResults,
377
                                params: getParamsForSearchLink('datasets'),
378
                                type: 'dataset', typeName: 'research data', showImpactFactors:(community.communityId == 'elixir-gr')}">
379
              </ng-container>
380
            </ng-template>
381
            <ng-template #software_tab>
382
              <ng-container *ngTemplateOutlet="tab_content; context: {
383
                                  resultType: 'software', fetch: fetchSoftware,
384
                                  searchLinkToAdvancedPage: properties.searchLinkToAdvancedResults,
385
                                  params: getParamsForSearchLink('software'),
386
                                  type: 'software', typeName: 'software', showImpactFactors:(community.communityId == 'elixir-gr')}">
387
              </ng-container>
388
            </ng-template>
389
            <ng-template #other_tab>
390
              <ng-container *ngTemplateOutlet="tab_content; context: {
391
                                  resultType: 'other', fetch: fetchOrps,
392
                                  searchLinkToAdvancedPage: properties.searchLinkToAdvancedResults,
393
                                  params: getParamsForSearchLink('other'),
394
                                  type: 'orp', typeName: 'other products', showImpactFactors:(community.communityId == 'elixir-gr')}">
395
              </ng-container>
396
            </ng-template>
397
            <ng-template #analytics_tab>
398
              <div *ngIf="statistics && statistics.statisticsDisplay && statistics.statisticsDisplay.isActive"
399
                   class="content-overflow uk-overflow-auto">
400
                <div *ngIf="statistics && activeTab=='analytics'" class="uk-width-expand uk-padding">
401

    
402
                  <div class="uk-text-center">
403
                    <button *ngIf="isEntityEnabled('publication')
404
                                    && statistics.statisticsSum && statistics.statisticsDisplay && statistics.statisticsSum['publication'].total>0
405
                                    && statistics.statisticsSum && statistics.statisticsDisplay && statistics.statisticsSum['publication'].total>0
406
                                    &&
407
                                    (  statistics.statisticsDisplay.entities['publication'].numbers.map['total']['showInMonitor']
408
                                    || statistics.statisticsDisplay.entities['publication'].numbers.map['project']['showInMonitor']
409
                                    || statistics.statisticsDisplay.entities['publication'].numbers.map['open']['showInMonitor']
410
                                    || statistics.statisticsDisplay.entities['publication'].numbers.map['closed']['showInMonitor']
411
                                    || statistics.statisticsDisplay.entities['publication'].numbers.map['embargo']['showInMonitor']
412
                                    || statistics.statisticsDisplay.entities['publication'].numbers.map['restricted']['showInMonitor']
413
                                    || ( statistics.allowedEntitiesMode['showInMonitor'] && statistics.statisticsSum
414
                                        && statistics.allowedChartsMode['showInMonitor'] && statistics.statisticsSum['publication']
415
                                        && statistics.allowedChartsMode['showInMonitor']['publication'] && statistics.statisticsSum['publication'].total > 0
416
                                        && statistics.allowedChartsMode['showInMonitor']['publication'].length > 0))"
417
                            [class]="(analyticsActiveTab == 'publication' ? 'active ' : '')+' publicationAnalytics uk-icon uk-icon-button uk-margin-right'"
418
                            uk-tooltip="title: Publications" (click)="analyticsActiveTab = 'publication'">
419
                      <!--                    <svg height="20" ratio="1" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><rect style="stroke: var(--portal-main-color);" fill="none" height="16" stroke="#000" width="12" x="3.5" y="2.5"></rect><polyline style="stroke: var(--portal-main-color);" fill="none" points="5 0.5 17.5 0.5 17.5 17" stroke="#000"></polyline></svg>-->
420
                      <img src="assets/connect-assets/home/entities/publication.svg">
421
                    </button>
422
                    <button *ngIf="isEntityEnabled('dataset')
423
                                  && statistics.statisticsSum && statistics.statisticsDisplay && statistics.statisticsSum['dataset'].total>0
424
                                  &&
425
                                  (  statistics.statisticsDisplay.entities['dataset'].numbers.map['total']['showInMonitor']
426
                                  || statistics.statisticsDisplay.entities['dataset'].numbers.map['project']['showInMonitor']
427
                                  || statistics.statisticsDisplay.entities['dataset'].numbers.map['open']['showInMonitor']
428
                                  || statistics.statisticsDisplay.entities['dataset'].numbers.map['closed']['showInMonitor']
429
                                  || statistics.statisticsDisplay.entities['dataset'].numbers.map['embargo']['showInMonitor']
430
                                  || statistics.statisticsDisplay.entities['dataset'].numbers.map['restricted']['showInMonitor']
431
                                  || ( statistics.allowedEntitiesMode['showInMonitor'] && statistics.statisticsSum
432
                                  && statistics.allowedChartsMode['showInMonitor'] && statistics.statisticsSum['dataset']
433
                                  && statistics.allowedChartsMode['showInMonitor']['dataset'] && statistics.statisticsSum['dataset'].total > 0
434
                                  && statistics.allowedChartsMode['showInMonitor']['dataset'].length > 0))"
435
                            [class]="(analyticsActiveTab == 'dataset' ? 'active ' : '')+' datasetAnalytics uk-icon uk-icon-button uk-margin-right'"
436
                            uk-tooltip="title: Research Data" (click)="analyticsActiveTab = 'dataset'">
437
                      <!--                    <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="database"><ellipse style="stroke: var(--portal-main-color);" fill="none" stroke="#000" cx="10" cy="4.64" rx="7.5" ry="3.14"></ellipse><path style="stroke: var(--portal-main-color);" fill="none" stroke="#000" d="M17.5,8.11 C17.5,9.85 14.14,11.25 10,11.25 C5.86,11.25 2.5,9.84 2.5,8.11"></path><path style="stroke: var(--portal-main-color);"fill="none" stroke="#000" d="M17.5,11.25 C17.5,12.99 14.14,14.39 10,14.39 C5.86,14.39 2.5,12.98 2.5,11.25"></path><path style="stroke: var(--portal-main-color);" fill="none" stroke="#000" d="M17.49,4.64 L17.5,14.36 C17.5,16.1 14.14,17.5 10,17.5 C5.86,17.5 2.5,16.09 2.5,14.36 L2.5,4.64"></path></svg>-->
438
                      <img src="assets/connect-assets/home/entities/dataset.svg">
439
                    </button>
440
                    <button *ngIf="isEntityEnabled('software')
441
                                  && statistics.statisticsSum && statistics.statisticsDisplay && statistics.statisticsSum['software'].total>0
442
                                  &&
443
                                  (  statistics.statisticsDisplay.entities['software'].numbers.map['total']['showInMonitor']
444
                                  || statistics.statisticsDisplay.entities['software'].numbers.map['project']['showInMonitor']
445
                                  || statistics.statisticsDisplay.entities['software'].numbers.map['open']['showInMonitor']
446
                                  || statistics.statisticsDisplay.entities['software'].numbers.map['closed']['showInMonitor']
447
                                  || statistics.statisticsDisplay.entities['software'].numbers.map['embargo']['showInMonitor']
448
                                  || statistics.statisticsDisplay.entities['software'].numbers.map['restricted']['showInMonitor']
449
                                  || ( statistics.allowedEntitiesMode['showInMonitor'] && statistics.statisticsSum
450
                                  && statistics.allowedChartsMode['showInMonitor'] && statistics.statisticsSum['software']
451
                                  && statistics.allowedChartsMode['showInMonitor']['software'] && statistics.statisticsSum['software'].total > 0
452
                                  && statistics.allowedChartsMode['showInMonitor']['software'].length > 0))"
453
                            [class]="(analyticsActiveTab == 'software' ? 'active ' : '')+' softwareAnalytics uk-icon uk-icon-button uk-margin-right'"
454
                            uk-tooltip="title: Software" (click)="analyticsActiveTab = 'software'">
455
                      <!--                    <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="cog"><circle style="stroke: var(--portal-main-color);" fill="none" stroke="#000" cx="9.997" cy="10" r="3.31"></circle><path style="stroke: var(--portal-main-color);" fill="none" stroke="#000" d="M18.488,12.285 L16.205,16.237 C15.322,15.496 14.185,15.281 13.303,15.791 C12.428,16.289 12.047,17.373 12.246,18.5 L7.735,18.5 C7.938,17.374 7.553,16.299 6.684,15.791 C5.801,15.27 4.655,15.492 3.773,16.237 L1.5,12.285 C2.573,11.871 3.317,10.999 3.317,9.991 C3.305,8.98 2.573,8.121 1.5,7.716 L3.765,3.784 C4.645,4.516 5.794,4.738 6.687,4.232 C7.555,3.722 7.939,2.637 7.735,1.5 L12.263,1.5 C12.072,2.637 12.441,3.71 13.314,4.22 C14.206,4.73 15.343,4.516 16.225,3.794 L18.487,7.714 C17.404,8.117 16.661,8.988 16.67,10.009 C16.672,11.018 17.415,11.88 18.488,12.285 L18.488,12.285 Z"></path></svg>-->
456
                      <img src="assets/connect-assets/home/entities/software.svg">
457
                    </button>
458
                    <button *ngIf="isEntityEnabled('orp')
459
                                  && statistics.statisticsSum && statistics.statisticsDisplay && statistics.statisticsSum['orp'].total>0
460
                                  &&
461
                                  (  statistics.statisticsDisplay.entities['orp'].numbers.map['total']['showInMonitor']
462
                                  || statistics.statisticsDisplay.entities['orp'].numbers.map['project']['showInMonitor']
463
                                  || statistics.statisticsDisplay.entities['orp'].numbers.map['open']['showInMonitor']
464
                                  || statistics.statisticsDisplay.entities['orp'].numbers.map['closed']['showInMonitor']
465
                                  || statistics.statisticsDisplay.entities['orp'].numbers.map['embargo']['showInMonitor']
466
                                  || statistics.statisticsDisplay.entities['orp'].numbers.map['restricted']['showInMonitor']
467
                                  || ( statistics.allowedEntitiesMode['showInMonitor'] && statistics.statisticsSum
468
                                  && statistics.allowedChartsMode['showInMonitor'] && statistics.statisticsSum['orp']
469
                                  && statistics.allowedChartsMode['showInMonitor']['orp'] && statistics.statisticsSum['orp'].total > 0
470
                                  && statistics.allowedChartsMode['showInMonitor']['orp'].length > 0))"
471
                            [class]="(analyticsActiveTab == 'orp' ? 'active ' : '')+' otherAnalytics uk-icon uk-icon-button'"
472
                            uk-tooltip="title: Other Research Products" (click)="analyticsActiveTab = 'orp'">
473
                      <!--                    <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="world"><path style="stroke: var(--portal-main-color);" fill="none" stroke="#000" d="M1,10.5 L19,10.5"></path><path style="stroke: var(--portal-main-color);" fill="none" stroke="#000" d="M2.35,15.5 L17.65,15.5"></path><path style="stroke: var(--portal-main-color);" fill="none" stroke="#000" d="M2.35,5.5 L17.523,5.5"></path><path style="stroke: var(--portal-main-color);" fill="none" stroke="#000" d="M10,19.46 L9.98,19.46 C7.31,17.33 5.61,14.141 5.61,10.58 C5.61,7.02 7.33,3.83 10,1.7 C10.01,1.7 9.99,1.7 10,1.7 L10,1.7 C12.67,3.83 14.4,7.02 14.4,10.58 C14.4,14.141 12.67,17.33 10,19.46 L10,19.46 L10,19.46 L10,19.46 Z"></path><circle style="stroke: var(--portal-main-color);" fill="none" stroke="#000" cx="10" cy="10.5" r="9"></circle></svg>-->
474
                      <img src="assets/connect-assets/home/entities/other.svg">
475
                    </button>
476
                  </div>
477
                  <hr>
478

    
479
                  <ng-container *ngTemplateOutlet="analytics_tab_content; context: {
480
                      type: 'publication', typeName: 'publications'}">
481
                  </ng-container>
482
                  <ng-container *ngTemplateOutlet="analytics_tab_content; context: {
483
                      type: 'dataset', typeName: 'research data'}">
484
                  </ng-container>
485
                  <ng-container *ngTemplateOutlet="analytics_tab_content; context: {
486
                      type: 'software', typeName: 'software'}">
487
                  </ng-container>
488
                  <ng-container *ngTemplateOutlet="analytics_tab_content; context: {
489
                      type: 'orp', typeName: 'other products'}">
490
                  </ng-container>
491
                </div>
492
              </div>
493
            </ng-template>
494

    
495
            <ng-template #enermaps_tab>
496
              <div class="uk-grid uk-margin-remove">
497
                <div class="uk-width-expand uk-padding">
498
                  <search-tab [fetch]="fetchFeaturedDatasets" [resultType]="'dataset'"
499
                               [properties]="properties" customTitle="Featured Datasets"
500
                              [showImpactFactors]="false" [showEnermaps]="true">
501
                  </search-tab>
502
                </div>
503
              </div>
504
            </ng-template>
505
            <ng-template #mapping_tab>
506
              <div *ngIf="activeTab == 'mapping'">
507

    
508
                <div
509
                  class="uk-margin-left tab-header uk-margin uk-margin-top ">
510
                  Browse OpenAIRE Research Graph through a map of the main concepts linked to Coronavirus
511
                </div>
512
                <div class="uk-padding">
513
                  <iframe src="https://openaire.opscidia.com/?iframe=true&keyword=covid19&mapping_size=4"
514
                          title="Opscidia Ontology mapping" class="uk-width-1-1" style="height:700px"></iframe>
515
                  <span
516
                    class=" uk-text-baseline uk-text-muted uk-text-left ">Powered by <a
517
                    href="http://www.opscidia.com/" target="_blank" class="">Opscidia</a> and <a
518
                    href="https://graph.openaire.eu/" target="_blank" class="">OpenAIRE Research Graph</a> </span>
519
                  <span class="uk-text-right uk-float-right uk-text-baseline uk-text-muted"> Visit <a
520
                    class=" uk-margin-right uk-margin-small-top"
521
                     href="https://openaire.opscidia.com/?iframe=true&keyword=covid19&mapping_size=4" target="_blank" >
522
                    Opscidia Tool
523
                  </a></span>
524
                </div>
525
              </div>
526
            </ng-template>
527
            <my-tabs (selectedActiveTab)="onSelectActiveTab($event)">
528
              <my-tab
529
                  [tabTitle]="'Summary'" [tabId]="'summary'" class="uk-active">
530
                <ng-container *ngTemplateOutlet="summary_tab;"></ng-container>
531
              </my-tab>
532
              <my-tab *ngIf="fetchPublications.searchUtils.totalResults > 0 && isEntityEnabled('publication')"
533
                      [tabTitle]="'Publications'" [tabId]="'publications'"
534
                      [tabNumber]="fetchPublications.searchUtils.totalResults">
535
                <ng-container *ngTemplateOutlet="publications_tab;"></ng-container>
536
              </my-tab>
537
              <my-tab *ngIf="fetchDatasets.searchUtils.totalResults > 0 && isEntityEnabled('dataset')"
538
                      [tabTitle]="'Research Data'" [tabNumber]="fetchDatasets.searchUtils.totalResults"
539
                      [tabId]="'datasets'">
540
                <ng-container *ngTemplateOutlet="datasets_tab;"></ng-container>
541
              </my-tab>
542
              <my-tab *ngIf="fetchSoftware.searchUtils.totalResults > 0 && isEntityEnabled('software')"
543
                      [tabTitle]="'Software'" [tabNumber]="fetchSoftware.searchUtils.totalResults" [tabId]="'software'">
544
                <ng-container *ngTemplateOutlet="software_tab;"></ng-container>
545
              </my-tab>
546
              <my-tab *ngIf="fetchOrps.searchUtils.totalResults > 0 && isEntityEnabled('orp')"
547
                      [tabTitle]="'Other Research'" [tabNumber]="fetchOrps.searchUtils.totalResults" [tabId]="'other'">
548
                <ng-container *ngTemplateOutlet="other_tab;"></ng-container>
549
              </my-tab>
550
<!--              <my-tab *ngIf="showAnalyticsTab()"
551
                      [tabTitle]="'Analytics'" customClass="statistics" [tabId]="'analytics'">
552
                <ng-container *ngTemplateOutlet="analytics_tab;"></ng-container>
553
              </my-tab>-->
554
              <my-tab *ngIf="properties.environment != 'production' && communityId == 'covid-19'"
555
                      [tabTitle]="'Ontology Mapping'"  [tabId]="'mapping'" customClass="portalTab">
556
                <ng-container *ngTemplateOutlet="mapping_tab;"></ng-container>
557
              </my-tab>
558
              <my-tab *ngIf="properties.environment != 'production' && communityId == 'enermaps' &&
559
              fetchFeaturedDatasets.searchUtils.totalResults > 0 && isEntityEnabled('dataset')"  customClass="portalTab"
560
                      [tabTitle]="'Featured datasets'"  [tabId]="'enermaps'" [tabNumber]="fetchFeaturedDatasets.searchUtils.totalResults">
561
                <ng-container *ngTemplateOutlet="enermaps_tab;"></ng-container>
562
              </my-tab>
563
            </my-tabs>
564

    
565
            <my-small-tabs (selectedActiveTab)="onSelectActiveTab($event)">
566
              <my-tab
567
                  [tabTitle]="'Summary'" [tabId]="'summary'" class="uk-active">
568
                <ng-container *ngTemplateOutlet="summary_tab;"></ng-container>
569
              </my-tab>
570
              <my-tab *ngIf="fetchPublications.searchUtils.totalResults > 0 && isEntityEnabled('publication')"
571
                      [tabTitle]="'Publications'" [tabId]="'publications'"
572
                      [tabNumber]="fetchPublications.searchUtils.totalResults">
573
                <ng-container *ngTemplateOutlet="publications_tab;"></ng-container>
574
              </my-tab>
575
              <my-tab *ngIf="fetchDatasets.searchUtils.totalResults > 0 && isEntityEnabled('dataset')"
576
                      [tabTitle]="'Research Data'" [tabNumber]="fetchDatasets.searchUtils.totalResults"
577
                      [tabId]="'datasets'">
578
                <ng-container *ngTemplateOutlet="datasets_tab;"></ng-container>
579
              </my-tab>
580
              <my-tab *ngIf="fetchSoftware.searchUtils.totalResults > 0 && isEntityEnabled('software')"
581
                      [tabTitle]="'Software'" [tabNumber]="fetchSoftware.searchUtils.totalResults" [tabId]="'software'">
582
                <ng-container *ngTemplateOutlet="software_tab;"></ng-container>
583
              </my-tab>
584
              <my-tab *ngIf="fetchOrps.searchUtils.totalResults > 0 && isEntityEnabled('orp')"
585
                      [tabTitle]="'Other Research'" [tabNumber]="fetchOrps.searchUtils.totalResults" [tabId]="'other'">
586
                <ng-container *ngTemplateOutlet="other_tab;"></ng-container>
587
              </my-tab>
588
              <!--<my-tab *ngIf="showAnalyticsTab()"
589
                      [tabTitle]="'Analytics'" customClass="statistics" [tabId]="'analytics'">
590
                <ng-container *ngTemplateOutlet="analytics_tab;"></ng-container>
591
              </my-tab>-->
592
              <my-tab *ngIf="properties.environment != 'production' && communityId == 'covid-19'"
593
                      [tabTitle]="'Ontology Mapping'"  [tabId]="'mapping'" customClass="portalTab">
594
                <ng-container *ngTemplateOutlet="mapping_tab;"></ng-container>
595
              </my-tab>
596
              <my-tab *ngIf="properties.environment == 'development' && communityId == 'enermaps' &&
597
              fetchFeaturedDatasets.searchUtils.totalResults > 0 && isEntityEnabled('dataset')"  customClass="portalTab"
598
                      [tabTitle]="'Featured datasets'"  [tabId]="'enermaps'" [tabNumber]="fetchFeaturedDatasets.searchUtils.totalResults">
599
                <ng-container *ngTemplateOutlet="enermaps_tab;"></ng-container>
600
              </my-tab>
601
            </my-small-tabs>
602
          </div>
603
        </div>
604
      </div>
605
    </div>
606
  </div>
607
  <!--<statistics-for-dashboard [currentMode]="'showInDashboard'"></statistics-for-dashboard>-->
608
  <div class="uk-section tm-middle uk-container uk-margin-top uk-padding-remove-top" id=""
609
       *ngIf="communityId && communityInfo">
610
    <ng-container *ngIf=" isRouteEnabled('/organizations')">
611
      <div class="uk-container  uk-margin-bottom">
612
        <div class="uk-width-expand uk-padding-remove">
613
          <affiliations [longView]="false" [getAffiliationsFromAPI]="true" [communityFirstPage]="true"></affiliations>
614
        </div>
615
      </div>
616
    </ng-container>
617
  </div>
618

    
619
  <div *ngIf="(communityId == null || communityId == '' ) && !communityInfo"
620
       class="uk-section tm-middle uk-container uk-margin-large-top  ">
621
    <div class="uk-container  uk-margin-bottom uk-grid">
622
      <div class="uk-width-expand uk-padding-remove">
623
        <article class="uk-article ">
624
          <div
625
              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">
626
            No community chosen
627
          </div>
628
          <div *ngIf="communityId">
629

    
630
          </div>
631
        </article>
632
      </div>
633

    
634
    </div>
635
  </div>
636
</div>
(2-2/4)