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"
256
                       class="uk-margin-bottom ">
257
                    <!--                        [class]="'uk-margin-bottom '+ ((subscribeComponent && subscribeComponent.subscribers > 0) || community.date ? 'uk-margin-top' : '')">-->
258
                    <div *ngIf="!showAllDescription" class="">
259
                      {{community.description.substring(0, thresholdDescription)}}{{community.description.length > thresholdDescription ? '...' : ''}}</div>
260
                    <div *ngIf="showAllDescription" class="uk-overflow-auto">
261
                      <div class="uk-height-max-medium">{{community.description}}</div>
262
                    </div>
263
                    <!--                    uk-padding uk-padding-remove-top uk-position-bottom-right-->
264
                    <div *ngIf="!showAllDescription && community.description.length > thresholdDescription "
265
                         class="uk-animation-fade uk-margin-small-top uk-text-right">
266
                      <a (click)="showAllDescription = !showAllDescription;">Read more
267
                      </a>
268
                    </div>
269
                    <!--                    uk-padding uk-padding-remove-top uk-position-bottom-right-->
270
                    <div *ngIf="showAllDescription"
271
                         class="uk-animation-fade uk-margin-small-top uk-text-right">
272
                      <a (click)="showAllDescription = !showAllDescription;">
273
                        Read less
274
                      </a>
275
                    </div>
276
                  </div>
277

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

    
409
                  <div class="uk-text-center">
410
                    <button *ngIf="isEntityEnabled('publication')
411
                                    && statistics.statisticsSum && statistics.statisticsDisplay && statistics.statisticsSum['publication'].total>0
412
                                    && statistics.statisticsSum && statistics.statisticsDisplay && statistics.statisticsSum['publication'].total>0
413
                                    &&
414
                                    (  statistics.statisticsDisplay.entities['publication'].numbers.map['total']['showInMonitor']
415
                                    || statistics.statisticsDisplay.entities['publication'].numbers.map['project']['showInMonitor']
416
                                    || statistics.statisticsDisplay.entities['publication'].numbers.map['open']['showInMonitor']
417
                                    || statistics.statisticsDisplay.entities['publication'].numbers.map['closed']['showInMonitor']
418
                                    || statistics.statisticsDisplay.entities['publication'].numbers.map['embargo']['showInMonitor']
419
                                    || statistics.statisticsDisplay.entities['publication'].numbers.map['restricted']['showInMonitor']
420
                                    || ( statistics.allowedEntitiesMode['showInMonitor'] && statistics.statisticsSum
421
                                        && statistics.allowedChartsMode['showInMonitor'] && statistics.statisticsSum['publication']
422
                                        && statistics.allowedChartsMode['showInMonitor']['publication'] && statistics.statisticsSum['publication'].total > 0
423
                                        && statistics.allowedChartsMode['showInMonitor']['publication'].length > 0))"
424
                            [class]="(analyticsActiveTab == 'publication' ? 'active ' : '')+' publicationAnalytics uk-icon uk-icon-button uk-margin-right'"
425
                            uk-tooltip="title: Publications" (click)="analyticsActiveTab = 'publication'">
426
                      <!--                    <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>-->
427
                      <img src="assets/connect-assets/home/entities/publication.svg">
428
                    </button>
429
                    <button *ngIf="isEntityEnabled('dataset')
430
                                  && statistics.statisticsSum && statistics.statisticsDisplay && statistics.statisticsSum['dataset'].total>0
431
                                  &&
432
                                  (  statistics.statisticsDisplay.entities['dataset'].numbers.map['total']['showInMonitor']
433
                                  || statistics.statisticsDisplay.entities['dataset'].numbers.map['project']['showInMonitor']
434
                                  || statistics.statisticsDisplay.entities['dataset'].numbers.map['open']['showInMonitor']
435
                                  || statistics.statisticsDisplay.entities['dataset'].numbers.map['closed']['showInMonitor']
436
                                  || statistics.statisticsDisplay.entities['dataset'].numbers.map['embargo']['showInMonitor']
437
                                  || statistics.statisticsDisplay.entities['dataset'].numbers.map['restricted']['showInMonitor']
438
                                  || ( statistics.allowedEntitiesMode['showInMonitor'] && statistics.statisticsSum
439
                                  && statistics.allowedChartsMode['showInMonitor'] && statistics.statisticsSum['dataset']
440
                                  && statistics.allowedChartsMode['showInMonitor']['dataset'] && statistics.statisticsSum['dataset'].total > 0
441
                                  && statistics.allowedChartsMode['showInMonitor']['dataset'].length > 0))"
