All files / app/component/page-controls page-controls.component.html

71.42% Statements 60/84
52% Branches 13/25
0% Functions 0/3
82.6% Lines 38/46

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 645x 19x 5x 3x 1x   3x 3x 5x 1x 3x 1x     3x 5x 1x     1x   3x 3x   5x 1x 3x 1x   3x 3x 5x       5x 19x 19x     19x 95x   5x   19x 5x   5x                 5x 19x 5x 3x 1x    
<div class="controls">
  @if (page) {
    <label i18n-title title="pages: {{ page.page.totalPages }}, results: {{ page.page.totalElements }}" i18n>more results: </label>
    @if (hasQuery) {
      <a class="first-page"
         routerLink="./"
         [class.disabled]="page.page.number === 0"
         [queryParams]="{ pageNumber: store.view.defaultPageNumber ? 0 : null }"
         queryParamsHandling="merge" i18n>first</a>
      <span> | </span>
      @if (showPrev) {
        <a class="prev-page"
           routerLink="./"
           routerLinkActive="disabled"
           [queryParams]="{ pageNumber: prev }"
           queryParamsHandling="merge" i18n>prev</a>
        <span> | </span>
      }
    }
    <a class="next-page"
       routerLink="./"
       [class.disabled]="page.page.number === page.page.totalPages - 1"
       [queryParams]="{ pageNumber: next }"
       (click)="scrollUp()"
       queryParamsHandling="merge" i18n>next</a>
    <span> | </span>
    @if (showPageLast) {
      <a class="last-page"
         routerLink="./"
         [class.disabled]="page.page.number === page.page.totalPages - 1"
         [queryParams]="{ pageNumber: last }"
         queryParamsHandling="merge" i18n>last</a>
    }
  }
 
  <label for="pageSize" i18n> size: </label>
  <select id="pageSize" [(ngModel)]="pageSize">
    @if (outOfPageSizeRange(store.view.pageSize)) {
      <option [value]="store.view.pageSize">{{ store.view.pageSize }}</option>
    }
    @for (size of pageSizes; track size) {
      <option [value]="size">{{ size }}</option>
    }
  </select>
 
  @if (!hideCols && (cols || colsChanged)) {
    <label for="cols" i18n> cols: </label>
    <select id="cols" [(ngModel)]="cols">
      <option [value]="0" i18n>default</option>
      @if (outOfColSizeRange(store.view.cols || 1)) {
        <option [value]="store.view.cols">{{ store.view.cols }}</option>
      }
      @for (size of colSizes; track size) {
        <option [value]="size">{{ size }}</option>
      }
    </select>
  }
</div>
@if (page) {
  <div class="print-view" i18n>
    Page {{ page.page.number + 1 }} of {{ page.page.totalPages }} (size: {{ page.page.size }})
  </div>
}