Asymmetrik/ngx-starter

View on GitHub
src/app/common/table/actions-menu-column/actions-menu-column.component.html

Summary

Maintainability
Test Coverage
<ng-container cdkColumnDef="actionsMenu" [sticky]="sticky()" [stickyEnd]="stickyEnd()">
    <th cdk-header-cell *cdkHeaderCellDef></th>
    <td cdk-cell *cdkCellDef="let item; let index = index">
        @if (!hideMenu()) {
            <button
                class="btn btn-text dropdown-toggle dropdown-toggle-hide-caret shadow-none py-0 ps-3"
                type="button"
                [attr.aria-controls]="getMenuId(index)"
                [cdkMenuTriggerData]="{
                    item,
                    index,
                    triggerId: getTriggerId(index),
                    menuId: getMenuId(index)
                }"
                [cdkMenuTriggerFor]="template()"
                [id]="getTriggerId(index)"
            >
                <span class="fa-solid fa-lg fa-ellipsis-v"></span>
            </button>
        }
    </td>
</ng-container>