From 2ce744280bf768cf38a27c7c95569cf66b7f58e0 Mon Sep 17 00:00:00 2001
From: Giuseppe Digilio <giuseppe.digilio@4science.it>
Date: Thu, 31 Mar 2022 19:00:44 +0200
Subject: [PATCH] [CST-5449] Fix issue with double result list in the browse
 page

---
 .../pagination/pagination.component.html      | 27 ++++++++++---------
 1 file changed, 14 insertions(+), 13 deletions(-)

diff --git a/src/app/shared/pagination/pagination.component.html b/src/app/shared/pagination/pagination.component.html
index d39dafa082..9f894c48d9 100644
--- a/src/app/shared/pagination/pagination.component.html
+++ b/src/app/shared/pagination/pagination.component.html
@@ -20,8 +20,8 @@
   </div>
   <ng-content></ng-content>
 
-  <div *ngIf="shouldShowBottomPager | async" class="pagination justify-content-center clearfix bottom">
-    <div *ngIf="showPaginator">
+  <div *ngIf="shouldShowBottomPager | async">
+    <div *ngIf="showPaginator" class="pagination justify-content-center clearfix bottom">
       <ngb-pagination [boundaryLinks]="paginationOptions.boundaryLinks"
                       [collectionSize]="collectionSize"
                       [disabled]="paginationOptions.disabled"
@@ -34,17 +34,18 @@
                       [size]="(isXs)?'sm':paginationOptions.size">
       </ngb-pagination>
     </div>
-    
-    <div *ngIf="!showPaginator">     
-      <ul class="list-unstyled">
-        <li *ngFor="let object of objects?.payload?.page" class="mt-4 mb-4">
-          <ds-listable-object-component-loader [object]="object" [viewMode]="viewMode"></ds-listable-object-component-loader>
-        </li>
-      </ul>
-      <div>
-        <button id="nav-prev" type="button" class="btn btn-outline-primary float-left" (click)="goPrev()" [disabled]="objects?.payload?.currentPage <= 1"><i class="fas fa-angle-left"></i> {{'pagination.previous.button' |translate}}</button>
-        <button id="nav-next" type="button" class="btn btn-outline-primary float-right" (click)="goNext()" [disabled]="objects?.payload?.currentPage >= objects?.payload?.totalPages"><i class="fas fa-angle-right"></i> {{'pagination.next.button' |translate}}</button>       
-      </div>
+
+    <div *ngIf="!showPaginator" class="d-flex justify-content-between">
+        <button id="nav-prev" type="button" class="btn btn-outline-primary float-left"
+                (click)="goPrev()"
+                [disabled]="objects?.payload?.currentPage <= 1">
+          <i class="fas fa-angle-left"></i> {{'pagination.previous.button' |translate}}
+        </button>
+        <button id="nav-next" type="button" class="btn btn-outline-primary float-right"
+                (click)="goNext()"
+                [disabled]="objects?.payload?.currentPage >= objects?.payload?.totalPages">
+          <i class="fas fa-angle-right"></i> {{'pagination.next.button' |translate}}
+        </button>
     </div>
   </div>
 </div>