cronapp-framework-js 2.9.0 → 2.9.1-RC.26-SNAPSHOT.1

package/components/templates/Component_Container/crn-eight-four-container.template.html

@@ -1,4 +1,14 @@
-<div class="eight-twelve-container">
-    <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8" data-container="true" data-replace="true">1 Column</div>
-    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4" data-container="true" data-replace="true">2 Column</div>    
-</div>
+<div
+  class="col col-lg-8 col-md-8 col-sm-8 col-xs-8"
+  data-container="true"
+  data-replace="false"
+>
+  1 Column
+</div>
+<div
+  class="col col-lg-4 col-md-4 col-sm-4 col-xs-4"
+  data-container="true"
+  data-replace="false"
+>
+  2 Column
+</div>

package/components/templates/Component_Container/crn-four-eight-container.template.html

@@ -1,4 +1,14 @@
-<div class="four-twelve-container">
-    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4" data-container="true" data-replace="true">1 Column</div>
-    <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8" data-container="true" data-replace="true">2 Column</div>
-</div>
+<div
+  class="col col-lg-4 col-md-4 col-sm-4 col-xs-4"
+  data-container="true"
+  data-replace="false"
+>
+  1 Column
+</div>
+<div
+  class="col col-lg-8 col-md-8 col-sm-8 col-xs-8"
+  data-container="true"
+  data-replace="false"
+>
+  2 Column
+</div>

package/components/templates/Component_Container/crn-one-container.template.html

@@ -1 +1,7 @@
-<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" data-container="true" data-replace="true">1 Column</div>
+<div
+  class="col col-lg-12 col-md-12 col-sm-12 col-xs-12"
+  data-container="true"
+  data-replace="false"
+>
+  1 Column
+</div>

package/components/templates/Component_Container/crn-three-container.template.html

@@ -1,5 +1,21 @@
-<div class="three-container">
-    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4" data-container="true" data-replace="true">1 Column</div>
-    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4" data-container="true" data-replace="true">2 Column</div>
-    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4" data-container="true" data-replace="true">3 Column</div>
-</div>
+<div
+  class="col col-lg-4 col-md-4 col-sm-4 col-xs-4"
+  data-container="true"
+  data-replace="false"
+>
+  1 Column
+</div>
+<div
+  class="col col-lg-4 col-md-4 col-sm-4 col-xs-4"
+  data-container="true"
+  data-replace="false"
+>
+  2 Column
+</div>
+<div
+  class="col col-lg-4 col-md-4 col-sm-4 col-xs-4"
+  data-container="true"
+  data-replace="false"
+>
+  3 Column
+</div>

package/components/templates/Component_Container/crn-three-six-three-container.template.html

@@ -1,5 +1,21 @@
-<div class="trhee-twelve-container">
-    <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3" data-container="true" data-replace="true">1 Column</div>
-    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6" data-container="true" data-replace="true">2 Column</div>
-    <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3" data-container="true" data-replace="true">3 Column</div>
-</div>
+<div
+  class="col col-lg-3 col-md-3 col-sm-3 col-xs-3"
+  data-container="true"
+  data-replace="false"
+>
+  1 Column
+</div>
+<div
+  class="col col-lg-6 col-md-6 col-sm-6 col-xs-6"
+  data-container="true"
+  data-replace="false"
+>
+  2 Column
+</div>
+<div
+  class="col col-lg-3 col-md-3 col-sm-3 col-xs-3"
+  data-container="true"
+  data-replace="false"
+>
+  3 Column
+</div>

package/components/templates/Component_Container/crn-two-container.template.html

@@ -1,4 +1,14 @@
-<div class="two-container">
-    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6" data-container="true" data-replace="true">1 Column</div>
-    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6" data-container="true" data-replace="true">2 Column</div>
-</div>
+<div
+  class="col col-lg-6 col-md-6 col-sm-6 col-xs-6"
+  data-container="true"
+  data-replace="false"
+>
+  1 Column
+</div>
+<div
+  class="col col-lg-6 col-md-6 col-sm-6 col-xs-6"
+  data-container="true"
+  data-replace="false"
+>
+  2 Column
+</div>

