feat(igxTreeGrid): Adds pinned row indicator in grids body #6640

Author: 3phase

projects/igniteui-angular/src/lib/grids/tree-grid/tree-cell.component.html

@@ -36,6 +36,13 @@
          (click)="toggle($event)" (focus)="onIndicatorFocus()" tabindex="-1">
          <ng-container *ngTemplateOutlet="iconTemplate; context: { $implicit:  this }">
         </ng-container>
+        <igx-chip [hidden]="!row.pinnedBodyInstance"
+                    draggable="false"
+                    disabled="true"
+                    displayDensity="cosy"
+                    #pinnedIndicator>
+            Pinned
+        </igx-chip>
     </div>
     <div *ngIf="isLoading"
          (dblclick)="onLoadingDblClick($event)"

projects/igniteui-angular/src/lib/grids/tree-grid/tree-cell.component.ts

@@ -10,6 +10,7 @@ import { IgxGridSelectionService, IgxGridCRUDService } from '../selection/select
 import { HammerGesturesManager } from '../../core/touch';
 import { GridType } from '../common/grid.interface';
 import { IgxGridExpandableCellComponent } from '../grid/expandable-cell.component';
+import { IgxChipComponent } from '../../chips';
 
 @Component({
     changeDetection: ChangeDetectionStrategy.OnPush,
@@ -20,6 +21,9 @@ import { IgxGridExpandableCellComponent } from '../grid/expandable-cell.componen
 export class IgxTreeGridCellComponent extends IgxGridExpandableCellComponent {
     private treeGridAPI: IgxTreeGridAPIService;
 
+    @ViewChild('pinnedIndicator') 
+    public pinnedIndicator: IgxChipComponent;
+
     constructor(
                 selectionService: IgxGridSelectionService,
                 crudService: IgxGridCRUDService,

projects/igniteui-angular/src/lib/grids/tree-grid/tree-grid.pipes.ts

@@ -168,7 +168,7 @@ export class IgxTreeGridFlatteningPipe implements PipeTransform {
                 data.push(hierarchicalRecord);
             }
 
-            const pinnedRow = this.gridAPI.get_row_by_key(hierarchicalRecord.rowID) !== undefined ? 
+            const pinnedRow = this.gridAPI.get_row_by_key(hierarchicalRecord.rowID) !== undefined ?
                     this.gridAPI.get_row_by_key(hierarchicalRecord.rowID).pinned :
                     false;