From a87bb9803598b9e13e05f2d106796f49a226eead Mon Sep 17 00:00:00 2001
From: ViktorSlavov <viktorslavov91@gmail.com>
Date: Tue, 16 Jul 2019 15:08:38 +0300
Subject: [PATCH] fix(tree-grid): update tree-grid template to allow custom
 row-edit, #5431

---
 .../grids/tree-grid/tree-grid.component.html  | 20 ++++++++++++++++---
 1 file changed, 17 insertions(+), 3 deletions(-)

diff --git a/projects/igniteui-angular/src/lib/grids/tree-grid/tree-grid.component.html b/projects/igniteui-angular/src/lib/grids/tree-grid/tree-grid.component.html
index 26809b67b4d..01ff7d76fe7 100644
--- a/projects/igniteui-angular/src/lib/grids/tree-grid/tree-grid.component.html
+++ b/projects/igniteui-angular/src/lib/grids/tree-grid/tree-grid.component.html
@@ -180,14 +180,28 @@
     </div>
 </div>
 
+<ng-template #defaultRowEditText>
+    You have {{ rowChangesCount }} changes in this row
+</ng-template>
+
+<ng-template #defaultRowEditActions>
+    <button igxButton igxRowEditTabStop (click)="endEdit(false, $event)">Cancel</button>
+    <button igxButton igxRowEditTabStop (click)="endEdit(true, $event)">Done</button>
+</ng-template>
+
 <ng-template #defaultRowEditTemplate>
     <div class="igx-banner__message">
-        <span class="igx-banner__text">You have {{ rowChangesCount }} changes in this row</span>
+        <span class="igx-banner__text">
+            <ng-container
+                *ngTemplateOutlet="rowEditText ? rowEditText : defaultRowEditText; context: { $implicit: rowChangesCount }">
+            </ng-container>
+        </span>
     </div>
     <div class="igx-banner__actions">
         <div class="igx-banner__row">
-            <button igxButton igxRowEditTabStop (click)="endEdit(false, $event)">Cancel</button>
-            <button igxButton igxRowEditTabStop (click)="endEdit(true, $event)">Done</button>
+            <ng-container
+                *ngTemplateOutlet="rowEditActions ? rowEditActions : defaultRowEditActions; context: { $implicit: endEdit.bind(this) }">
+            </ng-container>
         </div>
     </div>
 </ng-template>