<div *ngIf="!community " class="uk-text-meta uk-text-center">
  No community info available
</div>
<div class="uk-section uk-container ">
  <div class="uk-grid uk-child-width-1-2@m uk-child-width-1-1@s ">

    <div *ngIf="portal && community" class="">
      <div *ngIf="pluginObject.showShortTitle"
           class="uk-text-primary">
        {{community.shortTitle}}
      </div>
      <h1 *ngIf="pluginObject.showTitle" class=" uk-h2 uk-margin-remove">
        {{community.title}}
      </h1>

      <div *ngIf="pluginObject.description" [innerHTML]="community.description"></div>
      <div *ngIf="pluginObject.searchbar && isRouteEnabled(searchLinkToResults)" [class.uk-invisible]="disableSelect"
           class="uk-margin-medium-top">
        <advanced-search-input #advanced (searchEmitter)="goTo(true)">
          <entities-selection class="uk-width-1-3" [simpleView]="true" currentEntity="result"
                              [selectedEntity]="selectedEntity"
                              (selectionChange)="entityChanged($event);advanced.focusNext(input, $event)"
                              (disableSelectEmitter)="disableSelectChange($event)"
                              [onChangeNavigate]="false"></entities-selection>
          <div input #input class="uk-width-expand" placeholder="Scholary works" [searchable]="true"
               [hint]="'Search in OpenAIRE'" [(value)]="keyword"></div>
        </advanced-search-input>
        <div *ngIf="selectedEntity === 'result' && input.focused"
             (click)="$event.stopPropagation();advanced.focusNext(input, $event)"
             class="uk-dropdown uk-display-block uk-margin-small-top uk-width-auto" uk-dropdown="mode: click">
          <div class="uk-padding-small">
            <quick-selections [resultTypes]="resultTypes" [quickFilter]="resultsQuickFilter"></quick-selections>
          </div>
        </div>
      </div>
      <div
          *ngIf="(pluginObject.fos && isRouteEnabled('/fields-of-science')) || (pluginObject.sdgs  && isRouteEnabled('/sdgs'))"
          class="uk-padding-small uk-margin-small-top">
        <div class="uk-text-meta">
          Try browsing by:
        </div>
        <div class="link-actions uk-flex uk-flex-column uk-flex-top uk-margin-small-top">
          <a *ngIf="pluginObject.sdgs && isRouteEnabled('/sdgs')"
             class="uk-display-inline-block uk-text-uppercase uk-button uk-button-text uk-margin-small-bottom"
             routerLinkActive="router-link-active" routerLink="/sdgs">
								<span class="uk-flex uk-flex-middle">
									<img src="assets/common-assets/sdg/sdg-dot-img.svg" alt="SDGs logo" loading="lazy" width="17px"
                       height="17px">
									<span class="uk-margin-small-left">Sustainable Development Goals (SDG<span
                      class="uk-text-lowercase">s</span>)</span>
								</span>
          </a>
          <a *ngIf="pluginObject.fos&& isRouteEnabled('/fields-of-science') "
             class="uk-display-inline-block uk-text-uppercase uk-button uk-button-text"
             routerLinkActive="router-link-active" routerLink="/fields-of-science">
								<span class="uk-flex uk-flex-middle">
									<img src="assets/common-assets/fos/fos-icon.svg" alt="FOS logo" loading="lazy" width="17px"
                       height="8px">
									<span class="uk-margin-small-left">Fields of Science (FoS)</span>
								</span>
          </a>
        </div>
      </div>

    </div>
    <div>
      <div class="heroBackground generalSearchForm  uk-border-rounded uk-padding uk-margin-medium-bottom"
           [class.uk-light]="!this.fontsDarkMode"
      [style]="style">
        <div class="plugin-content">
          <div class="uk-text-lead uk-text-large uk-text-bold uk-margin-bottom">
            {{  pluginObject.title}}
          </div>

          <ng-container *ngIf="community">
            <div *ngIf="isRouteEnabled('/curators') && isVisible('curators')"
                 class="uk-text-small uk-margin-xsmall-bottom" [class.uk-disabled] =previewInAdmin>
              <curators [longView]="false"></curators>
            </div>
            <div *ngIf="community.date && isVisible('date')" class="uk-text-small">
              <span>Created: </span> {{community.date | date:'dd-MMM-yyyy'}}
            </div>
            <div class="uk-grid uk-grid-large uk-grid-stack uk-margin-top" uk-grid uk-height-match=".info-number">
              <div>
                <div *ngIf="projectTotal  && projectTotal > 0 && isEntityEnabled('project')
         && isRouteEnabled(searchLinkToProjects) && isVisible('projects')"
                     class="uk-flex uk-flex-column uk-margin-bottom info-number">
                  <a class="uk-h5 uk-margin-remove" [queryParams]=params
                     routerLinkActive="router-link-active"
                     [routerLink]="searchLinkToProjects" [class.uk-disabled] =previewInAdmin>
                    {{projectTotal|number}}
                  </a>
                  <span class="uk-flex uk-flex-middle uk-text-small">
            Projects
            <a *ngIf="projectsCalculated && (projectTotal  && projectTotal > 0 && isEntityEnabled('project') && isRouteEnabled(searchLinkToProjects))"
               [title]="buildProjectsTooltip()"
               [attr.uk-tooltip]="'pos: bottom-right; delay: 10;'"
               class="uk-link-reset uk-margin-xsmall-left" [class.uk-disabled] =previewInAdmin>
              <icon [name]="'help_outline'" [type]="'outlined'" [ratio]="0.8" [flex]="true"
                    [customClass]="'uk-text-meta'"></icon>
            </a>
          </span>
                </div>
                <div *ngIf="contentProviderTotal  && contentProviderTotal > 0 && isEntityEnabled('datasource') &&
        isRouteEnabled(searchLinkToDataProviders) && isVisible('datasources')"
                     class="uk-flex uk-flex-column info-number">
                  <a class="uk-h5 uk-margin-remove" [queryParams]=params
                     routerLinkActive="router-link-active"
                     [routerLink]="searchLinkToDataProviders" [class.uk-disabled] =previewInAdmin>
                    {{contentProviderTotal|number}}
                  </a>
                  <span class="uk-flex uk-flex-middle uk-text-small">
            Content Providers
            <a *ngIf="contentProvidersCalculated && (contentProviderTotal  && contentProviderTotal > 0 && isEntityEnabled('datasource') && isRouteEnabled(searchLinkToDataProviders))"
               [title]="buildContentProvidersTooltip()"
               [attr.uk-tooltip]="'pos: bottom-right; delay: 10;'"
               class="uk-link-reset uk-margin-xsmall-left" [class.uk-disabled] =previewInAdmin>
              <icon [name]="'help_outline'" [type]="'outlined'" [ratio]="0.8" [flex]="true"
                    [customClass]="'uk-text-meta'"></icon>
            </a>
          </span>
                </div>
              </div>
              <div>
                <div *ngIf="(zenodoCommunityIdS.length + ((masterZenodoCommunity) ? 1 : 0) > 0) && isRouteEnabled(shareInZenodoPage)
