common-ui/src/lib/listing/table-header/table-header.component.html
2022-02-16 00:38:32 +02:00

44 lines
1.4 KiB
HTML

<div [class.selection-enabled]="selectionEnabled" class="header-item">
<iqser-round-checkbox
(click)="listingService.selectAll()"
*ngIf="selectionEnabled"
[active]="listingService.areAllSelected$ | async"
[indeterminate]="listingService.notAllSelected$ | async"
></iqser-round-checkbox>
<span class="all-caps-label">
{{ tableHeaderLabel | translate: { length: totalSize || (listingService.displayedLength$ | async) } }}
</span>
<ng-container [ngTemplateOutlet]="bulkActions"></ng-container>
<iqser-quick-filters *ngIf="quickFilters$ | async"></iqser-quick-filters>
<!-- Custom content-->
<ng-content></ng-content>
</div>
<div
*ngIf="listingMode === listingModes.table"
[class.no-data]="entitiesService.noData$ | async"
[class.selection-enabled]="selectionEnabled"
class="table-header"
iqserSyncWidth="table-item"
>
<div *ngIf="selectionEnabled" class="select-oval-placeholder"></div>
<iqser-table-column-name
*ngFor="let config of tableColumnConfigs"
[class]="config.class"
[label]="config.notTranslatable ? config.label : (config.label | translate)"
[leftIcon]="config.leftIcon"
[rightIconTooltip]="config.rightIconTooltip"
[rightIcon]="config.rightIcon"
[sortByKey]="config.sortByKey"
></iqser-table-column-name>
<div *ngIf="hasEmptyColumn"></div>
<div class="scrollbar-placeholder"></div>
</div>