442
                            [class]="(analyticsActiveTab == 'dataset' ? 'active ' : '')+' datasetAnalytics uk-icon uk-icon-button uk-margin-right'"
443
                            uk-tooltip="title: Research Data" (click)="analyticsActiveTab = 'dataset'">
444
                      <!--                    <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>-->
445
                      <img src="assets/connect-assets/home/entities/dataset.svg">
446
                    </button>
447
                    <button *ngIf="isEntityEnabled('software')
448
                                  && statistics.statisticsSum && statistics.statisticsDisplay && statistics.statisticsSum['software'].total>0
449
                                  &&
450
                                  (  statistics.statisticsDisplay.entities['software'].numbers.map['total']['showInMonitor']
451
                                  || statistics.statisticsDisplay.entities['software'].numbers.map['project']['showInMonitor']
452
                                  || statistics.statisticsDisplay.entities['software'].numbers.map['open']['showInMonitor']
453
                                  || statistics.statisticsDisplay.entities['software'].numbers.map['closed']['showInMonitor']
454
                                  || statistics.statisticsDisplay.entities['software'].numbers.map['embargo']['showInMonitor']
455
                                  || statistics.statisticsDisplay.entities['software'].numbers.map['restricted']['showInMonitor']
456
                                  || ( statistics.allowedEntitiesMode['showInMonitor'] && statistics.statisticsSum
457
                                  && statistics.allowedChartsMode['showInMonitor'] && statistics.statisticsSum['software']
458
                                  && statistics.allowedChartsMode['showInMonitor']['software'] && statistics.statisticsSum['software'].total > 0
459
                                  && statistics.allowedChartsMode['showInMonitor']['software'].length > 0))"
460
                            [class]="(analyticsActiveTab == 'software' ? 'active ' : '')+' softwareAnalytics uk-icon uk-icon-button uk-margin-right'"
461
                            uk-tooltip="title: Software" (click)="analyticsActiveTab = 'software'">
462
                      <!--                    <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>-->
463
                      <img src="assets/connect-assets/home/entities/software.svg">
464
                    </button>
465
                    <button *ngIf="isEntityEnabled('orp')
466
                                  && statistics.statisticsSum && statistics.statisticsDisplay && statistics.statisticsSum['orp'].total>0
467
                                  &&
468
                                  (  statistics.statisticsDisplay.entities['orp'].numbers.map['total']['showInMonitor']
469
                                  || statistics.statisticsDisplay.entities['orp'].numbers.map['project']['showInMonitor']
470
                                  || statistics.statisticsDisplay.entities['orp'].numbers.map['open']['showInMonitor']
471
                                  || statistics.statisticsDisplay.entities['orp'].numbers.map['closed']['showInMonitor']
472
                                  || statistics.statisticsDisplay.entities['orp'].numbers.map['embargo']['showInMonitor']
473
                                  || statistics.statisticsDisplay.entities['orp'].numbers.map['restricted']['showInMonitor']
474
                                  || ( statistics.allowedEntitiesMode['showInMonitor'] && statistics.statisticsSum
475
                                  && statistics.allowedChartsMode['showInMonitor'] && statistics.statisticsSum['orp']
476
                                  && statistics.allowedChartsMode['showInMonitor']['orp'] && statistics.statisticsSum['orp'].total > 0
477
                                  && statistics.allowedChartsMode['showInMonitor']['orp'].length > 0))"
478
                            [class]="(analyticsActiveTab == 'orp' ? 'active ' : '')+' otherAnalytics uk-icon uk-icon-button'"
