inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-05-26 17:24:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ADF-3860] - change datatable to be recognized as a table

Browse Source
This commit is contained in:
Silviu Popa 2019-01-14 17:54:18 +02:00
parent baf9204a04
commit 4c341c9822
1 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
lib/core/datatable/components/datatable/datatable.component.html
View File

@ -1,10 +1,11 @@
<div <div
role="table"
*ngIf="data" class="adf-full-width" *ngIf="data" class="adf-full-width"
[class.adf-data-table-card]="display === 'gallery'" [class.adf-data-table-card]="display === 'gallery'"
[class.adf-data-table]="display === 'list'" [class.adf-data-table]="display === 'list'"
[class.adf-data-table--empty]="isEmpty()"> [class.adf-data-table--empty]="isEmpty()">
<div *ngIf="isHeaderVisible()" class="adf-datatable-header"> <div *ngIf="isHeaderVisible()" class="adf-datatable-header" role="rowgroup">
<div class="adf-datatable-row" *ngIf="display === 'list'"> <div class="adf-datatable-row" *ngIf="display === 'list'" role="row">
<!-- Actions (left) --> <!-- Actions (left) -->
<div *ngIf="actions && actionsPosition === 'left'" class="adf-actions-column adf-datatable-table-cell-header"> <div *ngIf="actions && actionsPosition === 'left'" class="adf-actions-column adf-datatable-table-cell-header">
<span class="adf-sr-only">Actions</span> <span class="adf-sr-only">Actions</span>
@ -21,7 +22,7 @@
[class.adf-data-table__header--sorted-desc]="isColumnSorted(col, 'desc')" [class.adf-data-table__header--sorted-desc]="isColumnSorted(col, 'desc')"
(click)="onColumnHeaderClick(col)" (click)="onColumnHeaderClick(col)"
(keyup.enter)="onColumnHeaderClick(col)" (keyup.enter)="onColumnHeaderClick(col)"
role="button" role="columnheader"
tabindex="0" tabindex="0"
title="{{ col.title | translate }}"> title="{{ col.title | translate }}">
<span *ngIf="col.srTitle" class="adf-sr-only">{{ col.srTitle | translate }}</span> <span *ngIf="col.srTitle" class="adf-sr-only">{{ col.srTitle | translate }}</span>
@ -45,11 +46,11 @@
</mat-form-field> </mat-form-field>
</div> </div>
<div class="adf-datatable-body"> <div class="adf-datatable-body" role="rowgroup">
<ng-container *ngIf="!loading && !noPermission"> <ng-container *ngIf="!loading && !noPermission">
<div *ngFor="let row of data.getRows(); let idx = index" <div *ngFor="let row of data.getRows(); let idx = index"
class="adf-datatable-row" class="adf-datatable-row"
role="button" role="row"
[class.adf-is-selected]="row.isSelected" [class.adf-is-selected]="row.isSelected"
[adf-upload]="allowDropFiles && rowAllowsDrop(row)" [adf-upload-data]="row" [adf-upload]="allowDropFiles && rowAllowsDrop(row)" [adf-upload-data]="row"
[ngStyle]="rowStyle" [ngStyle]="rowStyle"
@ -58,6 +59,7 @@
<!-- Actions (left) --> <!-- Actions (left) -->
<div *ngIf="actions && actionsPosition === 'left'" class="adf-datatable-table-cell"> <div *ngIf="actions && actionsPosition === 'left'" class="adf-datatable-table-cell">
<button mat-icon-button [matMenuTriggerFor]="menu" <button mat-icon-button [matMenuTriggerFor]="menu"
role="cell"
[title]="'ADF-DATATABLE.CONTENT-ACTIONS.TOOLTIP' | translate" [title]="'ADF-DATATABLE.CONTENT-ACTIONS.TOOLTIP' | translate"
[attr.id]="'action_menu_left_' + idx" [attr.id]="'action_menu_left_' + idx"
[attr.data-automation-id]="'action_menu_' + idx"> [attr.data-automation-id]="'action_menu_' + idx">
@ -217,4 +219,4 @@
</div> </div>
</div> </div>
</div> </div>
</div> </div>