inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-05-26 17:24:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ACA-3426] Add translate pipe to search-header tooltip (#5804)

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

* [ACA-3426] Get tooltip translation from member

* [ACA-3426] Refactor template
This commit is contained in:
Baptiste Mahé 2020-06-22 23:22:39 +02:00 committed by GitHub
parent 9a156fa4fe
commit 1daffc050c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 12 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
lib/content-services/src/lib/i18n/en.json
View File

@ -287,6 +287,7 @@
}, },
"SEARCH_HEADER" : { "SEARCH_HEADER" : {
"TITLE":"Filter", "TITLE":"Filter",
"TYPE": "Type",
"FILTER_BY": "Filter by {{ category }}", "FILTER_BY": "Filter by {{ category }}",
"CLEAR": "Clear", "CLEAR": "Clear",
"APPLY": "Apply" "APPLY": "Apply"

2
lib/content-services/src/lib/search/components/search-header/search-header.component.html
View File

@ -5,7 +5,7 @@
#menuTrigger="matMenuTrigger" #menuTrigger="matMenuTrigger"
(click)="onMenuButtonClick($event)" (click)="onMenuButtonClick($event)"
class="adf-filter-button" class="adf-filter-button"
matTooltip="{{ 'SEARCH.SEARCH_HEADER.FILTER_BY' | translate: { category: col.title || 'Type' } }}"> [matTooltip]="getTooltipTranslation(col?.title)">
<adf-icon value="adf:filter" <adf-icon value="adf:filter"
[ngClass]="{ 'adf-icon-active': isActive || menuTrigger.menuOpen }" [ngClass]="{ 'adf-icon-active': isActive || menuTrigger.menuOpen }"
matBadge="filter" matBadge="filter"

12
lib/content-services/src/lib/search/components/search-header/search-header.component.ts
View File

@ -16,7 +16,7 @@
*/ */
import { Component, Input, Output, OnInit, OnChanges, EventEmitter, SimpleChanges, ViewEncapsulation, ViewChild, Inject, OnDestroy } from '@angular/core'; 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 { SearchWidgetContainerComponent } from '../search-widget-container/search-widget-container.component';
import { SearchHeaderQueryBuilderService } from '../../search-header-query-builder.service'; import { SearchHeaderQueryBuilderService } from '../../search-header-query-builder.service';
import { NodePaging } from '@alfresco/js-api'; import { NodePaging } from '@alfresco/js-api';
@ -67,7 +67,8 @@ export class SearchHeaderComponent implements OnInit, OnChanges, OnDestroy {
private onDestroy$ = new Subject<boolean>(); 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(); this.isFilterServiceActive = this.searchHeaderQueryBuilder.isFilterServiceActive();
} }
@ -141,4 +142,11 @@ export class SearchHeaderComponent implements OnInit, OnChanges, OnDestroy {
this.searchHeaderQueryBuilder.execute(); 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)});
}
} }