package/components/templates/accordion.template.html

@@ -1,11 +1,11 @@
-<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
+<div class="panel-group" id="accordion-${RANDOM}" role="tablist" aria-multiselectable="true">
     <div class="panel panel-default">
-        <div class="panel-heading" role="tab" id="headingOne" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
+        <div class="panel-heading" role="tab" id="headingOne" data-toggle="collapse" data-parent="#accordion-${RANDOM}" href="#collapseOne-${RANDOM}" aria-expanded="true" aria-controls="collapseOne-${RANDOM}">
             <div class="lead text-center" data-component="crn-title" xattr-position="text-center">
                 <h1 class="text-center title component-holder h3" xattr-position="h1 text-center" xattr-type="h3" data-component="crn-text-component">Ungroup and change the component</h1>
             </div>
         </div>
-        <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
+        <div id="collapseOne-${RANDOM}" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
             <div class="panel-body" data-container="true">
                 <div class="lead text-center" data-component="crn-subtitle" xattr-position="text-center">
                     <h1 class="text-center title component-holder h3" xattr-position="h3 text-center" xattr-type="h3" data-component="crn-text-component">Ungroup and insert component</h1>
@@ -14,12 +14,12 @@
         </div>
     </div>
     <div class="panel panel-default">
-        <div class="panel-heading" role="tab" id="headingTwo" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
+        <div class="panel-heading" role="tab" id="headingTwo" data-toggle="collapse" data-parent="#accordion-${RANDOM}" href="#collapseTwo-${RANDOM}" aria-expanded="false" aria-controls="collapseTwo-${RANDOM}">
             <div class="lead text-center" data-component="crn-title" xattr-position="text-center">
                 <h1 class="text-center title component-holder h3" xattr-position="h1 text-center" xattr-type="h3" data-component="crn-text-component">Ungroup and change the component</h1>
             </div>
         </div>
-        <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
+        <div id="collapseTwo-${RANDOM}" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
             <div class="panel-body" data-container="true">
                 <div class="lead text-center" data-component="crn-subtitle" xattr-position="text-center">
                     <h1 class="text-center title component-holder h3" xattr-position="h3 text-center" xattr-type="h3" data-component="crn-text-component">Ungroup and insert component</h1>
@@ -28,12 +28,12 @@
         </div>
     </div>
     <div class="panel panel-default">
-        <div class="panel-heading" role="tab" id="headingThree" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
+        <div class="panel-heading" role="tab" id="headingThree" data-toggle="collapse" data-parent="#accordion-${RANDOM}" href="#collapseThree-${RANDOM}" aria-expanded="false" aria-controls="collapseThree-${RANDOM}">
             <div class="lead text-center" data-component="crn-title" xattr-position="text-center">
                 <h1 class="text-center title component-holder h3" xattr-position="h1 text-center" xattr-type="h3" data-component="crn-text-component">Ungroup and change the component</h1>
             </div>
         </div>
-        <div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
+        <div id="collapseThree-${RANDOM}" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
             <div class="panel-body" data-container="true">
                 <div class="lead text-center" data-component="crn-subtitle" xattr-position="text-center">
                     <h1 class="text-center title component-holder h3" xattr-position="h3 text-center" xattr-type="h3" data-component="crn-text-component">Ungroup and insert component</h1>

package/components/templates/anchor.template.html

@@ -1 +1 @@
-<a href="" class="cron-link" target="_self" data-replace="true">Link</a>
+<a href="" class="cron-link color-default" target="_self" data-replace="true" link-theme="color-default">Link</a>

package/components/templates/button.template.html

@@ -1,4 +1,4 @@
 <button class="btn k-button btn-block btn-default" ng-click="" xattr-fullsize="btn-block" xattr-theme="btn-default" xattr-disabled="">
