From aa049dec841f13d64f5df93a7aabfcd5ba8c0c8e Mon Sep 17 00:00:00 2001
From: Hristo Anastasov <hanastasov@infragistics.com>
Date: Tue, 28 Sep 2021 10:55:53 +0300
Subject: [PATCH] fix(grid): add igx-icon template for boolean expandable cell

---
 .../lib/grids/grid/expandable-cell.component.html | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/projects/igniteui-angular/src/lib/grids/grid/expandable-cell.component.html b/projects/igniteui-angular/src/lib/grids/grid/expandable-cell.component.html
index 954f4b2a73e..dd616d5d4ae 100644
--- a/projects/igniteui-angular/src/lib/grids/grid/expandable-cell.component.html
+++ b/projects/igniteui-angular/src/lib/grids/grid/expandable-cell.component.html
@@ -11,7 +11,20 @@
         [row]="rowData"
         [column]="this.column.field"
         [containerClass]="'igx-grid__td-text'"
-        [metadata]="searchMetadata">{{ formatter ? (value | columnFormatter:formatter) : column.dataType === 'number' ? (value | number:column.pipeArgs.digitsInfo:grid.locale) : column.dataType === 'date' ? (value | date:column.pipeArgs.format:column.pipeArgs.timezone:grid.locale) : value }}</div>
+        [metadata]="searchMetadata"
+    >{{ formatter
+        ? (value | columnFormatter:formatter)
+        : column.dataType === 'number'
+        ? (value | number:column.pipeArgs.digitsInfo:grid.locale) 
+        : column.dataType === 'date'
+        ? (value | date:column.pipeArgs.format:column.pipeArgs.timezone:grid.locale)
+        : value
+    }}</div>
+    <igx-icon
+        *ngIf="column.dataType === 'boolean' && !this.formatter"
+        [ngClass]="{ 'igx-icon--success': value, 'igx-icon--error': !value }"
+        >{{ value ? "check" : "close" }}</igx-icon
+    >
 </ng-template>
 <ng-template #addRowCell let-cell="cell">
     <div *ngIf="column.dataType !== 'boolean' || (column.dataType === 'boolean' && this.formatter)"