From fe9f9a0d40dc7a2d7e86d40320ff566106dfef12 Mon Sep 17 00:00:00 2001
From: audrey <audrey.lebelr@gmail.com>
Date: Sun, 25 Nov 2018 10:45:05 -0500
Subject: [PATCH] feat(#204): Added grid for Report Template editing

---
 .../select-template.component.html            | 67 +++++++++++++++++++
 1 file changed, 67 insertions(+)
 create mode 100644 src/app/report-configuration/select-template/select-template.component.html

diff --git a/src/app/report-configuration/select-template/select-template.component.html b/src/app/report-configuration/select-template/select-template.component.html
new file mode 100644
index 00000000..15b55a6a
--- /dev/null
+++ b/src/app/report-configuration/select-template/select-template.component.html
@@ -0,0 +1,67 @@
+<dx-data-grid
+        [dataSource]="dataSource"
+        [hoverStateEnabled]="true"
+        [rowAlternationEnabled]="true"
+        (onInitNewRow)="onInitNewRow($event)"
+        (onRowInserted)="onRowInserted($event)"
+        (onRowUpdated)="onRowUpdated($event)"
+        (onRowRemoved)="onRowRemoved($event)">
+    <dxi-column
+            dataField="name"
+            caption="{{'name' | translate}}"
+            
+            sortIndex="0"
+            sortOrder="desc">
+    </dxi-column>
+    <dxi-column dataField="isActive" dataType="boolean" caption="{{'isActive' | translate}}" width="10%"></dxi-column>
+   <!--  <dxi-column 
+    "[{
+      type: 'buttons',
+      width: 110,
+      buttons: ['edit', 'delete', {
+          hint: 'Clone',
+          icon: 'repeat',
+          visible: function(e) {
+              return !e.row.isEditing && !isChief(e.row.data.Position);
+          },
+          onClick: function(e) {
+              var clonedItem = $.extend({}, e.row.data, { ID: ++maxID });
+
+              employees.splice(e.row.rowIndex, 0, clonedItem);
+              e.component.refresh(true);
+              e.event.preventDefault();
+          }
+      }]
+    }]"
+}></dxi-column> -->
+  <dxi-column cellTemplate="cellTemplate" [width]="50" alignment="center">
+    <div *dxTemplate="let data of 'cellTemplate'">
+      <div>
+      <!-- <i class="fa fa-exclamation" aria-hidden="true"></i>  -->
+      <!-- <a class="dx-link dx-link-preferences dx-icon-preferences"></a> -->
+      <span class="dx-icon-preferences dx-link" (click)=editReport(data.data.id)></span>
+      </div>
+    </div>
+  </dxi-column>
+
+
+    <dxo-editing mode="popup" [useIcons]="true" [allowUpdating]="true" [allowAdding]="true" [allowDeleting]="true">
+        <dxo-popup title="{{'Modifier' | translate}}" [showTitle]="true"  [height]="220" [width]="350"
+        
+        [toolbarItems]="[ 
+            {
+            widget: 'dxButton',
+            options: {
+              text: 'Configurer le rapport',
+              icon: 'toolbox'
+            },
+            toolbar: 'bottom',
+            onClick: editReport
+        }]" 
+
+        ></dxo-popup>
+          <dxo-form colCount="1">
+            <dxi-item dataField="name" [isRequired]="true"></dxi-item>
+          </dxo-form>
+    </dxo-editing>
+</dx-data-grid>