&& isVisible('communities')"
                     class="uk-flex uk-flex-column uk-margin-bottom info-number">
                  <a class="uk-h5 uk-margin-remove" [queryParams]=params
                     routerLinkActive="router-link-active" [routerLink]="shareInZenodoPage" [class.uk-disabled] =previewInAdmin>
                    {{zenodoCommunityIdS.length + ((masterZenodoCommunity) ? 1 : 0)}}
                  </a>
                  <span class="uk-flex uk-flex-middle uk-text-small">
            Linked Zenodo Communities
            <a [title]="buildZenodoCommunitiesTooltip()"
               [attr.uk-tooltip]="'pos: bottom-right; delay: 10;'"
               class="uk-link-reset uk-margin-xsmall-left" [class.uk-disabled] =previewInAdmin>
              <icon [name]="'help_outline'" [type]="'outlined'" [ratio]="0.8" [flex]="true"
                    [customClass]="'uk-text-meta'"></icon>
            </a>
          </span>
                </div>
                <div
                    *ngIf="isRouteEnabled('/subjects') && displayedAllSubjects && displayedAllSubjects.length > 0 && isVisible('subjects')"
                    class="uk-flex uk-flex-column uk-margin-bottom info-number">
                  <a class="uk-h5 uk-margin-remove"
                     routerLinkActive="router-link-active" [routerLink]="'/subjects'" [class.uk-disabled] =previewInAdmin>
                    {{displayedAllSubjects.length}}
                  </a>
                  <span class="uk-text-small">
            Subjects
          </span>
                </div>
              </div>
            </div>
          </ng-container>
        </div>

      </div>
      <div *ngIf="community" class="plugin2 uk-flex uk-flex-middle uk-flex-wrap" style="grid-gap: 30px;">
        <div class="uk-flex uk-flex-middle" *ngIf="resultCounts  && resultCounts.publications > 0 && isEntityEnabled('publication')
         && isRouteEnabled(searchLinkToResults) &&
          isVisible('publications')">
          <icon [name]="'description'" [type]="'outlined'" [ratio]="2" [flex]="true"
                [customClass]="'uk-margin-small-right uk-text-secondary'"></icon>
          <a [queryParams]="getParamsForSearchLink('publications')"
             [routerLink]="properties.searchLinkToAdvancedResults" [class.uk-disabled] =previewInAdmin
             class="uk-link-reset uk-flex uk-flex-column">
      <span class="uk-text-xsmall">
        {{openaireEntities.PUBLICATIONS}}
      </span>
            <span *ngIf="resultCounts" class="uk-h6 uk-margin-remove"
                  [innerHTML]="resultCounts.publications | numberRound: 1:1">
      </span>
          </a>
        </div>
        <div class="uk-flex uk-flex-middle" *ngIf="resultCounts  && resultCounts.datasets > 0 && isEntityEnabled('dataset')
         && isRouteEnabled(searchLinkToResults) &&
          isVisible('datasets')">
          <icon [name]="'database'" [type]="'outlined'" [ratio]="2" [flex]="true"
                [customClass]="'uk-margin-small-right uk-text-secondary'"></icon>
          <a [queryParams]="getParamsForSearchLink('datasets')" [routerLink]="properties.searchLinkToAdvancedResults"
             class="uk-link-reset uk-flex uk-flex-column" [class.uk-disabled] =previewInAdmin>
      <span class="uk-text-xsmall">
        {{openaireEntities.DATASETS}}
      </span>
            <span *ngIf="resultCounts" class="uk-h6 uk-margin-remove"
                  [innerHTML]="resultCounts.datasets | numberRound: 1:1">
      </span>
          </a>
        </div>
        <!--<div class="uk-flex uk-flex-middle" *ngIf="resultCounts  && resultCounts.datasets > 0 && isEntityEnabled('dataset')
               && isRouteEnabled(searchLinkToResults) &&
                isVisible('datasets')">
          <icon [name]="'database'" [type]="'outlined'" [ratio]="2" [flex]="true" [customClass]="'uk-margin-small-right uk-text-secondary'"></icon>
          <a [queryParams]="getParamsForSearchLink('datasets')" [routerLink]="properties.searchLinkToAdvancedResults" class="uk-link-reset uk-flex uk-flex-column">
        <span class="uk-text-xsmall">
          {{openaireEntities.DATASETS}}
        </span>
            <span *ngIf="resultCounts" class="uk-h6 uk-margin-remove" [innerHTML]="resultCounts.datasets | numberRound: 1:1">
        </span>
          </a>
        </div>-->
        <div class="uk-flex uk-flex-middle" *ngIf="resultCounts  && resultCounts.software > 0 && isEntityEnabled('software')
         && isRouteEnabled(searchLinkToResults) &&
          isVisible('software')">
          <icon [name]="'integration_instructions'" [type]="'outlined'" [ratio]="2" [flex]="true"
                [customClass]="'uk-margin-small-right uk-text-secondary'"></icon>
          <a [queryParams]="getParamsForSearchLink('software')" [routerLink]="properties.searchLinkToAdvancedResults"
             class="uk-link-reset uk-flex uk-flex-column" [class.uk-disabled] =previewInAdmin>
  <span class="uk-text-xsmall">
    {{openaireEntities.SOFTWARE}}
  </span>
            <span *ngIf="resultCounts" class="uk-h6 uk-margin-remove"
                  [innerHTML]="resultCounts.software | numberRound: 1:1">
  </span>
          </a>
        </div>
        <div class="uk-flex uk-flex-middle" *ngIf="resultCounts  && resultCounts.other > 0 && isEntityEnabled('orp')
         && isRouteEnabled(searchLinkToResults) &&
         isVisible('other')">
          <icon [name]="'apps'" [type]="'outlined'" [ratio]="2" [flex]="true"
                [customClass]="'uk-margin-small-right uk-text-secondary'"></icon>
          <a [queryParams]="getParamsForSearchLink('other')" [routerLink]="properties.searchLinkToAdvancedResults"
             class="uk-link-reset uk-flex uk-flex-column" [class.uk-disabled] =previewInAdmin>
  <span class="uk-text-xsmall">
    {{openaireEntities.OTHER}}
  </span>
            <span *ngIf="resultCounts" class="uk-h6 uk-margin-remove"
                  [innerHTML]="resultCounts.other | numberRound: 1:1">
  </span>
          </a>
        </div>
      </div>
    </div>
  </div>
</div>
