D-Net

<div class="communityBackground">

<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" 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"

      <div>

        <div class="uk-margin-large-bottom">

          <div *ngIf="community.title != null" class="uk-h2 uk-margin-remove">

          <div *ngIf="community.shortTitle != null && community.title != community.shortTitle"

               class="subtitle uk-margin-remove">

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

            <div *ngIf="isRouteEnabled('/curators')" class="uk-margin-top">

              <curators [longView]="false" [managers]="community.managers" [communityId]="communityId"></curators>

            <div>

              <span *ngIf="projectTotal != null  && 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 != null  && contentProviderTotal > 0 && isEntityEnabled('datasource') && isRouteEnabled(searchLinkToDataProviders)"

                    [class]="'uk-display-inline-block '+((projectTotal != null  && 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 != null  && projectTotal > 0 && isEntityEnabled('project') && isRouteEnabled(searchLinkToProjects))

                          || (contentProviderTotal != null  && 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) > 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>

              <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 class="main-tabs-div">

          <ul uk-tab class="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="uk-text-bold">Summary</div>

              </a>

            </li>

            <li *ngIf="publicationTotal != null && 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="uk-text-bold">Publications</div><div class="uk-margin-small-top number">{{publicationTotal|number}}</div>

              </a>

            </li>

            <li *ngIf="researchDataTotal != null && 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="uk-text-bold">Research Data</div><div class="uk-margin-small-top number">{{researchDataTotal|number}}</div>

              </a>

            </li>

            <li *ngIf="softwareTotal != null && 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="uk-text-bold">Software</div><div class="uk-margin-small-top number">{{softwareTotal|number}}</div>

              </a>

            </li>

            <li *ngIf="orpTotal != null && 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="uk-text-bold">Other Research</div><div class="uk-margin-small-top 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="uk-text-bold">Analytics</div>

              </a>

            </li>

          </ul>

          </div>

          <ul class="uk-switcher main-tabs-content">

            <li>

              <div class="uk-grid uk-margin-remove">

                <div class="uk-width-expand uk-padding uk-inline">

                  <div>

                    <span *ngIf="community.date != null" class="uk-margin-right">

                      <span class="lowOpacityColor uk-text-muted">Created: </span> {{community.date | date:'dd-MMM-yyyy'}}

                    </span>

                    <span class="uk-margin-right uk-display-inline-block">

                      <subscribe *ngIf="communityId != null" [communityId]="communityId" showNumbers=true class=""></subscribe>

                    </span>

                  <div *ngIf="community.description != null" class="uk-margin-bottom uk-margin-top">

                    <div class="uk-text-muted">Description</div>

                    <div *ngIf="!showAllDescription" class="">

                      {{community.description.substring(0, 500)}}{{community.description.length > 500 ? '...' : ''}}</div>

                    <div *ngIf="showAllDescription" class="uk-height-max-medium uk-overflow-auto">

                      {{community.description}}

                    </div>

                    <div *ngIf="!showAllDescription && community.description.length > 500 "

                         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 *ngIf="community.subjects && community.subjects.length > 0"

                     class="uk-width-1-3 uk-padding right-column uk-inline">

                  <div class="">

                    <div class="uk-text-muted">Subjects</div>

                    <span *ngFor="let subject of community.subjects.slice(0,12) 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 != 11">, </span>

                      </span>

                    </span>

                    <div *ngIf="community.subjects.length > 12"

                         class="uk-margin-top uk-animation-fade portal-link uk-padding uk-padding-remove-top uk-position-bottom-right">

                      <a routerLinkActive="router-link-active" [routerLink]="'/subjects'">

                        View all

                      </a>

                    </div>

            </li>

            <li *ngIf="publicationTotal != null && 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 != null && 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 != null && 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 != null && 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>

            </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 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 class="uk-text-center" *ngIf="statistics.statisticsDisplay && statistics.statisticsDisplay.isActive">-->

<!--            <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>-->

<!--          </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>-->

<!--        </div>-->

<!--      </article>-->

<!--    </div>-->

<!--  </div>-->

<!--</div>-->

