openaire-library/searchPages/searchUtils/advancedSearchPage.component.html

<div id="tm-main" class=" uk-section  uk-margin-small-top tm-middle">
  <div uk-grid uk-grid>
    <div class="tm-main uk-width-1-1@s uk-width-1-1@m  uk-width-1-1@l uk-row-first ">
      <div class="uk-container uk-margin-top">
        <div class="uk-article-title custom-article-title">
          {{pageTitle}}
        </div>
        <div>
          <a  *ngIf = "simpleSearchLink && simpleSearchLink.length > 0" routerLinkActive="router-link-active" [routerLink]=simpleSearchLink  [class]="(disableForms)?'uk-float-right uk-disabled uk-link-muted':'uk-float-right'" >Simple search <span class="uk-icon">
            <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="chevron-right" ratio="1"><polyline fill="none" stroke="#000" stroke-width="1.03" points="7 4 13 10 7 16"></polyline></svg>
          </span></a>
          <advanced-search-form
              [entityType] = "entityType"
              [(fieldIds)]="fieldIds"
              [(fieldIdsMap)]="fieldIdsMap"
              [(selectedFields)]="selectedFields"
              (queryChange)="queryChanged($event)"
              [isDisabled]="disableForms">
          </advanced-search-form>
          <div class="uk-width-1-1">
            <helper position="top"></helper>
          </div>
          <div class="uk-width-1-1 uk-grid helper-grid" >
            <helper class="helper-left-right uk-visible@m" position="left"></helper>
            <div class="uk-width-expand@m uk-with-1-1@s">
              <div *ngIf="openaireLink"> <a class="uk-margin-top   uk-button uk-button-text"  [href]=openaireLink target="_blank" >Results in OpenAIRE</a></div>
              <div  class="uk-align-center uk-margin-remove-bottom">
                <search-paging [type]="type" [loadPaging]="loadPaging" [oldTotalResults]="oldTotalResults" [(searchUtils)] = "searchUtils"  [(results)] = "results" [(baseUrl)] = "searchUtils.baseUrl"  [(parameterNames)] = "parameterNames" [(parameterValues)] = "parameterValues"   ></search-paging>
              </div>

              <search-download *ngIf="searchUtils.totalResults <= csvLimit" class="uk-width-1-1@s uk-hidden@m" [type]="csvPath" [csvParams]="csvParams" [totalResults]="searchUtils.totalResults" ></search-download>

              <div *ngIf="(searchUtils.page <= pagingLimit)" class="uk-margin-top">
                <search-result  [results]="results"
                                [status]=searchUtils.status
                                [type]="entityType"
                                [showLoading]="true" [(properties)]=properties>
                </search-result>
              </div>

              <div [class]="searchUtils.page > pagingLimit ? 'search-results' : ''" *ngIf="(searchUtils.page >= pagingLimit) && (searchUtils.totalResults > resultsPerPage*pagingLimit)">
                  <p class="uk-alert-warning" uk-alert>For more results please try a new, more specific query</p>
              </div>

              <div  class="uk-align-center uk-margin-remove-bottom">
                <search-paging [type]="type" [loadPaging]="loadPaging" [oldTotalResults]="oldTotalResults" [(searchUtils)] = "searchUtils"  [(results)] = "results" [(baseUrl)] = "searchUtils.baseUrl"  [(parameterNames)] = "parameterNames" [(parameterValues)] = "parameterValues"   ></search-paging>
              </div>

              <helper class="uk-hidden@m" position="left" styleName="uk-width-1-1@s"></helper>
              <helper class="uk-hidden@m" position="right" styleName="uk-width-1-1@s"></helper>
            </div>
            <div *ngIf="searchUtils.totalResults <= csvLimit" class="uk-visible@m helper-left-right">
              <helper position="right" before="true"></helper>
              <search-download [type]="csvPath" [csvParams]="csvParams" [totalResults]="searchUtils.totalResults" ></search-download>
              <helper position="right" before="false"></helper>
            </div>
            <helper *ngIf="searchUtils.totalResults > csvLimit" class="helper-left-right uk-visible@m" position="right"></helper>
          </div>

          <div class="uk-width-1-1">
            <helper position="bottom"></helper>
          </div>
        </div>
      </div>
<!--modal-loading [message]= "'Loading results...'"></modal-loading-->
    </div>
  </div>
</div>