connect/src/app/community/community.component.html

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

<div class="communityBackground">
<div id="stickhere">
</div>

<ng-template #tab_content
             let-resultType="resultType" let-results="results" let-totalResults="totalResults" let-type="type" let-typeName="typeName">
  <div class="uk-grid uk-margin-remove">
    <div class="uk-width-expand uk-padding">
      <results-comp [results]=results [total]=totalResults [resultType]=resultType
                    [community]=community [params]=params [showLoading]="showLoading"
                    [properties]="properties"
                    class="">
      </results-comp>
    </div>

    <div
      *ngIf="statistics.statisticsSum && statistics.statisticsDisplay && statistics.statisticsSum[type].total>0
            &&
            (  statistics.statisticsDisplay.entities[type].numbers.map['total']['showInDashboard']
            || statistics.statisticsDisplay.entities[type].numbers.map['project']['showInDashboard']
            || statistics.statisticsDisplay.entities[type].numbers.map['open']['showInDashboard']
            || statistics.statisticsDisplay.entities[type].numbers.map['closed']['showInDashboard']
            || statistics.statisticsDisplay.entities[type].numbers.map['embargo']['showInDashboard']
            || statistics.statisticsDisplay.entities[type].numbers.map['restricted']['showInDashboard']
            || ( statistics.allowedEntitiesMode['showInDashboard'] && statistics.statisticsSum
                && statistics.allowedChartsMode['showInDashboard'] && statistics.statisticsSum[type]
                && statistics.allowedChartsMode['showInDashboard'][type] && statistics.statisticsSum[type].total > 0
                && statistics.allowedChartsMode['showInDashboard'][type].length > 0)
            )"
      class="uk-width-2-5@m uk-width-1-1@s uk-padding right-column">
      <div *ngIf="statistics !=null  && activeTab == resultType">
        <ng-container *ngTemplateOutlet="stats; context: { entity: type, entityName: typeName,
                            statisticsSum:statistics.statisticsSum,
                            statisticsDisplay:statistics.statisticsDisplay,
                            allowedEntities: statistics.allowedEntitiesMode['showInDashboard'],
                            allowedCharts:statistics.allowedChartsMode['showInDashboard'],
                            showChartTitle:  statistics.chartTitlesMode['showInDashboard'],
                            chartsInfoMap:statistics.chartsInfoMap, showIn:'showInDashboard'}">
        </ng-container>
      </div>
    </div>
  </div>
</ng-template>

<ng-template #analytics_tab_content let-type="type" let-typeName="typeName">
  <ng-container *ngIf="isEntityEnabled(type)
            && statistics.statisticsSum && statistics.statisticsDisplay && statistics.statisticsSum[type].total>0
            &&
            (  statistics.statisticsDisplay.entities[type].numbers.map['total']['showInMonitor']
            || statistics.statisticsDisplay.entities[type].numbers.map['project']['showInMonitor']
            || statistics.statisticsDisplay.entities[type].numbers.map['open']['showInMonitor']
            || statistics.statisticsDisplay.entities[type].numbers.map['closed']['showInMonitor']
            || statistics.statisticsDisplay.entities[type].numbers.map['embargo']['showInMonitor']
            || statistics.statisticsDisplay.entities[type].numbers.map['restricted']['showInMonitor']
            || ( statistics.allowedEntitiesMode['showInMonitor'] && statistics.statisticsSum
                && statistics.allowedChartsMode['showInMonitor'] && statistics.statisticsSum[type]
                && statistics.allowedChartsMode['showInMonitor'][type] && statistics.statisticsSum[type].total > 0
                && statistics.allowedChartsMode['showInMonitor'][type].length > 0)
            )">
      <div class="tab-header uk-margin-bottom">{{typeName}}</div>
      <ng-container *ngTemplateOutlet="stats; context: {
                          entity: type, entityName: typeName,
                          statisticsSum:statistics.statisticsSum, statisticsDisplay:statistics.statisticsDisplay,
                          allowedEntities: statistics.allowedEntitiesMode['showInMonitor'],
                          allowedCharts:statistics.allowedChartsMode['showInMonitor'],
                          showChartTitle:  statistics.chartTitlesMode['showInMonitor'],
                          chartsInfoMap:statistics.chartsInfoMap, showIn:'showInMonitor'}">
      </ng-container>
  </ng-container>
