From 8789fc2f2b094283182007d9305f2a98e6e516d7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C3=87a=C4=9Fatay=20=C3=87ivici?=
 <cagatay.civici@github.com>
Date: Thu, 10 Aug 2017 17:55:56 +0300
Subject: [PATCH] Fixed #2269

---
 src/app/components/treetable/treetable.ts            |  6 +++++-
 .../showcase/components/treetable/treetabledemo.html | 12 ++++++++++++
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/src/app/components/treetable/treetable.ts b/src/app/components/treetable/treetable.ts
index 6c90351783f..3058a4f2c81 100644
--- a/src/app/components/treetable/treetable.ts
+++ b/src/app/components/treetable/treetable.ts
@@ -11,7 +11,7 @@ import {DomHandler} from '../dom/domhandler';
     template: `
         <div class="ui-treetable-row" [ngClass]="{'ui-state-highlight':isSelected(),'ui-treetable-row-selectable':treeTable.selectionMode && node.selectable !== false}">
             <td *ngFor="let col of treeTable.columns; let i=index" [ngStyle]="col.style" [class]="col.styleClass" (click)="onRowClick($event)" (dblclick)="rowDblClick($event)" (touchend)="onRowTouchEnd()" (contextmenu)="onRowRightClick($event)">
-                <a href="#" *ngIf="i == treeTable.toggleColumnIndex" class="ui-treetable-toggler fa fa-fw ui-clickable" [ngClass]="{'fa-caret-down':node.expanded,'fa-caret-right':!node.expanded}"
+                <a href="#" *ngIf="i == treeTable.toggleColumnIndex" class="ui-treetable-toggler fa fa-fw ui-clickable" [ngClass]="node.expanded ? treeTable.expandedIcon : treeTable.collapsedIcon"
                     [ngStyle]="{'margin-left':level*16 + 'px','visibility': isLeaf() ? 'hidden' : 'visible'}"
                     (click)="toggle($event)"
                     [title]="node.expanded ? labelCollapse : labelExpand">
@@ -171,6 +171,10 @@ export class TreeTable implements AfterContentInit {
     @Input() tableStyle: any;
 
     @Input() tableStyleClass: string;
+    
+    @Input() collapsedIcon: string = "fa-caret-right";
+    
+    @Input() expandedIcon: string = "fa-caret-down";
         
     @Output() onRowDblclick: EventEmitter<any> = new EventEmitter();    
     
diff --git a/src/app/showcase/components/treetable/treetabledemo.html b/src/app/showcase/components/treetable/treetabledemo.html
index 7a1d64fa26d..14f90d94f5d 100644
--- a/src/app/showcase/components/treetable/treetabledemo.html
+++ b/src/app/showcase/components/treetable/treetabledemo.html
@@ -650,6 +650,18 @@ <h3>Properties</h3>
                             <td>Collapse</td>
                             <td>Tooltip and screenreader text for collapse icon.</td>
                         </tr>
+                        <tr>
+                           <td>expandedIcon</td>
+                           <td>string</td>
+                           <td>fa-caret-down</td>
+                           <td>Icon to display on an expanded node.</td>
+                       </tr>
+                        <tr>
+                           <td>collapsedIcon</td>
+                           <td>string</td>
+                           <td>fa-caret-right</td>
+                           <td>Icon to display on an expanded node.</td>
+                       </tr>
                         <tr>
                             <td>selectionMode</td>
                             <td>string</td>