From 1a1209ec111c859bf392e28c944cbfa000eff5ad Mon Sep 17 00:00:00 2001 From: Aleksandar Kamenov Date: Mon, 20 Jul 2020 17:16:59 +0300 Subject: [PATCH 01/12] feat(grid): expose bool default template Closes #7224 --- projects/igniteui-angular/src/lib/grids/cell.component.html | 4 +++- .../src/lib/grids/grid/grid-row.component.html | 1 + .../src/lib/grids/tree-grid/tree-cell.component.html | 4 +++- 3 files changed, 7 insertions(+), 2 deletions(-) diff --git a/projects/igniteui-angular/src/lib/grids/cell.component.html b/projects/igniteui-angular/src/lib/grids/cell.component.html index 0aa8c34c8c0..e9a52a57075 100644 --- a/projects/igniteui-angular/src/lib/grids/cell.component.html +++ b/projects/igniteui-angular/src/lib/grids/cell.component.html @@ -6,7 +6,9 @@ [value]="formatter ? formatter(value) : column.dataType === 'number' ? (value | igxdecimal: grid.locale) : column.dataType === 'date' ? (value | igxdate: grid.locale) : value" [row]="rowData" [column]="this.column.field" [containerClass]="'igx-grid__td-text'" [metadata]="searchMetadata" class="igx-grid__td-text">{{ formatter ? formatter(value) : column.dataType === 'number' ? (value | igxdecimal: - grid.locale) : column.dataType === 'date' ? (value | igxdate: grid.locale) : value }} + grid.locale) : column.dataType === 'date' ? (value | igxdate: grid.locale) : column.dataType === 'boolean' ? "" : value }} + {{value ? 'check' : 'close'}} + diff --git a/projects/igniteui-angular/src/lib/grids/grid/grid-row.component.html b/projects/igniteui-angular/src/lib/grids/grid/grid-row.component.html index e100c6ffea0..d60f23b85e6 100644 --- a/projects/igniteui-angular/src/lib/grids/grid/grid-row.component.html +++ b/projects/igniteui-angular/src/lib/grids/grid/grid-row.component.html @@ -90,6 +90,7 @@ class="igx-grid__td igx-grid__td--fw" [class.igx-grid__td--pinned]="col.pinned" [class.igx-grid__td--number]="col.dataType === 'number'" + [class.igx-grid__td--bool]="col.dataType === 'boolean'" [ngClass]="col.cellClasses | igxCellStyleClasses:rowData[col.field]:rowData:col.field:viewIndex" [ngStyle]="col.cellStyles | igxCellStyles:rowData[col.field]:rowData:col.field:viewIndex" [editMode]="col.editable && crudService.isInEditMode(index, col.index)" diff --git a/projects/igniteui-angular/src/lib/grids/tree-grid/tree-cell.component.html b/projects/igniteui-angular/src/lib/grids/tree-grid/tree-cell.component.html index 5b66eb7b820..58762665a0f 100644 --- a/projects/igniteui-angular/src/lib/grids/tree-grid/tree-cell.component.html +++ b/projects/igniteui-angular/src/lib/grids/tree-grid/tree-cell.component.html @@ -6,7 +6,9 @@ [value]="formatter ? formatter(value) : column.dataType === 'number' ? (value | igxdecimal: grid.locale) : column.dataType === 'date' ? (value | igxdate: grid.locale) : value" [row]="rowData" [column]="this.column.field" [containerClass]="'igx-grid__td-text'" [metadata]="searchMetadata" class="igx-grid__td-text">{{ formatter ? formatter(value) : column.dataType === 'number' ? (value | igxdecimal: - grid.locale) : column.dataType === 'date' ? (value | igxdate: grid.locale) : value }} + grid.locale) : column.dataType === 'date' ? (value | igxdate: grid.locale) : column.dataType === 'boolean' ? "" : value }} + {{value ? 'check' : 'close'}} + From 60a4a66d05c0e6b711a12b8273b61edf72ffd606 Mon Sep 17 00:00:00 2001 From: Aleksandar Kamenov Date: Thu, 23 Jul 2020 11:17:55 +0300 Subject: [PATCH 02/12] feat(grid-cell): exposing default template tick class --- projects/igniteui-angular/src/lib/grids/cell.component.html | 2 +- .../src/lib/grids/tree-grid/tree-cell.component.html | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/projects/igniteui-angular/src/lib/grids/cell.component.html b/projects/igniteui-angular/src/lib/grids/cell.component.html index e9a52a57075..2f11461a59d 100644 --- a/projects/igniteui-angular/src/lib/grids/cell.component.html +++ b/projects/igniteui-angular/src/lib/grids/cell.component.html @@ -7,7 +7,7 @@ [row]="rowData" [column]="this.column.field" [containerClass]="'igx-grid__td-text'" [metadata]="searchMetadata" class="igx-grid__td-text">{{ formatter ? formatter(value) : column.dataType === 'number' ? (value | igxdecimal: grid.locale) : column.dataType === 'date' ? (value | igxdate: grid.locale) : column.dataType === 'boolean' ? "" : value }} - {{value ? 'check' : 'close'}} + {{value ? 'check' : 'close'}} diff --git a/projects/igniteui-angular/src/lib/grids/tree-grid/tree-cell.component.html b/projects/igniteui-angular/src/lib/grids/tree-grid/tree-cell.component.html index 58762665a0f..0c9ab757e5d 100644 --- a/projects/igniteui-angular/src/lib/grids/tree-grid/tree-cell.component.html +++ b/projects/igniteui-angular/src/lib/grids/tree-grid/tree-cell.component.html @@ -7,7 +7,7 @@ [row]="rowData" [column]="this.column.field" [containerClass]="'igx-grid__td-text'" [metadata]="searchMetadata" class="igx-grid__td-text">{{ formatter ? formatter(value) : column.dataType === 'number' ? (value | igxdecimal: grid.locale) : column.dataType === 'date' ? (value | igxdate: grid.locale) : column.dataType === 'boolean' ? "" : value }} - {{value ? 'check' : 'close'}} + {{value ? 'check' : 'close'}} From cc3eff9f98301ae6561079c9aefa81684433eadd Mon Sep 17 00:00:00 2001 From: didimmova Date: Thu, 23 Jul 2020 12:31:52 +0300 Subject: [PATCH 03/12] style(grid): add styles for boolean column --- .../components/grid/_grid-component.scss | 4 ++++ .../styles/components/grid/_grid-theme.scss | 19 +++++++++++++++++++ 2 files changed, 23 insertions(+) diff --git a/projects/igniteui-angular/src/lib/core/styles/components/grid/_grid-component.scss b/projects/igniteui-angular/src/lib/core/styles/components/grid/_grid-component.scss index 543dbf75fbb..606063843e6 100644 --- a/projects/igniteui-angular/src/lib/core/styles/components/grid/_grid-component.scss +++ b/projects/igniteui-angular/src/lib/core/styles/components/grid/_grid-component.scss @@ -325,6 +325,10 @@ @extend %grid-cell--cross-selected !optional; } + @include e(td, $m: bool) { + @extend %igx-grid__td--bool !optional; + } + @include e(tr, $mods: (selected, filtered)) { @extend %grid-row--selected--filtered !optional; } diff --git a/projects/igniteui-angular/src/lib/core/styles/components/grid/_grid-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/grid/_grid-theme.scss index 0a78a0042e7..5e5355ed5bc 100644 --- a/projects/igniteui-angular/src/lib/core/styles/components/grid/_grid-theme.scss +++ b/projects/igniteui-angular/src/lib/core/styles/components/grid/_grid-theme.scss @@ -1139,6 +1139,25 @@ bottom: 0; } + %igx-grid__td--bool { + .igx-grid__td-text { + height: rem(18px); + width: rem(18px); + margin: auto; + } + + igx-icon { + height: rem(18px); + width: rem(18px); + font-size: rem(18px); + color: igx-color($palette, 'grays', 500); + + &.igx-grid__td--bool-check { + color: igx-color($palette, 'grays', 700); + } + } + } + %igx-grid__tr--edit { border-bottom: 1px solid --var($theme, 'edit-mode-color'); position: relative; From 618244796617428b332eafe5516d12d207fb0a85 Mon Sep 17 00:00:00 2001 From: Aleksandar Kamenov Date: Thu, 23 Jul 2020 14:59:25 +0300 Subject: [PATCH 04/12] fix(grid-cell): change bool icon class --- projects/igniteui-angular/src/lib/grids/cell.component.html | 2 +- .../src/lib/grids/tree-grid/tree-cell.component.html | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/projects/igniteui-angular/src/lib/grids/cell.component.html b/projects/igniteui-angular/src/lib/grids/cell.component.html index 2f11461a59d..91f27763341 100644 --- a/projects/igniteui-angular/src/lib/grids/cell.component.html +++ b/projects/igniteui-angular/src/lib/grids/cell.component.html @@ -7,7 +7,7 @@ [row]="rowData" [column]="this.column.field" [containerClass]="'igx-grid__td-text'" [metadata]="searchMetadata" class="igx-grid__td-text">{{ formatter ? formatter(value) : column.dataType === 'number' ? (value | igxdecimal: grid.locale) : column.dataType === 'date' ? (value | igxdate: grid.locale) : column.dataType === 'boolean' ? "" : value }} - {{value ? 'check' : 'close'}} + {{value ? 'check' : 'close'}} diff --git a/projects/igniteui-angular/src/lib/grids/tree-grid/tree-cell.component.html b/projects/igniteui-angular/src/lib/grids/tree-grid/tree-cell.component.html index 0c9ab757e5d..d98e2a8814f 100644 --- a/projects/igniteui-angular/src/lib/grids/tree-grid/tree-cell.component.html +++ b/projects/igniteui-angular/src/lib/grids/tree-grid/tree-cell.component.html @@ -7,7 +7,7 @@ [row]="rowData" [column]="this.column.field" [containerClass]="'igx-grid__td-text'" [metadata]="searchMetadata" class="igx-grid__td-text">{{ formatter ? formatter(value) : column.dataType === 'number' ? (value | igxdecimal: grid.locale) : column.dataType === 'date' ? (value | igxdate: grid.locale) : column.dataType === 'boolean' ? "" : value }} - {{value ? 'check' : 'close'}} + {{value ? 'check' : 'close'}} From cc124f7dfb775bf54f32419089798cfb470d0b3c Mon Sep 17 00:00:00 2001 From: Aleksandar Kamenov Date: Thu, 23 Jul 2020 16:00:10 +0300 Subject: [PATCH 05/12] fix(grid): move bool icon template otside the text wrapper --- projects/igniteui-angular/src/lib/grids/cell.component.html | 2 +- .../src/lib/grids/tree-grid/tree-cell.component.html | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/projects/igniteui-angular/src/lib/grids/cell.component.html b/projects/igniteui-angular/src/lib/grids/cell.component.html index 91f27763341..5271fd23675 100644 --- a/projects/igniteui-angular/src/lib/grids/cell.component.html +++ b/projects/igniteui-angular/src/lib/grids/cell.component.html @@ -7,8 +7,8 @@ [row]="rowData" [column]="this.column.field" [containerClass]="'igx-grid__td-text'" [metadata]="searchMetadata" class="igx-grid__td-text">{{ formatter ? formatter(value) : column.dataType === 'number' ? (value | igxdecimal: grid.locale) : column.dataType === 'date' ? (value | igxdate: grid.locale) : column.dataType === 'boolean' ? "" : value }} - {{value ? 'check' : 'close'}} + {{value ? 'check' : 'close'}} diff --git a/projects/igniteui-angular/src/lib/grids/tree-grid/tree-cell.component.html b/projects/igniteui-angular/src/lib/grids/tree-grid/tree-cell.component.html index d98e2a8814f..df0a330a288 100644 --- a/projects/igniteui-angular/src/lib/grids/tree-grid/tree-cell.component.html +++ b/projects/igniteui-angular/src/lib/grids/tree-grid/tree-cell.component.html @@ -7,8 +7,8 @@ [row]="rowData" [column]="this.column.field" [containerClass]="'igx-grid__td-text'" [metadata]="searchMetadata" class="igx-grid__td-text">{{ formatter ? formatter(value) : column.dataType === 'number' ? (value | igxdecimal: grid.locale) : column.dataType === 'date' ? (value | igxdate: grid.locale) : column.dataType === 'boolean' ? "" : value }} - {{value ? 'check' : 'close'}} + {{value ? 'check' : 'close'}} From 0d1e3d79967ea397bcf3c57a2a7daf73c4b9eda4 Mon Sep 17 00:00:00 2001 From: Aleksandar Kamenov Date: Thu, 23 Jul 2020 17:28:45 +0300 Subject: [PATCH 06/12] fix(grid): move default template class on the host --- projects/igniteui-angular/src/lib/grids/cell.component.html | 2 +- projects/igniteui-angular/src/lib/grids/cell.component.ts | 5 +++++ .../src/lib/grids/tree-grid/tree-cell.component.html | 2 +- .../src/lib/grids/tree-grid/tree-grid-row.component.html | 1 + 4 files changed, 8 insertions(+), 2 deletions(-) diff --git a/projects/igniteui-angular/src/lib/grids/cell.component.html b/projects/igniteui-angular/src/lib/grids/cell.component.html index 5271fd23675..6e2d28a7ca3 100644 --- a/projects/igniteui-angular/src/lib/grids/cell.component.html +++ b/projects/igniteui-angular/src/lib/grids/cell.component.html @@ -8,7 +8,7 @@ class="igx-grid__td-text">{{ formatter ? formatter(value) : column.dataType === 'number' ? (value | igxdecimal: grid.locale) : column.dataType === 'date' ? (value | igxdate: grid.locale) : column.dataType === 'boolean' ? "" : value }} - {{value ? 'check' : 'close'}} + {{value ? 'check' : 'close'}} diff --git a/projects/igniteui-angular/src/lib/grids/cell.component.ts b/projects/igniteui-angular/src/lib/grids/cell.component.ts index 086b7abd41c..ae41b00f54a 100644 --- a/projects/igniteui-angular/src/lib/grids/cell.component.ts +++ b/projects/igniteui-angular/src/lib/grids/cell.component.ts @@ -287,6 +287,11 @@ export class IgxGridCellComponent implements OnInit, OnChanges, OnDestroy { return this.editMode || this.cellTemplate ? '' : this.value; } + @HostBinding('class.igx-grid_td--bool-true') + public get booleanClass() { + return this.column.dataType === 'boolean' && this.value; + } + /** * Returns a reference to the nativeElement of the cell. * ```typescript diff --git a/projects/igniteui-angular/src/lib/grids/tree-grid/tree-cell.component.html b/projects/igniteui-angular/src/lib/grids/tree-grid/tree-cell.component.html index df0a330a288..8dcfc94ac89 100644 --- a/projects/igniteui-angular/src/lib/grids/tree-grid/tree-cell.component.html +++ b/projects/igniteui-angular/src/lib/grids/tree-grid/tree-cell.component.html @@ -8,7 +8,7 @@ class="igx-grid__td-text">{{ formatter ? formatter(value) : column.dataType === 'number' ? (value | igxdecimal: grid.locale) : column.dataType === 'date' ? (value | igxdate: grid.locale) : column.dataType === 'boolean' ? "" : value }} - {{value ? 'check' : 'close'}} + {{value ? 'check' : 'close'}} diff --git a/projects/igniteui-angular/src/lib/grids/tree-grid/tree-grid-row.component.html b/projects/igniteui-angular/src/lib/grids/tree-grid/tree-grid-row.component.html index cb06a53dc17..1dab568816e 100644 --- a/projects/igniteui-angular/src/lib/grids/tree-grid/tree-grid-row.component.html +++ b/projects/igniteui-angular/src/lib/grids/tree-grid/tree-grid-row.component.html @@ -21,6 +21,7 @@ [class.igx-grid__td--edited]="rowID | transactionState:col.field:grid.rowEditable:grid.transactions:grid.pipeTrigger" [attr.aria-describedby]="gridID + '_' + col.field | igxStringReplace:'.':'_'" [class.igx-grid__td--number]="col.dataType === 'number'" + [class.igx-grid__td--bool]="col.dataType === 'boolean'" [ngClass]="col.cellClasses | igxCellStyleClasses:rowData[col.field]:rowData:col.field:viewIndex:grid.pipeTrigger" [ngStyle]="col.cellStyles | igxCellStyles:rowData[col.field]:rowData:col.field:viewIndex:grid.pipeTrigger" [editMode]="col.editable && crudService.isInEditMode(index, col.index)" From 18e70b761faa96695a6fdf5839079c51600e1b7a Mon Sep 17 00:00:00 2001 From: didimmova Date: Fri, 24 Jul 2020 09:26:51 +0300 Subject: [PATCH 07/12] feat(grid): add missed underscore --- projects/igniteui-angular/src/lib/grids/cell.component.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/projects/igniteui-angular/src/lib/grids/cell.component.ts b/projects/igniteui-angular/src/lib/grids/cell.component.ts index ae41b00f54a..1e6520b02c1 100644 --- a/projects/igniteui-angular/src/lib/grids/cell.component.ts +++ b/projects/igniteui-angular/src/lib/grids/cell.component.ts @@ -287,7 +287,7 @@ export class IgxGridCellComponent implements OnInit, OnChanges, OnDestroy { return this.editMode || this.cellTemplate ? '' : this.value; } - @HostBinding('class.igx-grid_td--bool-true') + @HostBinding('class.igx-grid__td--bool-true') public get booleanClass() { return this.column.dataType === 'boolean' && this.value; } From 14d2f9f140f04d4f2a5e683b8d78832409a1d27a Mon Sep 17 00:00:00 2001 From: didimmova Date: Fri, 24 Jul 2020 09:28:18 +0300 Subject: [PATCH 08/12] style(grid): add styles for the new template --- .../styles/components/grid/_grid-component.scss | 4 ++++ .../core/styles/components/grid/_grid-theme.scss | 13 +++++++------ 2 files changed, 11 insertions(+), 6 deletions(-) diff --git a/projects/igniteui-angular/src/lib/core/styles/components/grid/_grid-component.scss b/projects/igniteui-angular/src/lib/core/styles/components/grid/_grid-component.scss index 606063843e6..b459aa94a86 100644 --- a/projects/igniteui-angular/src/lib/core/styles/components/grid/_grid-component.scss +++ b/projects/igniteui-angular/src/lib/core/styles/components/grid/_grid-component.scss @@ -329,6 +329,10 @@ @extend %igx-grid__td--bool !optional; } + @include e(td, $m: bool-true) { + @extend %igx-grid__td--bool-true !optional; + } + @include e(tr, $mods: (selected, filtered)) { @extend %grid-row--selected--filtered !optional; } diff --git a/projects/igniteui-angular/src/lib/core/styles/components/grid/_grid-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/grid/_grid-theme.scss index 5e5355ed5bc..7eaca8a7aad 100644 --- a/projects/igniteui-angular/src/lib/core/styles/components/grid/_grid-theme.scss +++ b/projects/igniteui-angular/src/lib/core/styles/components/grid/_grid-theme.scss @@ -1140,24 +1140,25 @@ } %igx-grid__td--bool { - .igx-grid__td-text { - height: rem(18px); - width: rem(18px); - margin: auto; - } + justify-content: center; igx-icon { height: rem(18px); width: rem(18px); font-size: rem(18px); color: igx-color($palette, 'grays', 500); + } - &.igx-grid__td--bool-check { + + &%igx-grid__td--bool-true { + igx-icon { color: igx-color($palette, 'grays', 700); } } } + + %igx-grid__tr--edit { border-bottom: 1px solid --var($theme, 'edit-mode-color'); position: relative; From 1688db8913d174d629e9d84a62b5766a72a8a4b4 Mon Sep 17 00:00:00 2001 From: didimmova Date: Fri, 24 Jul 2020 10:00:17 +0300 Subject: [PATCH 09/12] style(grid): move placeholder selector separately --- .../lib/core/styles/components/grid/_grid-theme.scss | 11 ++++------- 1 file changed, 4 insertions(+), 7 deletions(-) diff --git a/projects/igniteui-angular/src/lib/core/styles/components/grid/_grid-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/grid/_grid-theme.scss index 7eaca8a7aad..47409204fdd 100644 --- a/projects/igniteui-angular/src/lib/core/styles/components/grid/_grid-theme.scss +++ b/projects/igniteui-angular/src/lib/core/styles/components/grid/_grid-theme.scss @@ -1148,17 +1148,14 @@ font-size: rem(18px); color: igx-color($palette, 'grays', 500); } + } - - &%igx-grid__td--bool-true { - igx-icon { - color: igx-color($palette, 'grays', 700); - } + %igx-grid__td--bool-true { + igx-icon { + color: igx-color($palette, 'grays', 700); } } - - %igx-grid__tr--edit { border-bottom: 1px solid --var($theme, 'edit-mode-color'); position: relative; From 3a93507077f788ca898ef6902890138dcab15d25 Mon Sep 17 00:00:00 2001 From: Aleksandar Kamenov Date: Fri, 24 Jul 2020 13:57:20 +0300 Subject: [PATCH 10/12] fix(grid): remove cell value interpolation space --- projects/igniteui-angular/src/lib/grids/cell.component.html | 6 ++---- .../src/lib/grids/tree-grid/tree-cell.component.html | 6 ++---- 2 files changed, 4 insertions(+), 8 deletions(-) diff --git a/projects/igniteui-angular/src/lib/grids/cell.component.html b/projects/igniteui-angular/src/lib/grids/cell.component.html index ce7eba6782d..e26a357456b 100644 --- a/projects/igniteui-angular/src/lib/grids/cell.component.html +++ b/projects/igniteui-angular/src/lib/grids/cell.component.html @@ -10,16 +10,14 @@ [row]="rowData" [column]="this.column.field" [containerClass]="'igx-grid__td-text'" - [metadata]="searchMetadata"> - {{ formatter ? (value | columnFormatter:formatter) : + [metadata]="searchMetadata">{{ formatter ? (value | columnFormatter:formatter) : column.dataType === 'number' ? (value | igxdecimal:grid.locale) : column.dataType === 'date' ? (value | igxdate: grid.locale) : column.dataType === 'boolean' ? "" : value - }} - + }} {{value ? 'check' : 'close'}} diff --git a/projects/igniteui-angular/src/lib/grids/tree-grid/tree-cell.component.html b/projects/igniteui-angular/src/lib/grids/tree-grid/tree-cell.component.html index 9ba41794845..c54b3ce5841 100644 --- a/projects/igniteui-angular/src/lib/grids/tree-grid/tree-cell.component.html +++ b/projects/igniteui-angular/src/lib/grids/tree-grid/tree-cell.component.html @@ -10,16 +10,14 @@ [row]="rowData" [column]="this.column.field" [containerClass]="'igx-grid__td-text'" - [metadata]="searchMetadata"> - {{ formatter ? (value | columnFormatter:formatter) : + [metadata]="searchMetadata">{{ formatter ? (value | columnFormatter:formatter) : column.dataType === 'number' ? (value | igxdecimal:grid.locale) : column.dataType === 'date' ? (value | igxdate: grid.locale) : column.dataType === 'boolean' ? "" : value - }} - + }} {{value ? 'check' : 'close'}} From fd88a876805b047bd3c8749fd30b5094c8f8d7a5 Mon Sep 17 00:00:00 2001 From: Aleksandar Kamenov Date: Fri, 24 Jul 2020 14:22:31 +0300 Subject: [PATCH 11/12] feat(grid): expose bool default template in hgrid cell --- .../lib/grids/hierarchical-grid/hierarchical-row.component.html | 1 + 1 file changed, 1 insertion(+) diff --git a/projects/igniteui-angular/src/lib/grids/hierarchical-grid/hierarchical-row.component.html b/projects/igniteui-angular/src/lib/grids/hierarchical-grid/hierarchical-row.component.html index ecc67939252..e2e434e8126 100644 --- a/projects/igniteui-angular/src/lib/grids/hierarchical-grid/hierarchical-row.component.html +++ b/projects/igniteui-angular/src/lib/grids/hierarchical-grid/hierarchical-row.component.html @@ -43,6 +43,7 @@ [class.igx-grid__td--edited]="rowID | transactionState:col.field:grid.rowEditable:grid.transactions:grid.pipeTrigger" [attr.aria-describedby]="gridID + '_' + col.field | igxStringReplace:'.':'_'" [class.igx-grid__td--number]="col.dataType === 'number'" + [class.igx-grid__td--bool]="col.dataType === 'boolean'" [ngClass]="col.cellClasses | igxCellStyleClasses:rowData[col.field]:rowData:col.field:viewIndex:grid.pipeTrigger" [ngStyle]="col.cellStyles | igxCellStyles:rowData[col.field]:rowData:col.field:viewIndex:grid.pipeTrigger" [editMode]="col.editable && crudService.isInEditMode(index, col.index)" From eca40c8f3a145e59c3c17761010b80baa28aff7f Mon Sep 17 00:00:00 2001 From: Zdravko Kolev Date: Mon, 27 Jul 2020 10:52:02 +0300 Subject: [PATCH 12/12] chore(*): Changelog update --- CHANGELOG.md | 1 + 1 file changed, 1 insertion(+) diff --git a/CHANGELOG.md b/CHANGELOG.md index 35763c23569..ec4b3193c8b 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -17,6 +17,7 @@ All notable changes for each version of this project will be documented in this - **Breaking Changes** - The `igx-action-icon` has been renamed to `igx-navbar-action`. It should get renamed in your components via `ng update`; - `igxGrid` - Added `onScroll` event, which is emitted when the grid is scrolled vertically or horizontally. + - Each grid now expose a default handling for boolean column types. The column will display `check` or `close` icon, instead of true/false by default. - `igxTreeGrid` - Removed `onDataPreLoad` event as it is specific for remote virtualization implementation, which is not supported for the `igxTreeGrid`. A more generic `onScroll` event is exposed and can be used instead. - `IgxTimePicker`