</ng-template>

<ng-template #stats let-entity="entity" let-entityName="entityName" let-statisticsSum="statisticsSum"
             let-statisticsDisplay="statisticsDisplay" let-allowedEntities="allowedEntities"
             let-allowedCharts="allowedCharts" let-chartsInfoMap="chartsInfoMap"
             let-showChartTitle="showChartTitle"
             let-showIn="showIn">
  <div *ngIf=" showIn == 'showInMonitor' && allowedCharts && allowedCharts[entity] && allowedCharts[entity].length == 0  &&
          !statisticsDisplay.entities[entity].numbers.map['total'][showIn] && !statisticsDisplay.entities[entity].numbers.map['project'][showIn] &&
           !statisticsDisplay.entities[entity].numbers.map['open'][showIn] && !statisticsDisplay.entities[entity].numbers.map['closed'][showIn] &&
          !statisticsDisplay.entities[entity].numbers.map['embargo'][showIn] && !statisticsDisplay.entities[entity].numbers.map['restricted'][showIn]"
       class="uk-alert uk-alert-primary">
    No graphs available
  </div>
  <div *ngIf="statisticsSum && statisticsDisplay && statisticsSum[entity].total > 0"
       [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>
    <div *ngIf="statisticsDisplay.entities[entity].numbers.map['total'][showIn]" class="">
      <div class="uk-card portal-card uk-text-right uk-padding-small">
        <div
          class="uk-text-large">{{statisticsSum[entity].total|number}}</div>
<!--        <div>Total {{entityName}}</div>-->
        <div>Total</div>
      </div>
    </div>
    <div
      *ngIf="statisticsDisplay.entities[entity].numbers.map['project'][showIn]" class="">
      <div class="uk-card portal-card uk-text-right uk-padding-small">
        <div
          class="uk-text-large">{{statisticsSum[entity].projects|number}} </div>
<!--        <div>Total projects linked to {{entityName}}</div>-->
        <div>Total linked projects</div>
      </div>
    </div>
    <div
      *ngIf="statisticsDisplay.entities[entity].numbers.map['open'][showIn]" class="">
      <div class="uk-card portal-card uk-text-right uk-padding-small">
        <div
          class="uk-text-large">{{statisticsSum[entity].open_access|number}} </div>
<!--        <div>Open access {{entityName}}</div>-->
        <div>Open access</div>
      </div>
    </div>
    <div *ngIf="statisticsDisplay.entities[entity].numbers.map['closed'][showIn]" class="">
      <div class="uk-card portal-card uk-text-right uk-padding-small">
        <div
          class="uk-text-large">{{statisticsSum[entity].closed_access|number}} </div>
<!--        <div>Closed access {{entityName}}</div>-->
        <div>Closed access</div>
      </div>
    </div>
    <div
      *ngIf="statisticsDisplay.entities[entity].numbers.map['embargo'][showIn]" class="">
      <div class="uk-card portal-card uk-text-right uk-padding-small">
        <div
          class="uk-text-large">{{statisticsSum[entity].embargo|number}} </div>
<!--        <div>Embargoed {{entityName}}</div>-->
        <div>Embargoed</div>
      </div>
    </div>
    <div
      *ngIf="statisticsDisplay.entities[entity].numbers.map['restricted'][showIn]"
      class="">
      <div class="uk-card portal-card uk-text-right uk-padding-small">
        <div
          class="uk-text-large">{{statisticsSum[entity].restricted|number}} </div>
<!--        <div>Restricted {{entityName}}</div>-->
        <div>Restricted</div>
      </div>
    </div>
  </div>
  <div *ngIf="  allowedEntities &&
            statisticsSum && allowedCharts && statisticsSum[entity] &&
            allowedCharts[entity] && statisticsSum[entity].total>0 &&
            allowedCharts[entity].length>0">
    <div *ngIf="showIn == 'showInDashboard'">
      <div>
        <div class="uk-position-relative">
          <ul class="uk-list">
            <li *ngFor="let chart of allowedCharts[entity]">

              <div class=" iframeContainer uk-height-medium uk-margin-medium-top">
                <div *ngIf="showChartTitle[chart]" class="  uk-h5 ">
                  {{chartsInfoMap[chart].title}}</div>
                <iframe [src]=chartsInfoMap[chart].url scrolling="no"></iframe>
              </div>
            </li>
          </ul>
        </div>
      </div>

      <div *ngIf="  allowedEntities &&
                statisticsSum && allowedCharts && statisticsSum[entity] &&
                allowedCharts[entity] && statisticsSum[entity].total>0 &&
                allowedCharts[entity].length>0">
        <div class="uk-margin-top portal-hr"></div>
      </div>
    </div>
    <div *ngIf="showIn == 'showInMonitor'" class="uk-grid uk-child-width-1-2@l uk-child-width-1-1@m  ">
      <div *ngFor="let chart of allowedCharts[entity]" class="uk-clearfix uk-margin-bottom">

        <div class=" iframeContainer uk-height-large uk-margin-medium-top">
          <div *ngIf="showChartTitle[chart]" class="  uk-h5 ">
            {{chartsInfoMap[chart].title}}</div>
          <iframe [src]=chartsInfoMap[chart].url scrolling="no" class=""></iframe>
        </div>

      </div>

    </div>
  </div>

</ng-template>


<div *ngIf="communityInfo && community" class="uk-section uk-padding-remove-top uk-padding-remove-bottom">
  <div class="uk-padding-small">
    <div class="uk-container uk-container-large uk-margin-top"
         *ngIf="communityId">
      <div>
        <div class="uk-margin-large-bottom">
          <div *ngIf="community.title" class="uk-h2 uk-margin-remove">
            {{community.title}}
          </div>
          <div *ngIf="community.shortTitle && community.title != community.shortTitle"
               class="subtitle uk-margin-remove">
            {{community.shortTitle}}
          </div>
        </div>
        <div>
          <div class="main-tabs-div">
          <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">
            <li class="uk-padding-remove">
              <a class="uk-width-1-1 uk-height-1-1">
                <div class="tab-header">Summary</div>
              </a>
            </li>
            <li *ngIf="publicationTotal && publicationTotal > 0 && isEntityEnabled('publication')"
                class="uk-padding-remove" (click)="show='overview'; searchResearchResults('publication', publicationTotal, publicationResults)">
              <a class="uk-width-1-1 uk-height-1-1">
                <div class="tab-header">Publications</div><div class="number">{{publicationTotal|number}}</div>
              </a>
            </li>
            <li *ngIf="researchDataTotal && researchDataTotal > 0 && isEntityEnabled('dataset')"
                class="uk-padding-remove" (click)="show='overview'; searchResearchResults('dataset', researchDataTotal, researchDataResults)">
              <a class="uk-width-1-1 uk-height-1-1">
                <div class="tab-header">Research Data</div><div class="number">{{researchDataTotal|number}}</div>
              </a>
            </li>
            <li *ngIf="softwareTotal && softwareTotal > 0 && isEntityEnabled('software')"
                class="uk-padding-remove" (click)="show='overview'; searchResearchResults('software', softwareTotal, softwareResults)">
              <a class="uk-width-1-1 uk-height-1-1">
                <div class="tab-header">Software</div><div class="number">{{softwareTotal|number}}</div>
              </a>
            </li>
            <li *ngIf="orpTotal && orpTotal > 0 && isEntityEnabled('orp')"
                class="uk-padding-remove" (click)="show='overview'; searchResearchResults('other', orpTotal, orpResults)">
              <a class="uk-width-1-1 uk-height-1-1">
                <div class="tab-header">Other Research</div><div class="number">{{orpTotal|number}}</div></a>
            </li>
            <li *ngIf="statistics && statistics.statisticsDisplay && statistics.statisticsDisplay.isActive"
                class="uk-padding-remove statistics" (click)="show='analysis'; activeTab='analytics'">
              <a class="uk-width-1-1 uk-height-1-1">
                <div class="tab-header">Analytics</div>
                <div class="number">
                  <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24">
                    <path d="M0 0h24v24H0z" fill="none"></path>
                    <path d="M10 20h4V4h-4v16zm-6 0h4v-8H4v8zM16 9v11h4V9h-4z"></path>
                  </svg>
                </div>
              </a>
            </li>
          </ul>
          </div>
          <ul class="uk-switcher main-tabs-content">
            <li>
              <div *ngIf="community" class="uk-grid uk-margin-remove">
                <div class="uk-width-expand uk-padding uk-inline">
                  <div *ngIf="isRouteEnabled('/curators')" [class]="community.managers ? 'uk-margin-small-bottom' : ''">
                    <curators [longView]="false" [managers]="community.managers" [communityId]="communityId"></curators>
                  </div>
                  <div [class]="community.date || subscribers ? 'uk-margin-small-bottom' : ''">
                    <span *ngIf="community.date" class="uk-margin-right">
                      <span class="lowOpacityColor uk-text-muted">Created: </span> {{community.date | date:'dd-MMM-yyyy'}}
                    </span>
                    <span>
                      <subscribe *ngIf="communityId" [communityId]="communityId" showNumbers=true (countSubscribersEvent)="countSubscribersEvent($event)"></subscribe>
                    </span>
                  </div>
                  <div [class]="((projectTotal && projectTotal > 0 && isEntityEnabled('project') && isRouteEnabled(searchLinkToProjects)) ||
                                (contentProviderTotal  && contentProviderTotal > 0 && isEntityEnabled('datasource') && isRouteEnabled(searchLinkToDataProviders)))
                                ? 'uk-margin-small-bottom' : ''">
                    <span *ngIf="projectTotal  && projectTotal > 0 && isEntityEnabled('project') && isRouteEnabled(searchLinkToProjects)">
                      <span class="uk-text-muted">Projects: </span>
                      <a class="uk-margin-auto-vertical uk-margin-auto portal-link" [queryParams]=params
                         routerLinkActive="router-link-active" [routerLink]="searchLinkToProjects">
                        {{projectTotal|number}}
                      </a>
                    </span>
                    <span *ngIf="contentProviderTotal  && contentProviderTotal > 0 && isEntityEnabled('datasource') && isRouteEnabled(searchLinkToDataProviders)"
                          [class]="'uk-display-inline-block '+((projectTotal  && projectTotal > 0 && isEntityEnabled('project') && isRouteEnabled(searchLinkToProjects)) ? 'uk-margin-left' : '')">
                      <span class="uk-text-muted">Content Providers: </span>
                      <a class="uk-margin-auto-vertical uk-margin-auto portal-link" [queryParams]=params
                         routerLinkActive="router-link-active" [routerLink]="searchLinkToDataProviders">
                        {{contentProviderTotal|number}}
                      </a>
                    </span>
                    <span *ngIf="projectsCalculated && contentProvidersCalculated &&
                          ((projectTotal  && projectTotal > 0 && isEntityEnabled('project') && isRouteEnabled(searchLinkToProjects))
                          || (contentProviderTotal  && contentProviderTotal > 0 && isEntityEnabled('datasource') && isRouteEnabled(searchLinkToDataProviders)))"
                          class="uk-icon uk-text-muted uk-margin-small-left"
                          title="{{buildProjectsAndContentProvidesTooltip()}}"
                          uk-tooltip="pos:bottom-right; delay:10; cls: community-page-tooltip uk-width-medium">
                      <svg width="15" height="15" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="question" ratio="1">
                        <circle fill="none" stroke="#000" stroke-width="1.1" cx="10" cy="10" r="9"></circle>
                        <circle cx="10.44" cy="14.42" r="1.05"></circle>
                        <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>
                      </svg>
                    </span>
                  </div>
                  <div *ngIf="(zenodoCommunityIdS.length + ((masterZenodoCommunity) ? 1 : 0) > 0) && isRouteEnabled(shareInZenodoPage)" class="">
                    <span class="lowOpacityColor uk-text-muted">Linked to </span>
                    <a class="portal-link" [queryParams]=params routerLinkActive="router-link-active" [routerLink]="shareInZenodoPage">
                      <span>{{zenodoCommunityIdS.length + ((masterZenodoCommunity) ? 1 : 0)}}</span>
                    </a>
                    <span class="lowOpacityColor uk-text-muted"> Zenodo Communities</span>
                    <span class="uk-icon uk-text-muted uk-margin-small-left"
                          title="{{buildZenodoCommunitiesTooltip()}}"
                          uk-tooltip="pos:bottom-right; delay:10; cls: community-page-tooltip uk-width-medium">
                      <svg width="15" height="15" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="question" ratio="1">
                        <circle fill="none" stroke="#000" stroke-width="1.1" cx="10" cy="10" r="9"></circle>
                        <circle cx="10.44" cy="14.42" r="1.05"></circle>
                        <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>
                      </svg>
                    </span>
                  </div>

                  <div *ngIf="community.description"
                       [class]="'uk-margin-bottom '+ ((subscribeComponent && subscribeComponent.subscribers > 0) || community.date ? 'uk-margin-top' : '')">
                    <div class="uk-text-muted">Description</div>
                    <div *ngIf="!showAllDescription" class="">
                      {{community.description.substring(0, thresholdDescription)}}{{community.description.length > thresholdDescription ? '...' : ''}}</div>
                    <div *ngIf="showAllDescription" class="uk-overflow-auto">
                      <div class="uk-height-max-medium">{{community.description}}</div>
                    </div>
                    <div *ngIf="!showAllDescription && community.description.length > thresholdDescription "
                         class="uk-animation-fade uk-margin-small-top uk-padding uk-padding-remove-top uk-position-bottom-right">
                      <a (click)="showAllDescription = !showAllDescription;">Read more
                      </a>
                    </div>
                    <div *ngIf="showAllDescription"
                         class="uk-animation-fade uk-margin-small-top uk-padding uk-padding-remove-top uk-position-bottom-right">
                      <a (click)="showAllDescription = !showAllDescription;">
                        Read less
                      </a>
                    </div>
                  </div>
                </div>
                <div *ngIf="isRouteEnabled('/subjects') && community.subjects && community.subjects.length > 0"
                     class="uk-width-1-3 uk-padding right-column uk-inline">
                  <div class="uk-margin-bottom">
                    <div class="uk-text-muted">Subjects</div>
                    <span *ngFor="let subject of community.subjects.slice(0,20) let i=index">
                      <span *ngIf="subject != ''">
                        <a class="portal-link"
                           [queryParams]="{f0:'resultsubject',fv0:createParams(subject)}"
                           routerLinkActive="router-link-active" [routerLink]="searchLinkToAdvancedResults" >
                          <span>{{subject}}</span>
                        </a>
                        <span *ngIf="i < community.subjects.length-1 && i != 19">, </span>
                      </span>
                    </span>
                    <div class="uk-margin-top uk-animation-fade uk-padding uk-padding-remove-top uk-position-bottom-right">
                      <a class="portal-link" routerLinkActive="router-link-active" [routerLink]="'/subjects'">
                        View all
                      </a>
                    </div>
                  </div>
                </div>
              </div>
            </li>
            <li *ngIf="publicationTotal && publicationTotal > 0 && isEntityEnabled('publication')">
              <ng-container *ngTemplateOutlet="tab_content; context: {
                resultType: 'publication', results: publicationResults, totalResults: publicationTotal, type: 'publication', typeName: 'publication'}">
              </ng-container>
            </li>
            <li *ngIf="researchDataTotal && researchDataTotal > 0 && isEntityEnabled('dataset')">
              <ng-container *ngTemplateOutlet="tab_content; context: {
                resultType: 'dataset', results: researchDataResults, totalResults: researchDataTotal, type: 'dataset', typeName: 'research fata'}">
              </ng-container>
            </li>
            <li *ngIf="softwareTotal && softwareTotal > 0 && isEntityEnabled('software')">
              <ng-container *ngTemplateOutlet="tab_content; context: {
                resultType: 'software', results: softwareResults, totalResults: softwareTotal, type: 'software', typeName: 'software'}">
              </ng-container>
            </li>
            <li *ngIf="orpTotal && orpTotal > 0 && isEntityEnabled('orp')">
              <ng-container *ngTemplateOutlet="tab_content; context: {
                resultType: 'other', results: orpResults, totalResults: orpTotal, type: 'orp', typeName: 'other products'}">
              </ng-container>
            </li>
            <li *ngIf="statistics && statistics.statisticsDisplay && statistics.statisticsDisplay.isActive"
                class="uk-overflow-auto">
              <div *ngIf="statistics && activeTab=='analytics'" class="uk-width-expand uk-padding">
                <ng-container *ngTemplateOutlet="analytics_tab_content; context: {
                  type: 'publication', typeName: 'publications'}">
                </ng-container>
                <ng-container *ngTemplateOutlet="analytics_tab_content; context: {
                  type: 'dataset', typeName: 'research data'}">
                </ng-container>
                <ng-container *ngTemplateOutlet="analytics_tab_content; context: {
                  type: 'software', typeName: 'software'}">
                </ng-container>
                <ng-container *ngTemplateOutlet="analytics_tab_content; context: {
                  type: 'orp', typeName: 'other products'}">
                </ng-container>
              </div>
            </li>
          </ul>
        </div>
        <div class="uk-width-3-5@m uk-width-1-1@s">
          <div>
