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

69.31% Statements 61/88
52% Branches 13/25
0% Functions 0/4
82.97% Lines 39/47

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 64 6512x 28x 16x 16x 8x   16x 16x 12x 8x 16x 8x     16x   12x 8x     8x   16x 16x 8x 12x 8x 16x 8x   16x 16x 12x       12x 28x 28x     28x 140x   12x   28x 12x   12x                 12x 28x 12x 16x 8x    
<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 }"
           (click)="cursorPage(prev, $event)"
           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)="cursorPage(next, $event); 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>
}