[ADF-5543] Enable lint accessibility and resolve found issues (#9421)

This commit is contained in:
tomson
2024-04-17 09:36:40 +02:00
committed by GitHub
parent eaad09b06d
commit 74ef7eed1a
61 changed files with 1162 additions and 1054 deletions

View File

@@ -35,6 +35,9 @@
<div class="adf-tree-cell">
<span
class="adf-tree-cell-value"
tabindex="0"
role="button"
(keyup.enter)="loadMoreSubnodes(node)"
(click)="loadMoreSubnodes(node)">
{{ 'ADF-TREE.LOAD-MORE-BUTTON' | translate: { name: loadMoreSuffix } }}
</span>
@@ -50,8 +53,8 @@
(contextmenu)="contextMenuSource = node">
<div class="adf-tree-expand-collapse-container">
<button *ngIf="node.hasChildren"
class="adf-tree-expand-collapse-button"
mat-icon-button>
class="adf-tree-expand-collapse-button"
mat-icon-button>
<mat-progress-spinner
color="primary"
mode="indeterminate"
@@ -68,12 +71,12 @@
</div>
<ng-container *ngIf="selectableNodes">
<mat-checkbox *ngIf="node.hasChildren; else noChildrenNodeCheckbox"
color="primary"
[id]="node.id"
[checked]="descendantsAllSelected(node)"
[indeterminate]="descendantsPartiallySelected(node)"
(change)="onNodeSelected(node)"
data-automation-id="has-children-node-checkbox">
color="primary"
[id]="node.id"
[checked]="descendantsAllSelected(node)"
[indeterminate]="descendantsPartiallySelected(node)"
(change)="onNodeSelected(node)"
data-automation-id="has-children-node-checkbox">
</mat-checkbox>
<ng-template #noChildrenNodeCheckbox>
<mat-checkbox
@@ -89,21 +92,24 @@
<span
class="adf-tree-cell-value"
[class.adf-tree-clickable-cell-value]="node.hasChildren"
tabindex="0"
role="button"
(keyup.enter)="expandCollapseNode(node)"
(click)="expandCollapseNode(node)">
{{ node.nodeName }}
</span>
</div>
<div class="adf-tree-actions">
<button mat-icon-button
[matMenuTriggerFor]="menu"
[attr.id]="'action_menu_right_' + node.id">
[matMenuTriggerFor]="menu"
[attr.id]="'action_menu_right_' + node.id">
<mat-icon>more_vert</mat-icon>
</button>
<mat-menu #menu="matMenu">
<ng-template
[ngTemplateOutlet]="nodeActionsMenuTemplate"
[ngTemplateOutletContext]="{ node: node }">
</ng-template>
</ng-template>
</mat-menu>
</div>
</mat-tree-node>