<!--            <div class="uk-margin-bottom uk-text-right">-->
<!--              <subscribe *ngIf="communityId != null && communityId != ''" [communityId]="communityId"-->
<!--                         class=""></subscribe>-->
<!--              {{" "}}-->
<!--              <invite *ngIf="showInvite()" [longView]=false [buttonSizeSmall]=false></invite>-->
<!--            </div>-->

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

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

<!--              <div-->
<!--                *ngIf="researchDataTotal != null && researchDataTotal > 0 && isEntityEnabled('dataset') "-->
<!--                class="uk-padding-remove-left">-->
<!--                <div-->
<!--                  class="uk-card uk-card-default uk-card-body uk-padding-remove uk-margin-small-right uk-height-1-1 uk-margin-bottom">-->
<!--                  <div class="uk-margin-top uk-margin-bottom">-->
<!--                    <a class="uk-margin-auto-vertical uk-margin-auto" [queryParams]="{type:'datasets', qf:false}"-->
<!--                       routerLinkActive="router-link-active" [routerLink]="searchLinkToResults"><span-->
<!--                      class="uk-text-bold uk-h5">{{researchDataTotal|number}}</span>-->
<!--                      <p class="uk-text-small uk-margin-remove">research data</p></a>-->
<!--                  </div>-->
<!--                </div>-->
<!--              </div>-->
<!--              <div-->
<!--                *ngIf="softwareTotal != null && softwareTotal > 0 && isEntityEnabled('software') "-->
<!--                class="uk-padding-remove-left">-->
<!--                <div-->
<!--                  class="uk-card uk-card-default uk-card-body uk-padding-remove uk-margin-small-right uk-height-1-1 uk-margin-bottom  ">-->
<!--                  <div class="uk-margin-top uk-margin-bottom">-->
<!--                    <a class="uk-margin-auto-vertical uk-margin-auto" [queryParams]="{type:'software', qf:false}"-->
<!--                       routerLinkActive="router-link-active" [routerLink]="searchLinkToResults"><span-->
<!--                      class="uk-text-bold uk-h5">{{softwareTotal|number}}</span>-->
<!--                      <p class="uk-text-small uk-margin-remove">software</p></a>-->
<!--                  </div>-->
<!--                </div>-->
<!--              </div>-->

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


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

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

