fix(grid): add igx-icon template for boolean expandable cell

IgniteUI · Sep 28, 2021 · aa049de · aa049de
1 parent 6a0b188
commit aa049de
Showing 1 changed file with 14 additions and 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
@@ -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)"