-    <i class="glyphicon glyphicon-home color-white" icon-theme="color-white"></i>
-    <span class="color-white" text-theme="color-white">Button</span>
+    <i class="glyphicon glyphicon-home" icon-theme=""></i>
+    <span class="" text-theme="">Button</span>
 </button>

package/components/templates/crn-signature-pad.designtime.html

@@ -1,8 +1,5 @@
-<div class="crn-signature-pad">
-  <div id="signaturepad" class="wrapper">
-    <canvas id="crn-signature-pad" class="signature-pad" width="100%" height="100px"></canvas>
-  </div>
-  <div>
-    <button id="clear">{{'clear'|translate}}</button>
+<div class="crn-signature-pad" style="background-color: rgb(241, 238, 238); height: 100%; min-height: 200px;">
+  <div class="component-holder ng-scope  col-md-2" style="bottom: 0; position: absolute;" data-component="crn-button"> 
+    <button class="btn k-button btn-warning" ng-click="" xattr-fullsize="" xattr-theme="btn-warning" xattr-disabled=""><i class="glyphicon glyphicon-erase" icon-theme=""></i> <span class="" text-theme="">{{'clear'|translate}}</span></button> 
   </div>
 </div>

package/components/templates/cron-breadcrumbs.template.html

@@ -1,3 +1,5 @@
-<cron-breadcrumbs id="cron-breadcrumbs" id-menu="crn-dynamic-menu-home" crn-delimiter-icon="arrow-chevron-right" class="idMenu" type-menu="idMenu">
-    <nav id="navbreadcrumb"></nav>
-</cron-breadcrumbs>
+<div>
+    <cron-breadcrumbs id="cron-breadcrumbs" id-menu="crn-dynamic-menu-home" crn-delimiter-icon="arrow-chevron-right" class="idMenu" type-menu="idMenu">
+        <nav id="navbreadcrumb"></nav>
+    </cron-breadcrumbs>
+</div>

package/components/templates/cron-checkbox.template.html

@@ -1,4 +1,4 @@
-<div class="form-group checkbox-theme" checkbox-theme="checkbox-theme">
+<div class="form-group checkbox-default" checkbox-theme="checkbox-default">
   <input type="checkbox" id="checkbox${RANDOM}" ng-model="vars.checkbox${RANDOM}" class="k-checkbox" ng-initial-value="false" crn-allow-null-values="true" ng-false-value="false" ng-true-value="true">
   <label class="k-checkbox-label" for="checkbox${RANDOM}">Label</label>
 </div>

package/components/templates/cron-combobox-multiple.designtime.html

@@ -1,10 +1,12 @@
-<div class="k-multiselect-wrap k-floatwrap" unselectable="on">
-    <ul class="k-reset" id="cron-crn-enterprise-combobox-multiple-863497_taglist">
-        <li class="k-button" unselectable="on">
-            <span unselectable="on">admin@cronapp.io</span>
-            <span unselectable="on" aria-label="delete" class="k-select">
-                <span class="k-icon k-i-close"></span>
-            </span>
-        </li>
-    </ul>
+<div class="k-widget k-multiselect cronMultiSelect k-multiselect-clearable combobox-default" combobox-theme="combobox-default">
+    <div class="k-multiselect-wrap k-floatwrap" unselectable="on">
+        <ul class="k-reset" id="cron-crn-enterprise-combobox-multiple-863497_taglist">
+            <li class="k-button" unselectable="on">
+                <span unselectable="on">admin@cronapp.io</span>
+                <span unselectable="on" aria-label="delete" class="k-select">
+                    <span class="k-icon k-i-close"></span>
+                </span>
+            </li>
+        </ul>
+    </div>
 </div>

package/components/templates/cron-combobox-multiple.template.html