<!--            </div>-->
<!--            <div *ngIf="community.subjects != null && community.subjects.length > 0"-->
<!--                 class="uk-margin-small-bottom uk-margin-top uk-text-bold uk-h5">Subjects-->
<!--            </div>-->
<!--            <div *ngIf="community.subjects != null" class=" ">-->
<!--                <span *ngFor="let subject of community.subjects.slice(0,4) let i=index">-->
<!--                    <span *ngIf="subject != ''" class="uk-label uk-margin-small-bottom">-->
<!--                      <a [queryParams]="{f0:'resultsubject',fv0:createParams(subject)}"-->
<!--                         routerLinkActive="router-link-active" [routerLink]="searchLinkToAdvancedResults" >-->
<!--                        {{subject}}-->
<!--                        </a>-->
<!--                    </span>{{" "}}-->
<!--                </span>-->
<!--              <span *ngIf="showAllSubjects">-->
<!--                    <span *ngFor="let subject of community.subjects.slice(4) let i=index">-->
<!--                        <span *ngIf="subject != ''" class="uk-label uk-margin-small-bottom">-->
<!--                          <a [queryParams]="{f0:'resultsubject',fv0:createParams(subject)}"-->
<!--                             routerLinkActive="router-link-active" [routerLink]="searchLinkToAdvancedResults">-->
<!--                            {{subject}}-->
<!--                            </a>-->
<!--                        </span> {{" "}}-->
<!--                    </span>-->
<!--                </span>-->
<!--              <br>-->
<!--              <div *ngIf="!showAllSubjects && community.subjects.length > 4 "-->
<!--                    class="uk-animation-fade uk-text-center uk-text-bold">-->
<!--                    <a (click)="showAllSubjects = !showAllSubjects;">-->
<!--                      View more-->
<!--                    </a>-->
<!--              </div>-->
<!--              <div *ngIf="showAllSubjects"-->
<!--                    class="uk-text-center uk-text-bold">-->
<!--                    <a (click)="showAllSubjects = !showAllSubjects;">-->
<!--                      View less-->
<!--                    </a>-->
<!--              </div>-->
<!--            </div>-->
          </div>
        </div>
      </div>

    </div>
  </div>
