From 1daffc050cfaa3f4c9b71c333699c14b5659b41c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Baptiste=20Mah=C3=A9?= <mahe.baptiste.19@gmail.com>
Date: Mon, 22 Jun 2020 23:22:39 +0200
Subject: [PATCH] [ACA-3426] Add translate pipe to search-header tooltip
 (#5804)

* [ACA-3426] Add translate pipe to search-header tooltip

* [ACA-3426] Get tooltip translation from member

* [ACA-3426] Refactor template
---
 lib/content-services/src/lib/i18n/en.json            |  1 +
 .../search-header/search-header.component.html       |  2 +-
 .../search-header/search-header.component.ts         | 12 ++++++++++--
 3 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/lib/content-services/src/lib/i18n/en.json b/lib/content-services/src/lib/i18n/en.json
index 35779dd621..55ee363603 100644
--- a/lib/content-services/src/lib/i18n/en.json
+++ b/lib/content-services/src/lib/i18n/en.json
@@ -287,6 +287,7 @@
     },
     "SEARCH_HEADER" : {
       "TITLE":"Filter",
+      "TYPE": "Type",
       "FILTER_BY": "Filter by {{ category }}",
       "CLEAR": "Clear",
       "APPLY": "Apply"
diff --git a/lib/content-services/src/lib/search/components/search-header/search-header.component.html b/lib/content-services/src/lib/search/components/search-header/search-header.component.html
index 6cccc09ab4..b744cb56d6 100644
--- a/lib/content-services/src/lib/search/components/search-header/search-header.component.html
+++ b/lib/content-services/src/lib/search/components/search-header/search-header.component.html
@@ -5,7 +5,7 @@
             #menuTrigger="matMenuTrigger"
             (click)="onMenuButtonClick($event)"
             class="adf-filter-button"
-            matTooltip="{{ 'SEARCH.SEARCH_HEADER.FILTER_BY' | translate: { category: col.title || 'Type' } }}">
+            [matTooltip]="getTooltipTranslation(col?.title)">
             <adf-icon value="adf:filter"
                 [ngClass]="{ 'adf-icon-active': isActive || menuTrigger.menuOpen }"
                 matBadge="filter"
diff --git a/lib/content-services/src/lib/search/components/search-header/search-header.component.ts b/lib/content-services/src/lib/search/components/search-header/search-header.component.ts
index 5f8e0ef85b..3d6920d412 100644
--- a/lib/content-services/src/lib/search/components/search-header/search-header.component.ts
+++ b/lib/content-services/src/lib/search/components/search-header/search-header.component.ts
@@ -16,7 +16,7 @@
  */
 
 import { Component, Input, Output, OnInit, OnChanges, EventEmitter, SimpleChanges, ViewEncapsulation, ViewChild, Inject, OnDestroy } from '@angular/core';
-import { DataColumn } from '@alfresco/adf-core';
+import { DataColumn, TranslationService } from '@alfresco/adf-core';
 import { SearchWidgetContainerComponent } from '../search-widget-container/search-widget-container.component';
 import { SearchHeaderQueryBuilderService } from '../../search-header-query-builder.service';
 import { NodePaging } from '@alfresco/js-api';
@@ -67,7 +67,8 @@ export class SearchHeaderComponent implements OnInit, OnChanges, OnDestroy {
 
     private onDestroy$ = new Subject<boolean>();
 
-    constructor(@Inject(SEARCH_QUERY_SERVICE_TOKEN) private searchHeaderQueryBuilder: SearchHeaderQueryBuilderService) {
+    constructor(@Inject(SEARCH_QUERY_SERVICE_TOKEN) private searchHeaderQueryBuilder: SearchHeaderQueryBuilderService,
+                private translationService: TranslationService) {
         this.isFilterServiceActive = this.searchHeaderQueryBuilder.isFilterServiceActive();
     }
 
@@ -141,4 +142,11 @@ export class SearchHeaderComponent implements OnInit, OnChanges, OnDestroy {
             this.searchHeaderQueryBuilder.execute();
         }
     }
+
+    getTooltipTranslation(columnTitle: string): string {
+        if (!columnTitle) {
+            columnTitle = 'SEARCH.SEARCH_HEADER.TYPE';
+        }
+        return this.translationService.instant('SEARCH.SEARCH_HEADER.FILTER_BY', {category: this.translationService.instant(columnTitle)});
+    }
 }