openaire-library/dashboard/plugins/components/gateway-information/plugin-gateway-information.component.html

<div class="plugin-gateway-information uk-border-rounded uk-padding uk-margin-medium-bottom">
  <img class="plugin-background" src="assets/common-assets/connect_image_faded.png">
  <div class="plugin-content">
    <div class="uk-text-lead uk-text-large uk-text-bold uk-margin-bottom">
      {{  pluginObject.title}}
    </div>
    <div *ngIf="!community " class="uk-text-muted uk-text-center">
      No community info available available
    </div>
    <ng-container *ngIf="community">
    <div *ngIf="isRouteEnabled('/curators') && isVisible('curators')" class="uk-text-small uk-margin-xsmall-bottom">
      <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">
            {{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">
              <icon [name]="'help_outline'" [type]="'outlined'" [ratio]="0.8" [flex]="true" [customClass]="'uk-text-muted'"></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">
            {{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">
              <icon [name]="'help_outline'" [type]="'outlined'" [ratio]="0.8" [flex]="true" [customClass]="'uk-text-muted'"></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">
            {{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">
              <icon [name]="'help_outline'" [type]="'outlined'" [ratio]="0.8" [flex]="true" [customClass]="'uk-text-muted'"></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'">
            {{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-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">
      <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">
  <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]="'integration_instructions'" [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">
  <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>