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>
<schema2jsonld   *ngIf="url"  [URL]="url" type="search" [name]=pageTitle [searchAction]=false></schema2jsonld>



<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">
                <div *ngIf="(results && searchUtils.totalResults > 0) || (!loadPaging && oldTotalResults > 0 && searchUtils.status == errorCodes.LOADING)"
                      class="uk-grid uk-margin-top uk-margin-bottom">
                  <search-results-per-page class="uk-width-1-2@m uk-width-1-1" [(size)]="searchUtils.size" (sizeChange)="sizeChanged($event)"></search-results-per-page>
                  <search-sorting class="uk-width-1-2@m uk-width-1-1" *ngIf="sort" [(sortBy)]="searchUtils.sortBy" (sortByChange)="sortByChanged($event)"></search-sorting>
                </div>
                <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="">
                <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 > searchUtils.size*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">
                <div *ngIf="(results && searchUtils.totalResults > 0) || (!loadPaging && oldTotalResults > 0 && searchUtils.status == errorCodes.LOADING)"
                      class="uk-grid uk-margin-top uk-margin-bottom">
                  <search-results-per-page class="uk-width-1-2@m uk-width-1-1" [(size)]="searchUtils.size" (sizeChange)="sizeChanged($event)"></search-results-per-page>
                  <search-sorting class="uk-width-1-2@m uk-width-1-1" *ngIf="sort" [(sortBy)]="searchUtils.sortBy" (sortByChange)="sortByChanged($event)"></search-sorting>
                </div>
                <search-paging [type]="type" [loadPaging]="loadPaging" [oldTotalResults]="oldTotalResults" [(searchUtils)] = "searchUtils"  [(results)] = "results" [(baseUrl)] = "searchUtils.baseUrl"  [(parameterNames)] = "parameterNames" [(parameterValues)] = "parameterValues"   ></search-paging>
              </div>

              <a *ngIf="properties.showLastIndexInformationLink" class="last_index_info uk-button-text"
                  [href]="properties.lastIndexInformationLink" target="_blank">
                  Last index information
              </a>

              <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>