base-task-list-cloud.component.html

<div *ngIf="!rows">{{ 'ADF_CLOUD_TASK_LIST.FILTERS.MESSAGES.NONE' | translate }}</div>
<ng-container *ngIf="rows">
        <adf-datatable
            [rows]="rows"
            [columns]="columns"
            [loading]="isLoading"
            [sorting]="formattedSorting"
            [multiselect]="multiselect"
            [selectionMode]="selectionMode"
            [stickyHeader]="stickyHeader"
            [actions]="showActions"
            [actionsPosition]="actionsPosition"
            [contextMenu]="showContextMenu"
            [resolverFn]="boundReplacePriorityValues"
            [showMainDatatableActions]="showMainDatatableActions"
            (showRowActionsMenu)="onShowRowActionsMenu($event)"
            (showRowContextMenu)="onShowRowContextMenu($event)"
            (executeRowAction)="onExecuteRowAction($event)"
            (row-select)="onRowSelect($any($event))"
            (row-unselect)="onRowUnselect($any($event))"
            (rowClick)="onRowClick($any($event))"
            (row-keyup)="onRowKeyUp($any($event))"
            (sorting-changed)="onSortingChanged($any($event))"
            (columnOrderChanged)="onColumnOrderChanged($event)">
            <adf-loading-content-template>
                <ng-template>
                    <!-- Add your custom loading template here -->
                    <mat-progress-spinner class="adf-cloud-task-list-loading-margin"
                                          [color]="'primary'"
                                          [mode]="'indeterminate'">
                    </mat-progress-spinner>
                </ng-template>
            </adf-loading-content-template>
            <adf-no-content-template>
                <ng-template>
                    <adf-empty-content *ngIf="!emptyCustomContent"
                                       icon="assignment"
                                       [title]="'ADF_CLOUD_TASK_LIST.LIST.MESSAGES.TITLE' | translate"
                                       [subtitle]="'ADF_CLOUD_TASK_LIST.LIST.MESSAGES.SUBTITLE' | translate">
                    </adf-empty-content>
                    <ng-content select="adf-custom-empty-content-template"></ng-content>
                </ng-template>
            </adf-no-content-template>

            <adf-main-menu-datatable-template>
                <ng-template let-mainMenuTrigger>
                    <adf-datatable-column-selector
                        [columns]="columns"
                        [mainMenuTrigger]="mainMenuTrigger"
                        (submitColumnsVisibility)="onColumnsVisibilityChange($event)">
                    </adf-datatable-column-selector>
                </ng-template>
            </adf-main-menu-datatable-template>
        </adf-datatable>
</ng-container>