Project

General

Profile

« Previous | Next » 

Revision 49249

Added by Konstantina Galouni over 6 years ago

Adjust results of search pages to expand when there is no csv or table-view or list-view on the right side or filters on the left side

View differences:

modules/uoa-services-portal/trunk/portal-2/src/app/searchPages/searchUtils/searchPage.component.html
42 42 
        </div>
43 43 
        <div  class="uk-container">
44 44 
          <helper position="top"></helper>
45 
          <div  [class]="(showRefine)? 'uk-width-3-5@m  uk-width-3-5@l  uk-width-1-1@s uk-align-center uk-margin-remove-bottom' :'uk-width-1-1'">
45 
          <div  [class]="(showRefine)? 'uk-width-3-5@m  uk-width-3-5@l  uk-width-1-1@s' :'uk-width-1-1'">
46 46 
            <div  *ngIf="showRefine" class="uk-offcanvas-content uk-hidden@m">
47 47 

  		




  48
  48
  
    
              <a href="#offcanvas-usage" uk-toggle><svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" ratio="1"><rect x="6" y="4" width="12" height="1"></rect><rect x="6" y="9" width="12" height="1"></rect><rect x="6" y="14" width="12" height="1"></rect><rect x="2" y="4" width="2" height="1"></rect><rect x="2" y="9" width="2" height="1"></rect><rect x="2" y="14" width="2" height="1"></rect></svg></a>


  		




  ......




  56
  56
  
    
              </div>


  		




  57
  57
  
    

  		




  58
  58
  
    
            </div>


  		




  59
  
  
    

  		




  60
  
  
    
            <search-paging [type]="type" [loadPaging]="loadPaging" [oldTotalResults]="oldTotalResults" [(searchUtils)] = "searchUtils"  [(results)] = "results"  [(baseUrl)] = "baseUrl" [(parameterNames)] = "parameterNames" [(parameterValues)] = "parameterValues" ></search-paging>


  		




  61
  
  
    

  		




  62
  59
  
    
          </div>


  		




  63
  60
  
    

  		




  64
  
  
    
          <div  *ngIf="tableViewLink || searchUtils.totalResults <=10000"  class="uk-width-1-1@s uk-hidden@m">


  		




  65
  
  
    
            <span *ngIf="tableViewLink" class="uk-margin-medium-right">


  		




  66
  
  
    
              <a routerLinkActive="router-link-active" [class]="(disableForms)?'uk-disabled uk-link-muted':''" [routerLink]=tableViewLink >


  		




  67
  
  
    
                <span class="uk-margin-small-right uk-icon"><svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" ratio="1"><rect x="2" y="2" width="3" height="3"></rect><rect x="8" y="2" width="3" height="3"></rect><rect x="14" y="2" width="3" height="3"></rect><rect x="2" y="8" width="3" height="3"></rect><rect x="8" y="8" width="3" height="3"></rect><rect x="14" y="8" width="3" height="3"></rect><rect x="2" y="14" width="3" height="3"></rect><rect x="8" y="14" width="3" height="3"></rect><rect x="14" y="14" width="3" height="3"></rect></svg></span>


  		




  68
  
  
    
              </a>


  		




  69
  61
  
    

  		




  70
  
  
    
              <span class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="table" ratio="1"><rect x="1" y="3" width="18" height="1"></rect><rect x="1" y="7" width="18" height="1"></rect><rect x="1" y="11" width="18" height="1"></rect><rect x="1" y="15" width="18" height="1"></rect></svg></span>


  		




  71
  
  
    
            </span>


  		




  72
  
  
    
            <search-download [type]="csvPath" [csvParams]="csvParams" [totalResults]="searchUtils.totalResults"></search-download>


  		




  73
  
  
    
            <helper position="right"></helper>


  		




  74
  
  
    

  		




  75
  
  
    
          </div>


  		




  76
  
  
    
          <div  *ngIf="!(tableViewLink || searchUtils.totalResults <=10000)"  class="uk-width-1-1@s uk-hidden@m">


  		




  77
  
  
    
            <helper position="right"></helper>


  		




  78
  
  
    
          </div>


  		




  79
  
  
    

  		




  80
  
  
    
          <div  class="uk-grid uk-width-1-1 uk-margin">


  		




  81
  
  
    
            <div  *ngIf="showRefine" class=" search-filters uk-width-1-5@l  uk-width-1-5@m  uk-width-1-1@s uk-visible@m">


  		




  
  62
  
    
          <div  class="uk-grid uk-width-1-1">


  		




  
  63
  
    
            <div  *ngIf="showRefine" class="helper-left-right search-filters uk-visible@m">


  		




  82
  64
  
    
               <helper position="left"></helper>


  		




  83
  65
  
    
               <search-filter  *ngFor="let filter of filters " [isDisabled]="disableForms" [filter]="filter"  [showResultCount]=showResultCount (change)="filterChanged($event)" (toggleModal)="toggleModal($event)"></search-filter>


  		




  84
  66
  
    
            </div>


  		




  
  67
  
    
            <helper *ngIf="!showRefine" class="helper-left-right uk-visible@m" position="left"></helper>


  		




  85
  68
  
    

  		




  86
  
  
    
            <div [class]="(showRefine)? 'uk-width-3-5@m  uk-width-3-5@l  uk-width-1-1@s uk-first-column' : ''">


  		




  
  69
  
    
            <div class="uk-width-expand@m uk-width-1-1@s uk-first-column">


  		




  87
  70
  
    
            <!-- <div [class]="(showRefine)?'uk-width-expand@m uk-first-column':''" > -->


  		




  
  71
  
    
              <div  class="uk-align-center uk-margin-remove-bottom">


  		




  
  72
  
    
                <search-paging [type]="type" [loadPaging]="loadPaging" [oldTotalResults]="oldTotalResults" [(searchUtils)] = "searchUtils"  [(results)] = "results"  [(baseUrl)] = "baseUrl" [(parameterNames)] = "parameterNames" [(parameterValues)] = "parameterValues" ></search-paging>


  		




  
  73
  
    
              </div>


  		




  88
  74
  
    

  		




  89
  
  
    
              <search-result    *ngIf="!tableView"


  		




  90
  
  
    
                                [results]="results"


  		




  91
  
  
    
                                [status]="searchUtils.status"


  		




  92
  
  
    
                                [type]="entityType" [urlParam]="urlParam"


  		




  93
  
  
    
                                [showLoading]="true">


  		




  94
  
  
    
              </search-result>


  		




  
  75
  
    
              <div  *ngIf="tableViewLink || searchUtils.totalResults <=10000"  class="uk-width-1-1@s uk-hidden@m">


  		




  
  76
  
    
                <span *ngIf="tableViewLink" class="uk-margin-medium-right">


  		




  
  77
  
    
                  <a routerLinkActive="router-link-active" [class]="(disableForms)?'uk-disabled uk-link-muted':''" [routerLink]=tableViewLink >


  		




  
  78
  
    
                    <span class="uk-margin-small-right uk-icon"><svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" ratio="1"><rect x="2" y="2" width="3" height="3"></rect><rect x="8" y="2" width="3" height="3"></rect><rect x="14" y="2" width="3" height="3"></rect><rect x="2" y="8" width="3" height="3"></rect><rect x="8" y="8" width="3" height="3"></rect><rect x="14" y="8" width="3" height="3"></rect><rect x="2" y="14" width="3" height="3"></rect><rect x="8" y="14" width="3" height="3"></rect><rect x="14" y="14" width="3" height="3"></rect></svg></span>


  		




  
  79
  
    
                  </a>


  		




  95
  80
  
    

  		




  
  81
  
    
                  <span class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="table" ratio="1"><rect x="1" y="3" width="18" height="1"></rect><rect x="1" y="7" width="18" height="1"></rect><rect x="1" y="11" width="18" height="1"></rect><rect x="1" y="15" width="18" height="1"></rect></svg></span>


  		




  
  82
  
    
                </span>


  		




  
  83
  
    
                <search-download [type]="csvPath" [csvParams]="csvParams" [totalResults]="searchUtils.totalResults"></search-download>


  		




  
  84
  
    
              </div>


  		




  
  85
  
    

  		




  
  86
  
    
              <div class="uk-margin-top">


  		




  
  87
  
    
                <search-result    *ngIf="!tableView"


  		




  
  88
  
    
                                  [results]="results"


  		




  
  89
  
    
                                  [status]="searchUtils.status"


  		




  
  90
  
    
                                  [type]="entityType" [urlParam]="urlParam"


  		




  
  91
  
    
                                  [showLoading]="true">


  		




  
  92
  
    
                </search-result>


  		




  
  93
  
    
              </div>


  		




  
  94
  
    

  		




  
  95
  
    
              <div  class="uk-align-center uk-margin-remove-bottom">


  		




  
  96
  
    
                <search-paging [type]="type" [loadPaging]="loadPaging" [oldTotalResults]="oldTotalResults" [(searchUtils)] = "searchUtils"  [(results)] = "results"  [(baseUrl)] = "baseUrl" [(parameterNames)] = "parameterNames" [(parameterValues)] = "parameterValues" ></search-paging>


  		




  
  97
  
    
              </div>


  		




  
  98
  
    

  		




  
  99
  
    
              <helper class="uk-hidden@m" position="left" styleName="uk-width-1-1@s"></helper>


  		




  
  100
  
    
              <helper class="uk-hidden@m" position="right" styleName="uk-width-1-1@s"></helper>


  		




  96
  101
  
    
            </div>


  		




  97
  102
  
    

  		




  98
  
  
    
            <div class="uk-width-1-5@l  uk-width-1-5@m  uk-width-1-1@s uk-visible@m">


  		




  
  103
  
    
            <div *ngIf="tableViewLink || searchUtils.totalResults <=10000" class="helper-left-right uk-visible@m">


  		




  99
  104
  
    
              <span *ngIf="tableViewLink" class="uk-margin-medium-right">


  		




  100
  105
  
    
                <a routerLinkActive="router-link-active" [class]="(disableForms)?'uk-disabled uk-link-muted':''" [routerLink]=tableViewLink >


  		




  101
  106
  
    
                  <span class="uk-margin-small-right uk-icon"><svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" ratio="1"><rect x="2" y="2" width="3" height="3"></rect><rect x="8" y="2" width="3" height="3"></rect><rect x="14" y="2" width="3" height="3"></rect><rect x="2" y="8" width="3" height="3"></rect><rect x="8" y="8" width="3" height="3"></rect><rect x="14" y="8" width="3" height="3"></rect><rect x="2" y="14" width="3" height="3"></rect><rect x="8" y="14" width="3" height="3"></rect><rect x="14" y="14" width="3" height="3"></rect></svg></span>


  		




  ......




  106
  111
  
    
              <search-download [type]="csvPath" [csvParams]="csvParams" [totalResults]="searchUtils.totalResults"></search-download>


  		




  107
  112
  
    
              <helper position="right"></helper>


  		




  108
  113
  
    
            </div>


  		




  
  114
  
    
            <helper *ngIf="!tableViewLink && searchUtils.totalResults > 10000" class="helper-left-right uk-visible@m" position="right"></helper>


  		




  109
  115
  
    
          </div>


  		




  110
  
  
    
          <div [class]="(showRefine)? 'uk-width-3-5@m  uk-width-3-5@l  uk-width-1-1@s uk-align-center uk-margin-remove-bottom' : 'uk-width-1-1'">


  		




  
  116
  
    
          <!-- <div [class]="(showRefine)? 'uk-width-3-5@m  uk-width-3-5@l  uk-width-1-1@s uk-align-center uk-margin-remove-bottom' : 'uk-width-1-1'">


  		




  111
  117
  
    
            <search-paging [loadPaging]="loadPaging" [type]="type" [oldTotalResults]="oldTotalResults" [(searchUtils)] = "searchUtils"  [(results)] = "results"  [(baseUrl)] = "baseUrl" [(parameterNames)] = "parameterNames" [(parameterValues)] = "parameterValues" ></search-paging>


  		




  112
  
  
    
          </div>


  		




  
  118
  
    
          </div> -->


  		




  113
  119
  
    
          <div class="uk-width-1-1">


  		




  114
  120
  
    
            <helper position="bottom"></helper>


  		




  115
  121
  
    
          </div>


  		












  

    
      modules/uoa-services-portal/trunk/portal-2/src/app/searchPages/searchUtils/searchPageTableView.component.html
    
  





  34
  34
  
    
        <helper position="top"></helper>


  		




  35
  35
  
    
        <errorMessages [status]="[searchUtils.status]" [type]="'results'"></errorMessages>


  		




  36
  36
  
    

  		




  37
  
  
    
        <div  class="uk-width-2-3@m  uk-width-2-3@l  uk-width-1-1@s uk-align-center uk-margin-remove-bottom">


  		




  
  37
  
    
        <div  class="uk-width-2-3@m  uk-width-2-3@l  uk-width-1-1@s">


  		




  38
  38
  
    

  		




  39
  39
  
    
          <div *ngIf="searchUtils.totalResults > 0" class="uk-offcanvas-content uk-hidden@m">


  		




  40
  40
  
    
            <a href="#offcanvas-usage" uk-toggle><svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" ratio="1"><rect x="6" y="4" width="12" height="1"></rect><rect x="6" y="9" width="12" height="1"></rect><rect x="6" y="14" width="12" height="1"></rect><rect x="2" y="4" width="2" height="1"></rect><rect x="2" y="9" width="2" height="1"></rect><rect x="2" y="14" width="2" height="1"></rect></svg></a>


  		




  ......




  48
  48
  
    
            </div>


  		




  49
  49
  
    

  		




  50
  50
  
    
          </div>


  		




  
  51
  
    
        </div>


  		




  51
  52
  
    

  		




  52
  
  
    
          <div class="searchPaging uk-panel uk-margin-top uk-grid uk-margin-bottom uk-padding uk-padding-remove-vertical uk-padding-remove-left">


  		




  53
  
  
    
            <span class="uk-h6 uk-width-1-1@s uk-width-1-2@m">


  		




  54
  
  
    
              {{searchUtils.totalResults}} content providers, page {{searchUtils.page}} of {{(totalPages())}}


  		




  55
  
  
    
            </span>


  		




  56
  
  
    
            <span class="float-children-right-at-medium margin-small-top-at-small uk-width-1-1@s uk-width-1-2@m">


  		




  57
  
  
    
              <paging-no-load [currentPage]="searchUtils.page" [totalResults]="searchUtils.totalResults" [size]="rowsOnPage" (pageChange)="goTo($event.value, false)"></paging-no-load>


  		




  58
  
  
    
            </span>


  		




  
  53
  
    
        <div  class="uk-grid uk-width-1-1">


  		




  
  54
  
    
          <div *ngIf="searchUtils.totalResults > 0" class="helper-left-right search-filters uk-width-1-6@m  uk-visible@m">


  		




  
  55
  
    
            <helper position="left"></helper>


  		




  
  56
  
    
            <search-filter  *ngFor="let filter of filters " [isDisabled]="disableForms" [filter]="filter"  [showResultCount]=showResultCount (change)="filterChanged($event)" (toggleModal)="toggleModal($event)"></search-filter>


  		




  59
  57
  
    
          </div>


  		




  60
  
  
    
        </div>


  		




  61
  58
  
    

  		




  62
  
  
    
        <div *ngIf="searchViewLink" class="uk-width-1-1@s uk-hidden@m">


  		




  63
  
  
    
          <p>


  		




  
  59
  
    
          <div class="uk-width-expand@m uk-width-1-1@s uk-first-column" >


  		




  
  60
  
    
            <div class="uk-align-center uk-margin-remove-bottom">


  		




  
  61
  
    
              <div class="searchPaging uk-panel uk-margin-top uk-grid uk-margin-bottom">


  		




  
  62
  
    
                <span class="uk-h6 uk-width-1-1@s uk-width-1-2@m">


  		




  
  63
  
    
                  {{searchUtils.totalResults}} content providers, page {{searchUtils.page}} of {{(totalPages())}}


  		




  
  64
  
    
                </span>


  		




  
  65
  
    
                <span class="float-children-right-at-medium margin-small-top-at-small uk-width-1-1@s uk-width-1-2@m">


  		




  
  66
  
    
                  <paging-no-load [currentPage]="searchUtils.page" [totalResults]="searchUtils.totalResults" [size]="rowsOnPage" (pageChange)="goTo($event.value, false)"></paging-no-load>


  		




  
  67
  
    
                </span>


  		




  
  68
  
    
              </div>


  		




  
  69
  
    
            </div>


  		




  64
  70
  
    

  		




  65
  
  
    
            <span class="uk-margin-small-right uk-icon"><svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" ratio="1"><rect x="2" y="2" width="3" height="3"></rect><rect x="8" y="2" width="3" height="3"></rect><rect x="14" y="2" width="3" height="3"></rect><rect x="2" y="8" width="3" height="3"></rect><rect x="8" y="8" width="3" height="3"></rect><rect x="14" y="8" width="3" height="3"></rect><rect x="2" y="14" width="3" height="3"></rect><rect x="8" y="14" width="3" height="3"></rect><rect x="14" y="14" width="3" height="3"></rect></svg></span>


  		




  
  71
  
    
            <div *ngIf="searchViewLink" class="uk-width-1-1@s uk-hidden@m">


  		




  
  72
  
    
              <p>


  		




  
  73
  
    
                <span class="uk-margin-small-right uk-icon"><svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" ratio="1"><rect x="2" y="2" width="3" height="3"></rect><rect x="8" y="2" width="3" height="3"></rect><rect x="14" y="2" width="3" height="3"></rect><rect x="2" y="8" width="3" height="3"></rect><rect x="8" y="8" width="3" height="3"></rect><rect x="14" y="8" width="3" height="3"></rect><rect x="2" y="14" width="3" height="3"></rect><rect x="8" y="14" width="3" height="3"></rect><rect x="14" y="14" width="3" height="3"></rect></svg></span>


  		




  66
  74
  
    

  		




  67
  
  
    
            <a routerLinkActive="router-link-active" [class]="(disableForms)?'uk-disabled uk-link-muted':''" [routerLink]=searchViewLink >


  		




  68
  
  
    
              <span class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="table" ratio="1"><rect x="1" y="3" width="18" height="1"></rect><rect x="1" y="7" width="18" height="1"></rect><rect x="1" y="11" width="18" height="1"></rect><rect x="1" y="15" width="18" height="1"></rect></svg></span>


  		




  69
  
  
    
            </a>


  		




  70
  
  
    
          </p>


  		




  
  75
  
    
                <a routerLinkActive="router-link-active" [class]="(disableForms)?'uk-disabled uk-link-muted':''" [routerLink]=searchViewLink >


  		




  
  76
  
    
                  <span class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="table" ratio="1"><rect x="1" y="3" width="18" height="1"></rect><rect x="1" y="7" width="18" height="1"></rect><rect x="1" y="11" width="18" height="1"></rect><rect x="1" y="15" width="18" height="1"></rect></svg></span>


  		




  
  77
  
    
                </a>


  		




  
  78
  
    
              </p>


  		




  
  79
  
    
            </div>


  		




  71
  80
  
    

  		




  72
  
  
    
          <helper position="right"></helper>


  		




  73
  
  
    
        </div>


  		




  74
  
  
    

  		




  75
  
  
    
        <div  class="uk-grid uk-width-1-1 uk-margin">


  		




  76
  
  
    
          <div *ngIf="searchUtils.totalResults > 0" class=" search-filters uk-width-1-6@m  uk-visible@m">


  		




  77
  
  
    
            <helper position="left"></helper>


  		




  78
  
  
    
            <search-filter  *ngFor="let filter of filters " [isDisabled]="disableForms" [filter]="filter"  [showResultCount]=showResultCount (change)="filterChanged($event)" (toggleModal)="toggleModal($event)"></search-filter>


  		




  79
  
  
    
          </div>


  		




  80
  
  
    

  		




  81
  
  
    
          <div class="uk-width-2-3@m uk-width-1-1@s uk-first-column" >


  		




  82
  81
  
    
            <div class="uk-overflow-container custom-dataTable-content">


  		




  83
  82
  
    
              <table  class="uk-table uk-table-striped divider-table"  #mf="mfDataTable" [mfRowsOnPage]="rowsOnPage"


  		




  84
  83
  
    
                      [mfData]="results | contentProvidersDatatable : [searchUtils, filters, triggerPipe]">


  		




  ......




  160
  159
  
    
                </thead> -->


  		




  161
  160
  
    
              </table>


  		




  162
  161
  
    
            </div>


  		




  
  162
  
    

  		




  
  163
  
    
            <div class="uk-align-center uk-margin-remove-bottom">


  		




  
  164
  
    
              <div class="searchPaging uk-panel uk-margin-top uk-grid uk-margin-bottom">


  		




  
  165
  
    
                <span class="uk-h6 uk-width-1-1@s uk-width-1-2@m">


  		




  
  166
  
    
                  {{searchUtils.totalResults}} content providers, page {{searchUtils.page}} of {{(totalPages())}}


  		




  
  167
  
    
                </span>


  		




  
  168
  
    
                <span class="float-children-right-at-medium margin-small-top-at-small uk-width-1-1@s uk-width-1-2@m">


  		




  
  169
  
    
                  <paging-no-load [currentPage]="searchUtils.page" [totalResults]="searchUtils.totalResults" [size]="rowsOnPage" (pageChange)="goTo($event.value, false)"></paging-no-load>


  		




  
  170
  
    
                </span>


  		




  
  171
  
    
              </div>


  		




  
  172
  
    
            </div>


  		




  
  173
  
    

  		




  
  174
  
    
            <helper class="uk-hidden@m" position="left" styleName="uk-width-1-1@s"></helper>


  		




  
  175
  
    
            <helper class="uk-hidden@m" position="right" styleName="uk-width-1-1@s"></helper>


  		




  163
  176
  
    
          </div>


  		




  164
  
  
    
          <div *ngIf="searchViewLink" class="uk-width-1-6@m uk-visible@m">


  		




  
  177
  
    

  		




  
  178
  
    
          <div *ngIf="searchViewLink" class="helper-left-right uk-width-1-6@m uk-visible@m">


  		




  165
  179
  
    
            <p>


  		




  166
  
  
    

  		




  167
  180
  
    
              <span class="uk-margin-small-right uk-icon"><svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" ratio="1"><rect x="2" y="2" width="3" height="3"></rect><rect x="8" y="2" width="3" height="3"></rect><rect x="14" y="2" width="3" height="3"></rect><rect x="2" y="8" width="3" height="3"></rect><rect x="8" y="8" width="3" height="3"></rect><rect x="14" y="8" width="3" height="3"></rect><rect x="2" y="14" width="3" height="3"></rect><rect x="8" y="14" width="3" height="3"></rect><rect x="14" y="14" width="3" height="3"></rect></svg></span>


  		




  168
  181
  
    

  		




  169
  182
  
    
              <a routerLinkActive="router-link-active" [class]="(disableForms)?'uk-disabled uk-link-muted':''" [routerLink]=searchViewLink >


  		




  ......




  174
  187
  
    
            <helper position="right"></helper>


  		




  175
  188
  
    
          </div>


  		




  176
  189
  
    
        </div>


  		




  177
  
  
    
        <div  class="uk-width-2-3@m  uk-width-2-3@l  uk-width-1-1@s uk-align-center uk-margin-remove-bottom">


  		




  178
  
  
    
          <div class="searchPaging uk-panel uk-margin-top uk-grid uk-margin-bottom uk-padding uk-padding-remove-vertical uk-padding-remove-left">


  		




  179
  
  
    
            <span class="uk-h6 uk-width-1-1@s uk-width-1-2@m">


  		




  180
  
  
    
              {{searchUtils.totalResults}} content providers, page {{searchUtils.page}} of {{(totalPages())}}


  		




  181
  
  
    
            </span>


  		




  182
  
  
    
            <span class="float-children-right-at-medium uk-width-1-1@s uk-width-1-2@m">


  		




  183
  
  
    
              <paging-no-load [currentPage]="searchUtils.page" [totalResults]="searchUtils.totalResults" [size]="rowsOnPage" (pageChange)="goTo($event.value, false)"></paging-no-load>


  		




  184
  
  
    
            </span>


  		




  185
  
  
    
          </div>


  		




  186
  
  
    
        </div>


  		




  
  190
  
    

  		




  187
  191
  
    
        <helper position="bottom"></helper>


  		




  188
  192
  
    
      </div>


  		




  189
  193
  
    
      <modal-search-filter [filter]="currentFilter" [showResultCount]=showResultCount (modalChange)="filterChanged($event)"></modal-search-filter>


  		












  

    
      modules/uoa-services-portal/trunk/portal-2/src/app/searchPages/searchUtils/searchPaging.component.ts
    
  





  5
  5
  
    
