Marmelator/common-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

RED-4649 - added help mode to table header label

Browse Source
This commit is contained in:
Valentin Mihai 2022-07-29 14:06:04 +03:00
parent ef1c9be504
commit ee7bba3d72
3 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/lib/listing/table-header/table-header.component.html
View File

@ -6,7 +6,7 @@
[indeterminate]="listingService.notAllSelected$ | async" [indeterminate]="listingService.notAllSelected$ | async"
></iqser-round-checkbox> ></iqser-round-checkbox>
<span class="all-caps-label"> <span class="all-caps-label" [iqserHelpMode]="helpModeKey">
{{ tableHeaderLabel | translate: { length: totalSize || (listingService.displayedLength$ | async) } }} {{ tableHeaderLabel | translate: { length: totalSize || (listingService.displayedLength$ | async) } }}
</span> </span>

1
src/lib/listing/table-header/table-header.component.ts
View File

@ -21,6 +21,7 @@ export class TableHeaderComponent<T extends IListable<PrimaryKey>, PrimaryKey ex
@Input() listingMode: ListingMode = ListingModes.table; @Input() listingMode: ListingMode = ListingModes.table;
@Input() totalSize?: number; @Input() totalSize?: number;
@Input() bulkActions?: TemplateRef<unknown>; @Input() bulkActions?: TemplateRef<unknown>;
@Input() helpModeKey?: string;
readonly quickFilters$ = this.filterService.getFilterModels$('quickFilters'); readonly quickFilters$ = this.filterService.getFilterModels$('quickFilters');

2
src/lib/listing/table/table.component.html
View File

@ -5,7 +5,7 @@
[selectionEnabled]="selectionEnabled" [selectionEnabled]="selectionEnabled"
[tableColumnConfigs]="tableColumnConfigs" [tableColumnConfigs]="tableColumnConfigs"
[tableHeaderLabel]="tableHeaderLabel" [tableHeaderLabel]="tableHeaderLabel"
[iqserHelpMode]="headerHelpModeKey" [helpModeKey]="headerHelpModeKey"
[totalSize]="totalSize" [totalSize]="totalSize"
> >
<ng-container *ngTemplateOutlet="headerTemplate"></ng-container> <ng-container *ngTemplateOutlet="headerTemplate"></ng-container>