inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-10-01 14:41:32 +00:00
Code Issues Packages Projects Releases Wiki Activity

added indeterminate state for the 'select all' checkbox + unit test. (#5590)

Browse Source
This commit is contained in:
Urse Daniel
2020-04-06 15:01:03 +03:00
committed by GitHub
parent 6d406d8a7d
commit 4f8aa8d4be
3 changed files with 51 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
lib/core/datatable/components/datatable/datatable.component.ts
View File

@@ -178,6 +178,7 @@ export class DataTableComponent implements AfterContentInit, OnChanges, DoCheck,
noPermissionTemplate: TemplateRef<any>;
loadingTemplate: TemplateRef<any>;
isSelectAllIndeterminate: boolean = false;
isSelectAllChecked: boolean = false;
selection = new Array<DataRow>();
@@ -529,6 +530,7 @@ export class DataTableComponent implements AfterContentInit, OnChanges, DoCheck,
onSelectAllClick(matCheckboxChange: MatCheckboxChange) {
this.isSelectAllChecked = matCheckboxChange.checked;
this.isSelectAllIndeterminate = false;
if (this.multiselect) {
const rows = this.data.getRows();
@@ -552,6 +554,29 @@ export class DataTableComponent implements AfterContentInit, OnChanges, DoCheck,
const domEventName = newValue ? 'row-select' : 'row-unselect';
this.emitRowSelectionEvent(domEventName, row);
this.checkSelectAllCheckboxState();
}
checkSelectAllCheckboxState() {
if (this.multiselect) {
let numberOfSelectedRows: number = 0;
const rows = this.data.getRows();
rows.forEach((row) => {
if (row.isSelected) {
numberOfSelectedRows++;
}
});
if (numberOfSelectedRows === rows.length) {
this.isSelectAllChecked = true;
this.isSelectAllIndeterminate = false;
} else if (numberOfSelectedRows > 0 && numberOfSelectedRows < rows.length) {
this.isSelectAllChecked = false;
this.isSelectAllIndeterminate = true;
} else {
this.isSelectAllChecked = false;
this.isSelectAllIndeterminate = false;
}
}
}
onImageLoadingError(event: Event, row: DataRow) {