</div>

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


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

<!--          <div class="uk-text-center" *ngIf="statistics.statisticsDisplay && statistics.statisticsDisplay.isActive">-->
            <!-- <button [class]="'uk-button  '+((show == 'overview')?'uk-disabled ':' uk-button-default  ')"
                     (click)="show='overview'">Overview
             </button>
             {{" "}}
             <button [class]="'uk-button '+((show != 'overview')?'uk-disabled ':' uk-button-default ')"
                     (click)="show='analysis';">Graph Analysis
             </button>-->
<!--            <mat-form-field>-->
<!--              <div class="uk-margin-small-bottom">Select view</div>-->
<!--&lt;!&ndash;              <mat-label>Select view</mat-label>&ndash;&gt;-->
<!--              <mat-select [(value)]="show">-->
<!--                <mat-option value="overview">Overview</mat-option>-->
<!--                <mat-option value="analysis">Graph Analysis</mat-option>-->
<!--              </mat-select>-->
<!--            </mat-form-field>-->
            <!--<select [(ngModel)]="show" class="uk-select uk-text-bold uk-width-small">
              <option value="overview">Overview</option>
              <option value="analysis">Graph Analysis</option>
            </select>-->
            <!--            <select   [(ngModel)]="sortBy"      class="uk-select  uk-margin-small-bottom uk-width-1-2 uk-padding-remove"  name="select_order"   >-->
            <!--              <option  value="num"  >Sort by results number</option>-->
            <!--              <option  value="name"  >Sort by name</option>-->
            <!--            </select>-->
