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

RED-6959: Added selected items count to table header

Browse Source
This commit is contained in:
Adina Țeudan 2024-05-22 14:37:08 +03:00
parent 4811d301e6
commit e8f5bc8f2c
1 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,15 +1,18 @@
<div [class.selection-enabled]="selectionEnabled" class="header-item">
<div [attr.help-mode-key]="helpModeKey" class="header-title">
<iqser-round-checkbox
id="select-all-entities-toggle"
(click)="listingService.selectAll()"
*ngIf="selectionEnabled"
[active]="listingService.areAllSelected$ | async"
[indeterminate]="listingService.notAllSelected$ | async"
id="select-all-entities-toggle"
></iqser-round-checkbox>
<span class="all-caps-label">
{{ tableHeaderLabel | translate: { length: totalSize || (listingService.displayedLength$ | async) } }}
<span *ngIf="listingService.selectedLength$ | async as selectedItems">
({{ 'table-header.selected-count' | translate: { count: selectedItems } }})
</span>
</span>
</div>
@ -33,12 +36,12 @@
<iqser-table-column-name
*ngFor="let config of tableColumnConfigs"
[class]="config.class"
[id]="config.id"
[label]="config.notTranslatable ? config.label : (config.label | translate)"
[leftIcon]="config.leftIcon"
[rightIconTooltip]="config.rightIconTooltip"
[rightIcon]="config.rightIcon"
[sortByKey]="config.sortByKey"
[id]="config.id"
></iqser-table-column-name>
<div *ngIf="hasEmptyColumn"></div>