[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
Alfresco · Jun 22, 2020 · 1daffc0 · 1daffc0
1 parent 9a156fa
commit 1daffc0
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 3 deletions.
diff --git 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
@@ -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
@@ -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)});
+    }
 }