@@ -1,4 +1,4 @@
-<div class="form-group combobox-theme" combobox-theme="combobox-theme">
+<div class="form-group combobox-default" combobox-theme="combobox-default">
     <label for="cron-${COMPONENTID}-container">Label</label>
     <cron-multi-select options="{}" ng-required="false" id="cron-${COMPONENTID}" ng-model="vars.multipleCombobox${RANDOM}" class="crn-select form-control k-content">
     </cron-multi-select>

package/components/templates/cron-crud.template.html

@@ -18,39 +18,39 @@
         <div class="tool-bar" ng-hide="datasource.editing || datasource.inserting">
             <div class="component-holder ng-scope" data-component="crn-button" id="crn-button-startInserting">
                 <button class="btn k-button btn-block btn-default btn-fab" ng-click="datasource.startInserting()" aria-label="{{'StartInserting' | translate}}" xattr-fullsize="btn-block" xattr-theme="btn-default" xattr-disabled="">
-                    <i class="glyphicon glyphicon-plus color-white" icon-theme="color-white"></i>
+                    <i class="glyphicon glyphicon-plus" icon-theme=""></i>
                 </button>
             </div>
             <div class="component-holder ng-scope" data-component="crn-button" id="crn-button-startEditing">
                 <button class="btn k-button btn-block btn-default btn-fab" ng-click="datasource.startEditing()" aria-label="{{'startEditing' | translate}}" xattr-fullsize="btn-block" xattr-theme="btn-default" xattr-disabled="">
-                    <i class="glyphicon glyphicon-pencil color-white" icon-theme="color-white"></i>
+                    <i class="glyphicon glyphicon-pencil" icon-theme=""></i>
                 </button>
             </div>
             <div class="component-holder ng-scope" data-component="crn-button" id="crn-button-previous">
                 <button class="btn k-button btn-block btn-default btn-fab" ng-click="datasource.previous()" ng-disabled="!datasource.hasPrevious()" aria-label="{{'Before' | translate}}" xattr-fullsize="btn-block" xattr-theme="btn-default" xattr-disabled="">
-                    <i class="glyphicon glyphicon-chevron-left color-white" icon-theme="color-white"></i>
+                    <i class="glyphicon glyphicon-chevron-left" icon-theme=""></i>
                 </button>
             </div>
             <div class="component-holder ng-scope" data-component="crn-button" id="crn-button-next">
                 <button class="btn k-button btn-block btn-default btn-fab" ng-click="datasource.next()" ng-disabled="!datasource.hasNext()" aria-label="{{'Next' | translate}}" xattr-fullsize="btn-block" xattr-theme="btn-default" xattr-disabled="">
-                    <i class="glyphicon glyphicon-chevron-right color-white" icon-theme="color-white"></i>
+                    <i class="glyphicon glyphicon-chevron-right" icon-theme=""></i>
                 </button>
             </div>
             <div class="component-holder ng-scope" data-component="crn-button" id="crn-button-remove">
                 <button class="btn k-button btn-block btn-danger btn-fab" ng-click="datasource.remove()" aria-label="{{'Remove' | translate}}" xattr-fullsize="btn-block" xattr-theme="btn-danger" xattr-disabled="">
-                    <i class="glyphicon glyphicon-remove color-white" icon-theme="color-white"></i>
+                    <i class="glyphicon glyphicon-remove" icon-theme=""></i>
                 </button>
             </div>
         </div>
         <div class="active-bar" ng-hide="!datasource.editing &amp;&amp; !datasource.inserting">
             <div class="component-holder ng-scope" data-component="crn-button" id="btn_crud_post_${RANDOM}">
                 <button class="btn k-button btn-block btn-default btn-fab" ng-click="datasource.post()" aria-label="{{'SaveChanges' | translate}}" xattr-fullsize="btn-block" xattr-theme="btn-default" xattr-disabled="">