<!--<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>

  public projectsCalculated: boolean = false;

  public contentProvidersCalculated: boolean = false;

  public activeTab = "summary";

            },

            () => {

              this.projectsCalculated = true;

            },

            () => {

              this.contentProvidersCalculated = true;

          //this.searchResearchResults(resultType, this.publicationTotal, this.publicationResults);

  public buildProjectsAndContentProvidesTooltip(): string {

    let tooltipContent: string = "<div class='uk-margin'>";

    if(this.projectTotal != null  && this.projectTotal > 0 && this.isEntityEnabled('project') && this.isRouteEnabled(this.searchLinkToProjects)) {

      tooltipContent += "<span class='uk-text-bold'>Projects</span>";

    }

    if(this.projectTotal != null  && this.projectTotal > 0 && this.isEntityEnabled('project') && this.isRouteEnabled(this.searchLinkToProjects)

      && (this.contentProviderTotal != null  && this.contentProviderTotal > 0 && this.isEntityEnabled('datasource') && this.isRouteEnabled(this.searchLinkToDataProviders))) {

      tooltipContent += " and ";

    }

    if(this.contentProviderTotal != null  && this.contentProviderTotal > 0 && this.isEntityEnabled('datasource') && this.isRouteEnabled(this.searchLinkToDataProviders)) {

      tooltipContent += "<span class='uk-text-bold'>Content Providers</span>";

    }

    tooltipContent += " have been selected as relevant for your community by the gateway curators.";

    tooltipContent += "</div>";

    return tooltipContent;

  }

  public buildZenodoCommunitiesTooltip(): string {

    let tooltipContent: string = "<div class='uk-margin'>";

    tooltipContent += "<span class='uk-text-bold'>Zenodo</span> is a catch-all repository for OpenAIRE.";

    tooltipContent += "<div class='uk-margin-small-top'>A <span class='uk-text-bold'>Zenodo Community</span> is created and curated by Zenodo users.</div>";

    tooltipContent += "</div>";

    return tooltipContent;

  }

import {InviteModule} from "./utils/subscribe/invite/invite.module";

import {FreeGuard} from "./openaireLibrary/login/freeGuard.guard";

import {PreviousRouteRecorder} from "./openaireLibrary/utils/piwik/previousRouteRecorder.guard";

import {PiwikService} from "./openaireLibrary/utils/piwik/piwik.service";

import {CommunityService} from "./openaireLibrary/connect/community/community.service";

import {InviteBasicModule} from "./utils/subscribe/invite/inviteBasic.module";

    SubscribeModule.forRoot(), InviteBasicModule,

    //FreeGuard, PreviousRouteRecorder, PiwikService, CommunityService,

    template: `      

    <div class="tab-header">Recent {{getEntityName(resultType, true, true)}}</div>

     <div *ngIf="results != null && results.length > 0">

       <div class="uk-text-right">

         <div>

           <a class="el-content uk-link portal-link uk-text-capitalize" [queryParams]="{type:getresultTypeLink(resultType, true), qf:false}" routerLinkActive="router-link-active" [routerLink]="properties.searchLinkToResults">

             View all {{getEntityName(resultType, true, true)}} >

           </a>

         </div>

       </div>

     </div>

  public getEntityName(entityType: string, plural: boolean, full: boolean): string {

    if (entityType == "publication") {

      return "publication" + (plural ? "s" : "");

    } else if (entityType == "dataset") {

      return (full ? "research data" : ("dataset" + (plural ? "s" : "")));

    } else if (entityType == "software") {

      return "software";

    } else if (entityType == "other") {

      return (full ? ("other research product" + (plural ? "s" : "")) : "other");

    } else if (entityType == "result") {

      return (full ? ("research outcome" + (plural ? "s" : "")) : "result");

    }

  }

      <button *ngIf="!subscribed" [class]="'uk-button portal-button uk-button-small uk-width-1-1 ' + (loading ? ' uk-disabled' : '')"

      <button *ngIf="subscribed" [class]="'subscribed-button uk-button uk-button-small uk-width-1-1 ' + (loading ? ' uk-disabled' : '')"

              (click)="confirmOpen()"> Subscribed</button>

      <span class="lowOpacityColor uk-text-muted">Members: </span> {{subscribers}}

  @Input() properties: EnvProperties;

    console.log("subscribe constructor");

      if(!this.properties) {

        this.properties = data.envSpecific;

      }

      console.log(this.properties);

        this.userManagementService.getUserInfo().subscribe(

          user => {

            this.user = user;

            this.init();

          },

          error => {},

          () => {

            this.init();

          }

        );

      console.log("subscribe before navigate");

    //this.alert.alertTitle = "Unsubscribe community ";

    //this.alert.message = "Do you want to proceed? ";

    this.alert.message = "You are subscribed to the Community Gateway. Do you want to unsubscribe?";

    this.alert.okButtonText = "UNSUBSCRIBE";

    this.alert.cancelButtonText = "CANCEL";

                    <a [queryParams]="communityIdParam" routerLinkActive="router-link-active"

                       routerLink="/" class="portal-link">Back</a>

            </span>

<div class="">

  <button *ngIf="!longView" [class]=" ((buttonSizeSmall)?'uk-button-small':'') + ' uk-button  portal-button uk-button-small uk-width-1-1'">

  @Input() properties: EnvProperties;

      if(!this.properties) {

        this.properties = data.envSpecific;

      }

      if(this.properties) {