479
                            uk-tooltip="title: Other Research Products" (click)="analyticsActiveTab = 'orp'">
480
                      <!--                    <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>-->
481
                      <img src="assets/connect-assets/home/entities/other.svg">
482
                    </button>
483
                  </div>
484
                  <hr>
485

    
486
                  <ng-container *ngTemplateOutlet="analytics_tab_content; context: {
487
                      type: 'publication', typeName: 'publications'}">
488
                  </ng-container>
489
                  <ng-container *ngTemplateOutlet="analytics_tab_content; context: {
490
                      type: 'dataset', typeName: 'research data'}">
491
                  </ng-container>
492
                  <ng-container *ngTemplateOutlet="analytics_tab_content; context: {
493
                      type: 'software', typeName: 'software'}">
494
                  </ng-container>
495
                  <ng-container *ngTemplateOutlet="analytics_tab_content; context: {
496
                      type: 'orp', typeName: 'other products'}">
497
                  </ng-container>
498
                </div>
499
              </div>
500
            </ng-template>
501
            <ng-template #mapping_tab>
502
              <div
503
                class="uk-margin-left tab-header uk-margin uk-margin-top ">
504
                Domain-specific ontologies of OpenAIRE Graph
505
              </div>
506
                <iframe src="http://openaire.opscidia.com/?iframe=true&keyword=covid19&mapping_size=4"
507
                        title="Opscidia Ontology mapping" class="uk-width-1-1" style="height:700px"></iframe>
508
              <div
509
                class="uk-margin-small-left uk-margin-small-right uk-margin-small-left uk-text-baseline uk-text-muted uk-text-right uk-margin-small">Powered by <a
510
                href="http://www.opscidia.com/" class="">Opscidia</a> and <a
511
                href="https://www.openaire.eu/" class="">OpenAIRE</a> </div>
512
            </ng-template>
513
            <my-tabs (selectedActiveTab)="onSelectActiveTab($event)">
514
              <my-tab
515
                  [tabTitle]="'Summary'" [tabId]="'summary'" class="uk-active">
516
                <ng-container *ngTemplateOutlet="summary_tab;"></ng-container>
517
              </my-tab>
518
              <my-tab *ngIf="fetchPublications.searchUtils.totalResults > 0 && isEntityEnabled('publication')"
519
                      [tabTitle]="'Publications'" [tabId]="'publications'"
520
                      [tabNumber]="fetchPublications.searchUtils.totalResults">
521
                <ng-container *ngTemplateOutlet="publications_tab;"></ng-container>
522
              </my-tab>
523
              <my-tab *ngIf="fetchDatasets.searchUtils.totalResults > 0 && isEntityEnabled('dataset')"
524
                      [tabTitle]="'Research Data'" [tabNumber]="fetchDatasets.searchUtils.totalResults"
525
                      [tabId]="'datasets'">
526
                <ng-container *ngTemplateOutlet="datasets_tab;"></ng-container>
527
              </my-tab>
528
              <my-tab *ngIf="fetchSoftware.searchUtils.totalResults > 0 && isEntityEnabled('software')"
529
                      [tabTitle]="'Software'" [tabNumber]="fetchSoftware.searchUtils.totalResults" [tabId]="'software'">
530
                <ng-container *ngTemplateOutlet="software_tab;"></ng-container>
531
              </my-tab>
532
              <my-tab *ngIf="fetchOrps.searchUtils.totalResults > 0 && isEntityEnabled('orp')"
533
                      [tabTitle]="'Other Research'" [tabNumber]="fetchOrps.searchUtils.totalResults" [tabId]="'other'">
534
                <ng-container *ngTemplateOutlet="other_tab;"></ng-container>
535
              </my-tab>
536
              <my-tab *ngIf="showAnalyticsTab()"
537
                      [tabTitle]="'Analytics'" [statistics]="true" [tabId]="'analytics'">
538
                <ng-container *ngTemplateOutlet="analytics_tab;"></ng-container>
539
              </my-tab>
540
              <my-tab *ngIf="properties.environment != 'production' && communityId == 'covid-19'"