-                    <i class="glyphicon glyphicon-ok color-white" icon-theme="color-white"></i>
+                    <i class="glyphicon glyphicon-ok" icon-theme=""></i>
                 </button>
             </div>
             <div class="component-holder ng-scope" data-component="crn-button" id="btn_crud_cancel_${RANDOM}">
                 <button class="btn k-button btn-block btn-danger btn-fab" ng-click="datasource.cancel()" aria-label="{{'CancelChanges' | translate}}" xattr-fullsize="btn-block" xattr-theme="btn-danger" xattr-disabled="">
-                    <i class="glyphicon  glyphicon-ban-circle color-white" icon-theme="color-white"></i>
+                    <i class="glyphicon  glyphicon-ban-circle" icon-theme=""></i>
                 </button>
             </div>
         </div>

package/components/templates/cron-dynamic-menu.designtime.html

@@ -2,6 +2,8 @@
   <li ng-if="attrs.options.subMenuOptions" ng-repeat="menu in attrs.options.subMenuOptions"
     class="dropdown crn-menu-item">
     <a class="dropdown-toggle" data-toggle="dropdown">
-      <span>{{menu.name}}</span> <span class="caret"></span> </a>
+      <i class="{{menu.iconClass}}"></i>
+      <span>{{menu.name}}</span> <span class="caret"></span>
+    </a>
   </li>
 </ul>

package/components/templates/cron-dynamic-menu.template.html

@@ -1,3 +1,4 @@
-<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
-    <cron-dynamic-menu options="{&quot;subMenuOptions&quot;:[{&quot;id&quot;:&quot;qxfhylqx9sh1&quot;,&quot;name&quot;:&quot;Menu 1&quot;,&quot;title&quot;:&quot;Menu 1&quot;,&quot;level&quot;:1,&quot;menuItems&quot;:[{&quot;id&quot;:&quot;qe1juldmy0kk&quot;,&quot;name&quot;:&quot;Menu A&quot;,&quot;title&quot;:&quot;Menu A&quot;,&quot;level&quot;:2,&quot;menuItems&quot;:[]}]},{&quot;id&quot;:&quot;1jenqtqrij8mb&quot;,&quot;name&quot;:&quot;Menu 2&quot;,&quot;title&quot;:&quot;Menu 2&quot;,&quot;level&quot;:1,&quot;menuItems&quot;:[{&quot;id&quot;:&quot;urgv85ip8603&quot;,&quot;name&quot;:&quot;Menu B&quot;,&quot;title&quot;:&quot;Menu B&quot;,&quot;level&quot;:2,&quot;menuItems&quot;:[]}]}]}">Dynamic Menu</cron-dynamic-menu>
-</div>
+<cron-dynamic-menu
+  options='{"subMenuOptions":[{"id":"qxfhylqx9sh1","name":"Menu 1","title":"Menu 1","level":1,"menuItems":[{"id":"qe1juldmy0kk","name":"Menu A","title":"Menu A","level":2,"menuItems":[]}]},{"id":"1jenqtqrij8mb","name":"Menu 2","title":"Menu 2","level":1,"menuItems":[{"id":"urgv85ip8603","name":"Menu B","title":"Menu B","level":2,"menuItems":[]}]}]}'
+  >Dynamic Menu</cron-dynamic-menu
+>

package/components/templates/cron-frame.template.html

@@ -1,2 +1,2 @@
-<cron-frame ng-model="vars.cronFrame${RANDOM}" origin="" type="include" class="cronframe">
+<cron-frame origin="" type="include"">
 </cron-frame>

package/components/templates/cron-grid.designtime.html

@@ -1,72 +1,71 @@
-<div class="ng-scope k-grid k-widget k-display-block k-editable" data-role="grid" style=""
-     ng-init="attrs.options = attrs.options || {'allowPaging': true, 'editable': 'inline', 'columns': []}"
 
->
-  <div ng-if="attrs.options.editable && attrs.options.editable != 'no'" class="k-header k-grid-toolbar">
+<div teste="thiag" class="ng-scope k-grid k-widget k-display-block" data-role="grid"  ng-init="attrs.options = attrs.options || {'allowPaging': true, 'editable': 'inline', 'columns': []}">
+    <div class="k-header k-grid-toolbar" ng-if="attrs.options.editable && attrs.options.editable != 'no' && attrs.options.toolBarButtons.length">
 