<!--          </div>-->

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


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

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

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

<!--                </div>-->


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

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

<!--                </div>-->


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

<!--                            chartsInfoMap:statistics.chartsInfoMap, showIn:'showInDashboard'}"></ng-container>-->
<!--                  </div>-->
<!--                  <results-comp [results]=softwareResults [total]=softwareTotal resultType="software"-->
<!--                                [community]=community [params]=params [showLoading]="showLoading"-->
<!--                                [properties]="properties"-->
<!--                                class=""></results-comp>-->
<!--                </div>-->
<!--                <div *ngIf="show!='overview' && activeTab == 'software'">-->
<!--                  <ng-container *ngTemplateOutlet="stats; context: { entity: 'software', entityName:-->
<!--                            'software' , statisticsSum:statistics.statisticsSum, statisticsDisplay:statistics.statisticsDisplay,-->
<!--                            allowedEntities: statistics.allowedEntitiesMode['showInMonitor'],-->
<!--                            allowedCharts:statistics.allowedChartsMode['showInMonitor'], showChartTitle:  statistics.chartTitlesMode['showInMonitor'],-->
<!--                            chartsInfoMap:statistics.chartsInfoMap, showIn:'showInMonitor'}"></ng-container>-->

<!--                </div>-->


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

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

<!--                </div>-->


