From 1ee81c2181b3778ec3eb1bc2bc35aab82dd2c615 Mon Sep 17 00:00:00 2001
From: Alex Martzios <alexandros.martzios@gmail.com>
Date: Fri, 20 May 2022 13:12:50 +0300
Subject: [PATCH] paging: show less pages in smaller screens

---
 utils/pagingFormatter.component.ts       | 4 ++--
 utils/pagingFormatterNoLoad.component.ts | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/utils/pagingFormatter.component.ts b/utils/pagingFormatter.component.ts
index c9982898..f3466816 100644
--- a/utils/pagingFormatter.component.ts
+++ b/utils/pagingFormatter.component.ts
@@ -27,10 +27,10 @@ import {properties} from "../../../environments/environment";
       <li *ngIf=" currentPage +2 <= getTotalPages() "><a
           [queryParams]="routerHelper.createQueryParamsPaging(parameterNames,parameterValues,'page',(currentPage +2))"
           [routerLink]=baseUrl>{{(currentPage + 2) | number}}</a></li>
-      <li *ngIf=" (currentPage -2 <= 0)&&(currentPage +3 <= getTotalPages()) "><a
+      <li *ngIf=" (currentPage -2 <= 0)&&(currentPage +3 <= getTotalPages()) " class="uk-visible@l"><a
           [queryParams]="routerHelper.createQueryParamsPaging(parameterNames,parameterValues,'page',(currentPage +3))"
           [routerLink]=baseUrl>{{(currentPage + 3) | number}}</a></li>
-      <li *ngIf=" (currentPage -1 <= 0)&&(currentPage +4 <= getTotalPages()) "><a
+      <li *ngIf=" (currentPage -1 <= 0)&&(currentPage +4 <= getTotalPages()) " class="uk-visible@l"><a
           [queryParams]="routerHelper.createQueryParamsPaging(parameterNames,parameterValues,'page',(currentPage +4))"
           [routerLink]=baseUrl>{{(currentPage + 4) | number}}</a></li>
       <li [class.uk-invisible]="getTotalPages() <= currentPage">
diff --git a/utils/pagingFormatterNoLoad.component.ts b/utils/pagingFormatterNoLoad.component.ts
index 938f6ef9..51e0e961 100644
--- a/utils/pagingFormatterNoLoad.component.ts
+++ b/utils/pagingFormatterNoLoad.component.ts
@@ -18,8 +18,8 @@ import {properties} from "../../../environments/environment";
    <li class="uk-active"><span >{{currentPage | number}}</span></li>
    <li *ngIf=" currentPage +1 <= getTotalPages() "><a (click)="onPage((currentPage +1))">{{(currentPage +1) | number}}</a></li>
    <li *ngIf=" currentPage +2 <= getTotalPages() "><a (click)="onPage((currentPage +2))">{{(currentPage +2) | number}}</a></li>
-   <li *ngIf=" (currentPage -2 <= 0)&&(currentPage +3 <= getTotalPages()) "><a (click)="onPage((currentPage +3))">{{(currentPage +3) | number}}</a></li>
-   <li *ngIf=" (currentPage -1 <= 0)&&(currentPage +4 <= getTotalPages()) "><a (click)="onPage((currentPage +4))">{{(currentPage +4) | number}}</a></li>
+   <li *ngIf=" (currentPage -2 <= 0)&&(currentPage +3 <= getTotalPages()) " class="uk-visible@l"><a (click)="onPage((currentPage +3))">{{(currentPage +3) | number}}</a></li>
+   <li *ngIf=" (currentPage -1 <= 0)&&(currentPage +4 <= getTotalPages()) " class="uk-visible@l"><a (click)="onPage((currentPage +4))">{{(currentPage +4) | number}}</a></li>
    <li [class.uk-invisible]="getTotalPages() <= currentPage">
      <a (click)="onPage(currentPage +1)" aria-label="Next">
        <span class="uk-icon">