-    <literal ng-repeat="item in attrs.options.toolBarButtons">
-      <a role="button" ng-if="item.type=='Native' && item.title=='create'" class="k-button k-button-icontext k-grid-add" href="#">
-        <span class="k-icon k-i-plus"></span>{{'ADD'|translate}}
-      </a>
-      <a role="button" ng-if="item.type=='Native' && item.title=='pdf'" class="k-button k-button-icontext k-grid-pdf" href="#">
-        <span class="k-icon k-i-file-pdf"></span>Exportar para PDF
-      </a>
-      <a role="button" ng-if="item.type=='Native' && item.title=='excel'" class="k-button k-button-icontext k-grid-excel" href="#">
-        <span class="k-icon k-i-file-excel"></span>Exportar para Excel
-      </a>
-      <a ng-if="item.type=='Customized'" class="k-button k-grid-custom ng-scope" href="javascript:void(0)">
-        <span class="{{item.iconClass}}"></span>{{item.title}}
-      </a>
-      <literal ng-if="item.type=='Title'" ng-bind-html="item.template">
-      </literal>
-
-    </literal>
-
-
-  </div>
-  <div class="k-grid-header" style="padding-right: 17px;">
-    <div class="k-grid-header-wrap k-auto-scrollable">
-      <table role="grid">
+        <literal ng-repeat="item in attrs.options.toolBarButtons">
+            <a role="button" ng-if="item.type=='Native' && item.title=='create'" class="k-button k-button-icontext k-grid-add" href="#">
+                <span class="k-icon k-i-plus"></span>{{'ADD'|translate}}
+            </a>
+            <a role="button" ng-if="item.type=='Native' && item.title=='pdf'" class="k-button k-button-icontext k-grid-pdf" href="#">
+                <span class="k-icon k-i-file-pdf"></span>Exportar para PDF
+            </a>
+            <a role="button" ng-if="item.type=='Native' && item.title=='excel'" class="k-button k-button-icontext k-grid-excel" href="#">
+                <span class="k-icon k-i-file-excel"></span>Exportar para Excel
+            </a>
+            <a ng-if="item.type=='Customized'" class="k-button k-grid-custom ng-scope" href="javascript:void(0)">
+                <span class="{{item.iconClass}}"></span>{{item.title}}
+            </a>
+            <literal ng-if="item.type=='Title'" ng-bind-html="item.template"/>
+        </literal>
+    </div>
+    <div ng-if="attrs.options.allowGrouping"  class="k-grouping-header" data-role="droptarget">Arraste aqui o cabeçalho de uma coluna para agrupar por esta coluna</div>
+    <table role="grid" data-role="selectable" class="k-selectable" style="touch-action: pan-x pan-y;">
         <colgroup>
-          <col>
-          <col style="width:155px">
+            <col ng-repeat="item in attrs.options.columns" ng-if="item.visible">
         </colgroup>
-        <thead role="rowgroup">
-        <tr role="row">
-          <th ng-repeat="item in attrs.options.columns" ng-if="item.visible" scope="col" role="columnheader" data-field="nome" aria-haspopup="true" rowspan="1" data-title="Nome" data-index="0" id="0ff7c51f-197c-4c33-a113-875e29b8ab58" class="k-header" data-role="columnsorter">
-            <a class="k-grid-filter" href="#" ng-if="item.filterable" title="Filtrar" aria-label="Filtrar" tabindex="-1"><span class="k-icon k-i-filter"></span></a>
-            <a class="k-link" href="#">{{item.headerText}}</a>
-          </th>
-          <th scope="col" id="c1cd6f40-72e8-4fef-8315-a5e32a27074a" rowspan="1" data-index="1" class="k-header"></th>
+        <thead class="k-grid-header" role="rowgroup">
+        <tr role="row" class="k-state-selected" aria-selected="true">
+
+
+            <th ng-repeat="item in attrs.options.columns" ng-if="item.visible" scope="col" role="columnheader" data-field="email" aria-haspopup="true" rowspan="1" data-title="Email" data-index="0" id="2b4d0eb0-1cc1-4f89-927b-b8c1fbcf430e" style="text-align: left;" class="k-header k-with-icon k-filterable" data-role="columnsorter">
+                <a class="k-link" href="#">{{item.headerText?parseProperty(item.headerText):''}}</a>
+                <a ng-if="item.filterable && tem.dataType != 'Customized' && item.dataType != 'Command'" class="k-grid-filter" href="#" title="Filtrar" aria-label="Filtrar" tabindex="0">
+                    <span class="k-icon k-i-filter"></span>
+                </a>
+            </th>
         </tr>
         </thead>