<!--              </li>-->
<!--            </ul>-->
<!--          </div>-->
          <!--            <hr>-->
          <!--<div *ngIf="statistics && statistics.allowedEntities &&  countOtherGraphs()>0">
            <div class="uk-text-bold uk-h5">
              Other Graphs
            </div>
            <div *ngIf="statistics && statistics.allowedEntities" class="uk-margin-top uk-grid">
              <ng-container *ngFor="let entity of statistics.allowedEntities">
                <ng-container *ngIf="statistics.statisticsSum[entity].total>0 && statistics.allowedCharts[entity].length>0 && activeTab!=entity">

                  <ng-container *ngIf="statistics.allowedCharts[entity] " >
                    <div *ngFor="let chart of statistics.allowedCharts[entity]" class="uk-width-1-2@m uk-first-column">
                      <div class="iframeContainer">
                        <iframe [src]=statistics.chartsUrlMap[chart]  scrolling="no"></iframe>
                      </div>
                    </div>
                  </ng-container>
                </ng-container>
              </ng-container>
            </div>
          </div>-->


<!--        </div>-->
<!--      </article>-->
<!--    </div>-->

<!--  </div>-->

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


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

<!--          </a>-->
<!--          {{" "}}-->
<!--          <span class="uk-icon"-->
<!--                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>">-->
<!--                    <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="question"-->
<!--                         ratio="1"><circle fill="none" stroke="#000" stroke-width="1.1" cx="10" cy="10" r="9"></circle><circle-->
<!--                      cx="10.44" cy="14.42" r="1.05"></circle><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></svg>-->
<!--                  </span>-->
<!--        </div>-->
<!--      </div>-->

<!--    </div>-->
<!--  </div>-->
<!--</div>-->
<div class="uk-section tm-middle uk-container uk-margin-top uk-padding-remove-top" id="" *ngIf="communityId && communityInfo">
  <ng-container *ngIf=" isRouteEnabled('/organizations')">
    <div class="uk-container  uk-margin-bottom uk-grid">
      <div class="uk-width-expand uk-padding-remove">
        <affiliations [longView]="false" [getAffiliationsFromAPI]="true" [communityFirstPage]="true"></affiliations>
      </div>
    </div>
  </ng-container>
</div>

<div *ngIf="(communityId == null || communityId == '' ) && !communityInfo"
     class="uk-section tm-middle uk-container uk-margin-large-top  ">
  <div class="uk-container  uk-margin-bottom uk-grid">
    <div class="uk-width-expand uk-padding-remove">
      <article class="uk-article ">
        <div
          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">
          No community chosen
        </div>
        <div *ngIf="communityId">

        </div>
      </article>
    </div>

  </div>

</div>
</div>