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

<div class="image-front-topbar  uk-section-default uk-position-relative" uk-scrollspy="{&quot;target&quot;:&quot;[uk-scrollspy-class]&quot;,&quot;cls&quot;:&quot;uk-animation-fade&quot;,&quot;delay&quot;:false}" tm-header-transparent="light">
  <div  style="box-sizing: border-box;  " [class]="' uk-background-norepeat uk-background-cover uk-background-bottom-center uk-section uk-padding-remove-bottom uk-flex uk-flex-middle uk-background-fixed advancedSearchFormBackground '+searchFormClass">
    <div class="uk-position-cover" style="/*background-color: rgba(255, 255, 255, 0.37);*/"></div>
    <div class="uk-width-1-1">
        <div class="uk-position-relative">


           <div   class="uk-container uk-margin-large-top">
                <advanced-search-form
                   [entityType] = "entityType"
                   [(fieldIds)]="fieldIds"
                   [(fieldIdsMap)]="fieldIdsMap"
                   [(selectedFields)]="selectedFields"
                   (queryChange)="queryChanged($event)"
                   [isDisabled]="disableForms"
                   [simpleSearchLink]=simpleSearchLink
                   [pageTitle]=pageTitle
                   >
               </advanced-search-form>
           </div>
        </div>
     </div>
  </div>
</div>



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

        <div>

          <div class="uk-width-1-1">
            <helper position="top"></helper>
          </div>
          <div class="uk-width-1-1 uk-grid helper-grid uk-padding-large uk-padding-remove-top" >
            <helper class="uk-margin-top 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 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 class="uk-visible@m uk-margin-top 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="uk-margin-top 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>