-      </table>
-    </div>
-  </div>
-  <div class="k-grid-content k-auto-scrollable">
-    <table role="grid" data-role="selectable" class="k-selectable">
-      <colgroup>
-        <col>
-        <col style="width:155px">
-      </colgroup>
-      <tbody role="rowgroup">
-      <tr class="k-alt" data-uid="fd166d69-f2aa-486c-8462-be82e88edf29" role="row">
-        <td role="gridcell">{{'DATA'|translate}}</td>
-        <td ng-repeat="item in attrs.options.columns" ng-if="item.command == 'edit|destroy' && item.visible" class="k-command-cell k-command-cell" role="gridcell"><a role="button" class="k-button k-button-icontext k-grid-edit" href="#"><span class="k-icon k-i-edit"></span> </a><a role="button" class="k-button k-button-icontext k-grid-delete" href="#"><span class="k-icon k-i-close"></span> </a></td>
-      </tr>
-      </tbody>
+        <tbody role="rowgroup">
+        <tr data-uid="59430dcb-6ccd-497d-954d-9b5569408cb4" role="row">
+
+            <td ng-repeat="item in attrs.options.columns | filter: {visible:true}" role="gridcell" class="{{item.dataType == 'Command'|| item.dataType == 'Customized'?'k-command-cell':''}}">
+
+                <span ng-if="item.dataType != 'Customized' && item.dataType != 'Command'">{{item.headerText?parseProperty(item.headerText):''}}</span>
+                <a ng-if="item.dataType == 'Command' && (item.command == 'edit|destroy' || item.command == 'edit')" role="button" class="k-button k-button-icontext k-grid-edit" href="#"><span class="k-icon k-i-edit"></span> </a>
+                <a ng-if="item.dataType == 'Command' && (item.command == 'edit|destroy' || item.command == 'destroy')" role="button" class="k-button k-button-icontext k-grid-delete" href="#"><span class="k-icon k-i-close"></span> </a>
+                <a ng-if="item.dataType == 'Customized'" href="" class="k-button k-custom-command k-button-with-label k-grid-f06e"><span class="{{item.iconClass}}"></span>&nbsp;{{item.headerText?parseProperty(item.headerText):''}}</a>
+            </td>
+        </tr>
+        </tbody>
     </table>