541
                      [tabTitle]="'Ontology Mapping'"  [tabId]="'mapping'">
542
                <ng-container *ngTemplateOutlet="mapping_tab;"></ng-container>
543
              </my-tab>
544
            </my-tabs>
545

    
546
            <my-small-tabs (selectedActiveTab)="onSelectActiveTab($event)">
547
              <my-tab
548
                  [tabTitle]="'Summary'" [tabId]="'summary'" class="uk-active">
549
                <ng-container *ngTemplateOutlet="summary_tab;"></ng-container>
550
              </my-tab>
551
              <my-tab *ngIf="fetchPublications.searchUtils.totalResults > 0 && isEntityEnabled('publication')"
552
                      [tabTitle]="'Publications'" [tabId]="'publications'"
553
                      [tabNumber]="fetchPublications.searchUtils.totalResults">
554
                <ng-container *ngTemplateOutlet="publications_tab;"></ng-container>
555
              </my-tab>
556
              <my-tab *ngIf="fetchDatasets.searchUtils.totalResults > 0 && isEntityEnabled('dataset')"
557
                      [tabTitle]="'Research Data'" [tabNumber]="fetchDatasets.searchUtils.totalResults"
558
                      [tabId]="'datasets'">
559
                <ng-container *ngTemplateOutlet="datasets_tab;"></ng-container>
560
              </my-tab>
561
              <my-tab *ngIf="fetchSoftware.searchUtils.totalResults > 0 && isEntityEnabled('software')"
562
                      [tabTitle]="'Software'" [tabNumber]="fetchSoftware.searchUtils.totalResults" [tabId]="'software'">
563
                <ng-container *ngTemplateOutlet="software_tab;"></ng-container>
564
              </my-tab>
565
              <my-tab *ngIf="fetchOrps.searchUtils.totalResults > 0 && isEntityEnabled('orp')"
566
                      [tabTitle]="'Other Research'" [tabNumber]="fetchOrps.searchUtils.totalResults" [tabId]="'other'">
567
                <ng-container *ngTemplateOutlet="other_tab;"></ng-container>
568
              </my-tab>
569
              <my-tab *ngIf="showAnalyticsTab()"
570
                      [tabTitle]="'Analytics'" [statistics]="true" [tabId]="'analytics'">
571
                <ng-container *ngTemplateOutlet="analytics_tab;"></ng-container>
572
              </my-tab>
573
              <my-tab *ngIf="properties.environment != 'production' && communityId == 'covid-19'"
574
                      [tabTitle]="'Ontology Mapping'"  [tabId]="'mapping'">
575
                <ng-container *ngTemplateOutlet="mapping_tab;"></ng-container>
576
              </my-tab>
577
            </my-small-tabs>
578
          </div>
579
        </div>
580
      </div>
581
    </div>
582
  </div>
583
  <statistics-for-dashboard [currentMode]="'showInDashboard'"></statistics-for-dashboard>
584
  <div class="uk-section tm-middle uk-container uk-margin-top uk-padding-remove-top" id=""
585
       *ngIf="communityId && communityInfo">
586
    <ng-container *ngIf=" isRouteEnabled('/organizations')">
587
      <div class="uk-container  uk-margin-bottom uk-grid">
588
        <div class="uk-width-expand uk-padding-remove">
589
          <affiliations [longView]="false" [getAffiliationsFromAPI]="true" [communityFirstPage]="true"></affiliations>
590
        </div>
591
      </div>
592
    </ng-container>
593
  </div>
594

    
595
  <div *ngIf="(communityId == null || communityId == '' ) && !communityInfo"
596
       class="uk-section tm-middle uk-container uk-margin-large-top  ">
597
    <div class="uk-container  uk-margin-bottom uk-grid">
598
      <div class="uk-width-expand uk-padding-remove">
599
        <article class="uk-article ">
600
          <div
601
              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">
602
            No community chosen
603
          </div>
604
          <div *ngIf="communityId">
605

    
606
          </div>
607
        </article>
608
      </div>
609

    
610
    </div>
611
  </div>
612
</div>
(2-2/4)