<div class="plugin-featured-datasets uk-container uk-container-large uk-section">
  <div class="uk-flex uk-flex-middle uk-flex-between ">
    <h3 class="uk-margin-remove">
      {{pluginObject.title}}
    </h3>

   <!-- <a [routerLink]="properties.searchLinkToAdvancedResults"
       [queryParams]="{f0:'categoryid', fv0: 'enermaps::selection'}"
       class="uk-display-inline-block uk-text-uppercase uk-button uk-button-text uk-text-default">
      Browse all
    </a>-->
  </div>
  <div>
    <div class="uk-margin-top uk-margin-medium-bottom uk-text-meta">
      <div>{{pluginObject.textLine1}}</div>
      <div>
        {{pluginObject.textLine2}}
      </div>
    </div>
    <div *ngIf="results" class=" uk-card uk-card-default uk-padding-xsmall">
      <div>
        <paging-no-load [totalResults]="results.length" [currentPage]="page" (pageChange)="page = $event.value"
                        [size]="size"></paging-no-load>
      </div>
      <div class="uk-margin-top">
        <ng-container *ngFor="let result of results.slice((page-1)*slideItems,(page)*slideItems)">
          <result-preview [properties]="properties" [showOrganizations]="true"
                          [showSubjects]="true" [result]="result" [showEnermaps]="true"
                          [isCard]="true" [showEntityActions]="false" [class.uk-disabled] =previewInAdmin>
          </result-preview>
        </ng-container>
      </div>
    </div>


  </div>
</div>
