From c50e6c224d8c99f1912264ad239dbcfab7442022 Mon Sep 17 00:00:00 2001
From: Marie Verdonck <maria.verdonck@atmire.com>
Date: Thu, 17 Mar 2022 14:35:28 +0100
Subject: [PATCH] 88300: Fix next button tooltip

---
 src/app/shared/browse-by/browse-by.component.html | 2 +-
 src/app/shared/browse-by/browse-by.component.ts   | 8 +++++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/app/shared/browse-by/browse-by.component.html b/src/app/shared/browse-by/browse-by.component.html
index 4837c92db8..44cb7bdde8 100644
--- a/src/app/shared/browse-by/browse-by.component.html
+++ b/src/app/shared/browse-by/browse-by.component.html
@@ -35,7 +35,7 @@
       <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> {{'browse.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">
-                    <span [ngbTooltip]="objects?.payload?.currentPage >= objects?.payload?.totalPages ? 'browse.next.button.disabled.tooltip': null">
+                    <span [ngbTooltip]="objects?.payload?.currentPage >= objects?.payload?.totalPages ? getTranslation('browse.next.button.disabled.tooltip') : null">
             <i class="fas fa-angle-right"></i> {{'browse.next.button' |translate}}
                     </span>
           </button>
diff --git a/src/app/shared/browse-by/browse-by.component.ts b/src/app/shared/browse-by/browse-by.component.ts
index 9f4350402a..7def0c087c 100644
--- a/src/app/shared/browse-by/browse-by.component.ts
+++ b/src/app/shared/browse-by/browse-by.component.ts
@@ -11,6 +11,8 @@ import { PaginationService } from '../../core/pagination/pagination.service';
 import { RouteService } from '../../core/services/route.service';
 import { map } from 'rxjs/operators';
 import { hasValue } from '../empty.util';
+import { Location } from '@angular/common';
+import { TranslateService } from '@ngx-translate/core';
 
 @Component({
   selector: 'ds-browse-by',
@@ -107,7 +109,8 @@ export class BrowseByComponent implements OnInit {
 
   public constructor(private injector: Injector,
                      protected paginationService: PaginationService,
-                     private routeService: RouteService
+                     private routeService: RouteService,
+                     protected translate: TranslateService
   ) {
 
   }
@@ -164,7 +167,10 @@ export class BrowseByComponent implements OnInit {
     this.shouldDisplayResetButton$ = observableCombineLatest([startsWith$, value$]).pipe(
       map(([startsWith, value]) => hasValue(startsWith) || hasValue(value))
     );
+  }
 
+  getTranslation(key: string): Observable<string> {
+    return this.translate.instant(key);
   }
 
 }