-  </div>
-  <div ng-if="attrs.options.allowPaging" class="k-pager-wrap k-grid-pager k-widget k-floatwrap" data-role="pager">
-    <a href="#" aria-label="Ir para a primeira página" title="Ir para a primeira página" class="k-link k-pager-nav k-pager-first k-state-disabled" data-page="1" tabindex="-1"><span class="k-icon k-i-arrow-end-left"></span></a>
-    <a href="#" aria-label="Ir para a página anterior" title="Ir para a página anterior" class="k-link k-pager-nav  k-state-disabled" data-page="1" tabindex="-1"><span class="k-icon k-i-arrow-60-left"></span></a>
-    <ul class="k-pager-numbers k-reset">
-      <li class="k-current-page"><span class="k-link k-pager-nav">1</span></li>
-      <li><span class="k-state-selected">1</span></li>
-    </ul>
-    <a href="#" aria-label="Ir para a próxima página" title="Ir para a próxima página" class="k-link k-pager-nav  k-state-disabled" data-page="1" tabindex="-1"><span class="k-icon k-i-arrow-60-right"></span></a>
-    <a href="#" aria-label="Ir para a última página" title="Ir para a última página" class="k-link k-pager-nav k-pager-last k-state-disabled" data-page="1" tabindex="-1"><span class="k-icon k-i-arrow-end-right"></span></a>
-    <span class="k-pager-sizes k-label"><span title="" class="k-widget k-dropdown k-header" unselectable="on" role="listbox" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-owns="" aria-live="polite" aria-disabled="false" aria-busy="false" aria-activedescendant="6105df5c-d71f-4cff-9327-baba9bcc0227" style=""><span unselectable="on" class="k-dropdown-wrap k-state-default"><span unselectable="on" class="k-input">100</span><span unselectable="on" class="k-select" aria-label="select"><span class="k-icon k-i-arrow-60-down"></span></span></span><select data-role="dropdownlist" style="display: none;" aria-label="100"><option value="all">Todos</option><option value="5">5</option><option value="10">10</option><option value="20">20</option></select></span></span>
-    <a href="#" class="k-pager-refresh k-link" title="Atualizar" aria-label="Atualizar"><span class="k-icon k-i-reload"></span></a>
-  </div>
+    <div ng-if="attrs.options.allowPaging"  class="k-pager-wrap k-grid-pager k-widget k-floatwrap" data-role="pager">
+        <a href="#" aria-label="Ir para a primeira página" title="Ir para a primeira página" class="k-link k-pager-nav k-pager-first k-state-disabled" data-page="1" tabindex="-1"><span class="k-icon k-i-arrow-end-left"></span></a><a href="#" aria-label="Ir para a página anterior" title="Ir para a página anterior" class="k-link k-pager-nav k-state-disabled" data-page="1" tabindex="-1"><span class="k-icon k-i-arrow-60-left"></span></a>
+        <ul class="k-pager-numbers k-reset">
+            <li class="k-current-page"><span class="k-link k-pager-nav">1</span></li>
+            <li><span class="k-state-selected">1</span></li>
+        </ul>
+        <a href="#" aria-label="Ir para a próxima página" title="Ir para a próxima página" class="k-link k-pager-nav k-state-disabled" data-page="1" tabindex="-1"><span class="k-icon k-i-arrow-60-right"></span></a><a href="#" aria-label="Ir para a última página" title="Ir para a última página" class="k-link k-pager-nav k-pager-last k-state-disabled" data-page="1" tabindex="-1"><span class="k-icon k-i-arrow-end-right"></span></a>
+        <span class="k-pager-sizes k-label">
+         <span title="" class="k-widget k-dropdown" unselectable="on" role="listbox" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-owns="6c3f63f1-4078-411d-97f1-23ab73b456fd_listbox" aria-live="polite" aria-disabled="false" aria-busy="false" aria-activedescendant="80106605-38e7-4b05-a056-a1c5bbdbc94d">
+            <span unselectable="on" class="k-dropdown-wrap k-state-default"><span unselectable="on" class="k-input">100</span><span unselectable="on" class="k-select" aria-label="select"><span class="k-icon k-i-arrow-60-down"></span></span></span>
+            <select data-role="dropdownlist" style="display: none;" aria-label="100">
+               <option value="all">Todos</option>
+               <option value="5">5</option>
+               <option value="10">10</option>
+               <option value="20">20</option>
+            </select>
+         </span>
+      </span>
+        <a ng-if="attrs.options.allowRefreshGrid" href="#" class="k-pager-refresh k-link" title="Atualizar" aria-label="Atualizar" tabindex="0"><span class="k-icon k-i-reload"></span></a><span class="k-pager-info k-label">Exibindo itens 1 - 1 de 1</span>
+    </div>
 </div>