@Component({


  		




  6
  6
  
    
    selector: 'search-paging',


  		




  7
  7
  
    
    template: `


  		




  8
  
  
    
    <div class= "searchPaging uk-panel uk-margin-top uk-grid uk-margin-bottom uk-padding uk-padding-remove-vertical uk-padding-remove-left">


  		




  
  8
  
    
    <div class= "searchPaging uk-panel uk-margin-top uk-grid uk-margin-bottom">


  		




  9
  9
  
    
      <div class="uk-h6 uk-width-1-1@s uk-width-1-2@m" *ngIf="results && searchUtils.totalResults > 0">


  		




  10
  10
  
    
        {{searchUtils.totalResults}} {{type}}, page {{searchUtils.page}} of {{(totalPages(searchUtils.totalResults))}}


  		




  11
  11
  
    
      </div>


  		












  

    
      modules/uoa-services-portal/trunk/portal-2/src/app/searchPages/searchUtils/advancedSearchPage.component.html
    
  





  20
  20
  
    
          <div class="uk-width-1-1">


  		




  21
  21
  
    
            <helper position="top"></helper>


  		




  22
  22
  
    
          </div>


  		




  23
  
  
    
          <div  class="uk-width-2-3@m uk-width-1-1@s uk-align-center uk-margin-remove-bottom">


  		




  24
  
  
    
            <search-paging [type]="type" [loadPaging]="loadPaging" [oldTotalResults]="oldTotalResults" [(searchUtils)] = "searchUtils"  [(results)] = "results" [(baseUrl)] = "searchUtils.baseUrl"  [(parameterNames)] = "parameterNames" [(parameterValues)] = "parameterValues"   ></search-paging>


  		




  25
  
  
    
          </div>


  		




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


  		




  27
  23
  
    

  		




  28
  24
  
    
          <div class="uk-width-1-1 uk-grid helper-grid" >


  		




  29
  
  
    
            <helper class="uk-width-1-6@m uk-width-1-1@s" position="left" styleName=" uk-width-1-5 uk-padding-left"></helper>


  		




  30
  
  
    
            <div class="uk-width-2-3@m uk-with-1-1@s">


  		




  31
  
  
    
              <search-result  [results]="results"


  		




  32
  
  
    
                              [status]=searchUtils.status


  		




  33
  
  
    
                              [type]="entityType" [urlParam]="urlParam"


  		




  34
  
  
    
                              [showLoading]="true">


  		




  35
  
  
    
              </search-result>


  		




  
  25
  
    
            <helper class="helper-left-right uk-visible@m" position="left"></helper>


  		




  
  26
  
    
            <div class="uk-width-expand@m uk-with-1-1@s">


  		




  
  27
  
    
              <div  class="uk-align-center uk-margin-remove-bottom">


  		




  
  28
  
    
                <search-paging [type]="type" [loadPaging]="loadPaging" [oldTotalResults]="oldTotalResults" [(searchUtils)] = "searchUtils"  [(results)] = "results" [(baseUrl)] = "searchUtils.baseUrl"  [(parameterNames)] = "parameterNames" [(parameterValues)] = "parameterValues"   ></search-paging>


  		




  
  29
  
    
              </div>


  		




  
  30
  
    

  		




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


  		




  
  32
  
    

  		




  
  33
  
    
              <div class="uk-margin-top">


  		




  
  34
  
    
                <search-result  [results]="results"


  		




  
  35
  
    
                                [status]=searchUtils.status


  		




  
  36
  
    
                                [type]="entityType" [urlParam]="urlParam"


  		




  
  37
  
    
                                [showLoading]="true">


  		




  
  38
  
    
                </search-result>


  		




  
  39
  
    
              </div>


  		




  
  40
  
    
              <div  class="uk-align-center uk-margin-remove-bottom">


  		




  
  41
  
    
                <search-paging [type]="type" [loadPaging]="loadPaging" [oldTotalResults]="oldTotalResults" [(searchUtils)] = "searchUtils"  [(results)] = "results" [(baseUrl)] = "searchUtils.baseUrl"  [(parameterNames)] = "parameterNames" [(parameterValues)] = "parameterValues"   ></search-paging>


  		




  
  42
  
    
              </div>


  		




  
  43
  
    

  		




  
  44
  
    
              <helper class="uk-hidden@m" position="left" styleName="uk-width-1-1@s"></helper>


  		




  
  45
  
    
              <helper class="uk-hidden@m" position="right" styleName="uk-width-1-1@s"></helper>


  		




  36
  46
  
    
            </div>


  		




  37
  
  
    
            <div class="uk-width-1-6@m uk-visible@m">


  		




  
  47
  
    
            <div *ngIf="searchUtils.totalResults <= 10000" class="uk-visible@m helper-left-right">


  		




  38
  48
  
    
              <search-download [type]="csvPath" [csvParams]="csvParams" [totalResults]="searchUtils.totalResults" ></search-download>


  		




  39
  
  
    
              <helper position="right" styleName=" uk-width-1-5"></helper>


  		




  
  49
  
    
              <helper position="right"></helper>


  		




  40
  50
  
    
            </div>


  		




  41
  
  
    
            <helper class="uk-width-1-1@s uk-hidden@m" position="right" styleName=" uk-width-1-5"></helper>


  		




  
  51
  
    
            <helper *ngIf="searchUtils.totalResults > 10000" class="helper-left-right uk-visible@m" position="right"></helper>


  		




  42
  52
  
    
          </div>


  		




  43
  
  
    
          <div  class="uk-width-2-3@m uk-width-1-1@s uk-align-center uk-margin-remove-bottom">


  		




  44
  
  
    
            <search-paging [type]="type" [loadPaging]="loadPaging" [oldTotalResults]="oldTotalResults" [(searchUtils)] = "searchUtils"  [(results)] = "results" [(baseUrl)] = "searchUtils.baseUrl"  [(parameterNames)] = "parameterNames" [(parameterValues)] = "parameterValues"   ></search-paging>


  		




  45
  
  
    
          </div>


  		




  
  53
  
    

  		




  46
  54
  
    
          <div class="uk-width-1-1">


  		




  47
  55
  
    
            <helper position="bottom"></helper>


  		




  48
  56
  
    
          </div>


  		












  

    
      modules/uoa-services-portal/trunk/portal-2/src/assets/discover-custom.css
    
  





  89
  89
  
    
.searchPaging {


  		




  90
  90
  
    
  min-height: 46px;


  		




  91
  91
  
    
}


  		




  
  92
  
    
.helper-left-right {


  		




  
  93
  
    
  margin-top: 75px;


  		




  
  94
  
    
  max-width: 20%;


  		




  
  95
  
    
}


  		




  92
  96
  
    

  		




  93
  97
  
    
@media (min-width: 960px) {


  		




  94
  98
  
    
    .float-children-right-at-medium > * {


  		




  ......




  499
  503
  
    

  		




  500
  504
  
    
.tm-toolbar .uk-subnav-line li:hover {display: block;} // remove the others


  		




  501
  505
  
    

  		




  502
  
  
    
.helper-grid > * {


  		




  
  506
  
    
.helper-grid>*{


  		




  503
  507
  
    
    padding-left: 0px !important;


  		




  504
  508
  
    
}


  		












Also available in:  Unified diff