cronapp-framework-js 2.8.20 → 2.8.24

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

@@ -1,4 +1,4 @@
-<div class="form-group combobox-gray" combobox-theme="combobox-gray">
+<div class="form-group combobox-theme" combobox-theme="combobox-theme">
     <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

@@ -0,0 +1,71 @@
+<datasource data-component="crn-datasource" name="" entity="" keys="" rows-per-page="100" on-before-create="" on-after-create="" on-before-update="" on-after-update="" on-before-delete="" on-after-delete="" on-after-fill="" lazy="true"></datasource>
+
+<h1 class="title component-holder text-left h3" xattr-position="text-left" xattr-type="h3" data-component="crn-text-component" id="crn-text-component-${RANDOM}">Title</h1>
+
+<div class="component-holder ng-scope" data-component="crn-textinput" id="crn-textinput-${RANDOM}">
+    <div class="form-group">
+        <label for="input${RANDOM}">{{"template.crud.search" | translate}}</label>
+        <input type="search" mask="" mask-placeholder="" ng-required="false" ng-model="vars.input${RANDOM}" class="form-control k-textbox" id="input${RANDOM}" placeholder="{{&quot;template.crud.search&quot; | translate}}">
+    </div>
+</div>
+
+<div class="component-holder ng-scope" data-component="crn-cron-grid" id="crn-cron-grid-${RANDOM}">
+    <cron-grid options="" ng-model="vars.grid${RANDOM}" scrollable="false" class=""></cron-grid>
+</div>
+
+<section class="form">
+    <form crn-datasource="" data-component="crn-form">
+        <div class="tool-bar" ng-hide="datasource.editing || datasource.inserting">
+            <div class="component-holder ng-scope" data-component="crn-button" id="crn-button-8499">
+                <button aria-label="{{'StartInserting' | translate}}" class="btn k-button btn-fab btn-default" ng-click="datasource.startInserting()" xattr-theme="btn-default" xattr-fullsize="">
+                    <span class="k-icon k-i-plus color-theme" icon-theme="color-theme" text-theme="color-theme"></span>
+                </button>
+            </div>
+
+            <div class="component-holder ng-scope" data-component="crn-button" id="crn-button-8499">
+                <button aria-label="{{'StartEditing' | translate}}" class="btn k-button btn-fab btn-default" ng-click="datasource.startEditing()" xattr-theme="btn-default" xattr-fullsize="">
+                    <span class="k-icon k-i-edit color-theme" icon-theme="color-theme" text-theme="color-theme"></span>
+                </button>
+            </div>
+
+            <div class="component-holder ng-scope" data-component="crn-button" id="crn-button-84681">
+                <button aria-label="{{'Before' | translate}}" class="btn k-button btn-fab btn-default disabled" ng-disabled="!datasource.hasPrevious()" ng-click="datasource.previous()" xattr-theme="btn-default" xattr-fullsize="">
+                    <span class="k-icon k-i-arrow-chevron-left color-theme" icon-theme="color-theme" text-theme="color-theme"></span>
+                </button>
+            </div>
+
+            <div class="component-holder ng-scope" data-component="crn-button" id="crn-button-8499">
+                <button aria-label="{{'Next' | translate}}" class="btn k-button btn-fab btn-default disabled" ng-disabled="!datasource.hasNext()" ng-click="datasource.next()" xattr-theme="btn-default" xattr-fullsize="">
+                    <span class="k-icon k-i-arrow-chevron-right color-theme" icon-theme="color-theme" text-theme="color-theme"></span>
+                </button>
+            </div>
+
+            <div class="component-holder ng-scope" data-component="crn-button" id="crn-button-8499">
+                <button aria-label="{{'Remove' | translate}}" class="btn k-button btn-fab btn-danger" ng-click="datasource.remove()" xattr-theme="btn-danger" xattr-fullsize="">
+                    <span class="k-icon k-i-close color-theme" icon-theme="color-theme" text-theme="color-theme"></span>
+                </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="crn-button-8499">
+                <button aria-label="{{'SaveChanges' | translate}}" class="btn k-button btn-fab btn-success" ng-disabled="!datasource.hasNext()" ng-click="datasource.post()" xattr-theme="btn-success" id="btn_crud_post_8499" xattr-fullsize="">
+                    <span class="k-icon k-i-check color-theme" icon-theme="color-theme" text-theme="color-theme"></span>
+                </button>
+            </div>
+
+            <div class="component-holder ng-scope" data-component="crn-button" id="crn-button-8499">
+                <button aria-label="{{'CancelChanges' | translate}}" class="btn k-button btn-fab btn-danger" ng-click="datasource.cancel()" xattr-theme="btn-danger" id="btn_crud_cancel_8499" xattr-fullsize="">
+                    <span class="k-icon k-i-cancel color-theme" icon-theme="color-theme" text-theme="color-theme"></span>
+                </button>
+            </div>
+
+        </div>
+        <br>
+        <div class="component-holder ng-scope crn-fieldset" data-component="crn-horizontal-container" id="crn-horizontal-container-${RANDOM}" ng-disabled="!datasource.editing &amp;&amp; !datasource.inserting">
+            <div class="col-md-12" style="padding-left: 0; padding-right: 0;" data-container="true" data-replace="true">
+                Arraste os campos do formulário aqui</div>
+        </div>
+    </form>
+</section>

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

@@ -1,5 +1,4 @@
 <div class="form-group" id="cron-${COMPONENTID}">
     <label for="cron-${COMPONENTID}">Label</label>
-    <cron-dynamic-select options="{}" ng-required="false" id="cron-${COMPONENTID}" ng-model="vars.dynCombobox${RANDOM}" class="k-textbox crn-select form-control" style="">
-    </cron-dynamic-select>
-</div> 
+    <cron-dynamic-select  ng-required="false" id="cron-${COMPONENTID}" ng-model="vars.dynCombobox${RANDOM}" class="k-textbox crn-select form-control" no-results-message="{{'noDataFound' | translate}}" validationmessage="{{'requiredField' | translate}}" options="{}"></cron-dynamic-select>
+</div>

package/components/templates/fileupload-button.template.html

@@ -1,4 +1,4 @@
-<label class="btn btn-primary" xattr-theme="btn-primary">
+<label class="btn btn-default" xattr-theme="btn-default">
     <i class="glyphicon glyphicon-cloud-upload"></i> 
     <input type="file" style="display:none" onchange="$('#upload-file-info').html($(this).val().split('\\')[2])">
     <span>Upload</span>

package/components/templates/fileupload.template.html

@@ -1,6 +1,6 @@
 <div class="">
     <form action="" method="post" enctype="multipart/form-data">
-        <label class=" component-holder btn btn-primary k-button" xattr-theme="btn-primary" data-component="crn-upload-file">
+        <label class=" component-holder btn btn-default k-button" xattr-theme="btn-default" data-component="crn-upload-file">
             <i class="glyphicon glyphicon-cloud-upload"></i>
             <input type="file" style="display:none" onchange="$('#upload-file-info').html($(this).val().split('\\')[2])">
             <span>Upload</span>

package/components/templates/form.template.html

@@ -1,31 +1,54 @@
 <section class="form">
   <form crn-datasource="" data-component="crn-form">
     <div class="tool-bar" ng-hide="datasource.editing || datasource.inserting">
-      <button aria-label="{{'StartInserting' | translate}}" class="btn btn-primary btn-fab k-button"
-        data-component="crn-button" ng-click="datasource.startInserting()"><span
-          class="k-icon k-i-plus"></span></button>
-      <button aria-label="{{'StartEditing' | translate}}" class="btn btn-primary btn-fab k-button"
-        data-component="crn-button" ng-click="datasource.startEditing()"><span class="k-icon k-i-edit"></span></button>
-      <button aria-label="{{'Before' | translate}}" class="btn btn-primary btn-fab k-button" data-component="crn-button"
-        ng-disabled="!datasource.hasPrevious()" ng-click="datasource.previous()"><span
-          class="k-icon k-i-arrow-chevron-left"></span></button>
-      <button aria-label="{{'Next' | translate}}" class="btn btn-primary btn-fab k-button" data-component="crn-button"
-        ng-disabled="!datasource.hasNext()" ng-click="datasource.next()"><span
-          class="k-icon k-i-arrow-chevron-right"></span></button>
-      <button aria-label="{{'Remove' | translate}}" class="btn btn-danger btn-fab k-button" data-component="crn-button"
-        ng-click="datasource.remove()"><span class="k-icon k-i-close"></span></button>
+      <div class="component-holder ng-scope" data-component="crn-button" id="crn-button-8499">
+        <button aria-label="{{'StartInserting' | translate}}" class="btn k-button btn-fab btn-default" ng-click="datasource.startInserting()" xattr-theme="btn-default" xattr-fullsize="">
+          <span class="k-icon k-i-plus color-theme" icon-theme="color-theme" text-theme="color-theme"></span>
+        </button>
+      </div>
+
+      <div class="component-holder ng-scope" data-component="crn-button" id="crn-button-8499">
+        <button aria-label="{{'StartEditing' | translate}}" class="btn k-button btn-fab btn-default" ng-click="datasource.startEditing()" xattr-theme="btn-default" xattr-fullsize="">
+          <span class="k-icon k-i-edit color-theme" icon-theme="color-theme" text-theme="color-theme"></span>
+        </button>
+      </div>
+
+      <div class="component-holder ng-scope" data-component="crn-button" id="crn-button-84681">
+        <button aria-label="{{'Before' | translate}}" class="btn k-button btn-fab btn-default disabled" ng-disabled="!datasource.hasPrevious()" ng-click="datasource.previous()" xattr-theme="btn-default" xattr-fullsize="">
+          <span class="k-icon k-i-arrow-chevron-left color-theme" icon-theme="color-theme" text-theme="color-theme"></span>
+        </button>
+      </div>
+
+      <div class="component-holder ng-scope" data-component="crn-button" id="crn-button-8499">
+        <button aria-label="{{'Next' | translate}}" class="btn k-button btn-fab btn-default disabled" ng-disabled="!datasource.hasNext()" ng-click="datasource.next()" xattr-theme="btn-default" xattr-fullsize="">
+          <span class="k-icon k-i-arrow-chevron-right color-theme" icon-theme="color-theme" text-theme="color-theme"></span>
+        </button>
+      </div>
+
+      <div class="component-holder ng-scope" data-component="crn-button" id="crn-button-8499">
+        <button aria-label="{{'Remove' | translate}}" class="btn k-button btn-fab btn-danger" ng-click="datasource.remove()" xattr-theme="btn-danger" xattr-fullsize="">
+          <span class="k-icon k-i-close color-theme" icon-theme="color-theme" text-theme="color-theme"></span>
+        </button>
+      </div>
+
     </div>
     <div class="active-bar" ng-hide="!datasource.editing &amp;&amp; !datasource.inserting">
-      <button aria-label="{{'SaveChanges' | translate}}" class="btn btn-success btn-fab k-button"
-        id="btn_crud_post_${RANDOM}" data-component="crn-button" ng-click="datasource.post()"><span
-          class="k-icon k-i-check"></span></button>
-      <button aria-label="{{'CancelChanges' | translate}}" class="btn btn-danger btn-fab k-button"
-        id="btn_crud_cancel_${RANDOM}" data-component="crn-button" ng-click="datasource.cancel()"><span
-          class="k-icon k-i-cancel"></span></button>
+
+      <div class="component-holder ng-scope" data-component="crn-button" id="crn-button-8499">
+        <button aria-label="{{'SaveChanges' | translate}}" class="btn k-button btn-fab btn-success" ng-disabled="!datasource.hasNext()" ng-click="datasource.post()" xattr-theme="btn-success" id="btn_crud_post_8499" xattr-fullsize="">
+          <span class="k-icon k-i-check color-theme" icon-theme="color-theme" text-theme="color-theme"></span>
+        </button>
+      </div>
+
+      <div class="component-holder ng-scope" data-component="crn-button" id="crn-button-8499">
+        <button aria-label="{{'CancelChanges' | translate}}" class="btn k-button btn-fab btn-danger" ng-click="datasource.cancel()" xattr-theme="btn-danger" id="btn_crud_cancel_8499" xattr-fullsize="">
+          <span class="k-icon k-i-cancel color-theme" icon-theme="color-theme" text-theme="color-theme"></span>
+        </button>
+      </div>
+
     </div>
     <br>
-    <div class="component-holder ng-scope crn-fieldset" data-component="crn-horizontal-container"
-      id="crn-horizontal-container-${RANDOM}" ng-disabled="!datasource.editing &amp;&amp; !datasource.inserting">
+    <div class="component-holder ng-scope crn-fieldset" data-component="crn-horizontal-container" id="crn-horizontal-container-${RANDOM}" ng-disabled="!datasource.editing &amp;&amp; !datasource.inserting">
       <div class="col-md-12" style="padding-left: 0; padding-right: 0;" data-container="true" data-replace="true">
         Arraste os campos do formulário aqui</div>
     </div>

package/components/templates/grid-horizontal.template.html

@@ -1,2 +1,4 @@
-<div class="col-md-6" data-container="true" data-replace="true">Content goes here</div> 
-<div class="col-md-6" data-container="true" data-replace="true">Content goes here</div>
+<div class="layout-horizontal">
+    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6" data-container="true" data-replace="true">Content goes here</div>
+    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6" data-container="true" data-replace="true">Content goes here</div>
+</div>

package/components/templates/grid-vertical.template.html

@@ -1,2 +1,4 @@
-<div class="col-md-12" data-container="true" data-replace="true">Content goes here</div> 
-<div class="col-md-12" data-container="true" data-replace="true">Content goes here</div>
+<div class="layout-vertical">
+    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" data-container="true" data-replace="true">Content goes here</div>
+    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" data-container="true" data-replace="true">Content goes here</div>
+</div>

package/components/templates/icon.template.html

@@ -1 +1 @@
-<div><i class="fa fa-star" icon-size="" icon-theme=""></i></div>
+<i class="fa fa-star font-size-theme color-theme" icon-size="font-size-theme" icon-theme="color-theme"></i>

package/components/templates/image.default.template.html

@@ -1,2 +1 @@
-<img alt="image" src="node_modules/cronapp-framework-js/img/placehold-100x100.png" class="crn-image"
-    style="object-fit: contain;"  object-fit="object-fit: contain;" xattr-position="" width="100px" height="100px" />
+<img alt="image" src="node_modules/cronapp-framework-js/img/placehold-100x100.png" class="crn-image object-fit-contain" object-fit="object-fit-contain" xattr-position="" width="100px" height="100px" />

package/components/templates/rating.template.html

@@ -1,9 +1,9 @@
-<div>
+<div class="component-holder ng-scope" data-component="crn-rating" id="crn-rating-${RANDON}">
     <cronapp-rating ng-model="vars.evaluation${RANDOM}" icon-off="fa fa-star-o" xattr-default-value="">
-        <i style="font-size: 200%; color: #3A3A3A;" icon-theme="color: #3A3A3A;"  icon-size="" class="component-holder fa fa-star"></i>
-        <i style="font-size: 200%; color: #3A3A3A;" icon-theme="color: #3A3A3A;"  icon-size="" class="component-holder fa fa-star"></i>
-        <i style="font-size: 200%; color: #3A3A3A;" icon-theme="color: #3A3A3A;"  icon-size="" class="component-holder fa fa-star"></i>
-        <i style="font-size: 200%; color: #3A3A3A;" icon-theme="color: #3A3A3A;"  icon-size="" class="component-holder fa fa-star"></i>
-        <i style="font-size: 200%; color: #3A3A3A;" icon-theme="color: #3A3A3A;"  icon-size="" class="component-holder fa fa-star"></i>
+        <i data-theme="color-theme" data-size="font-size-theme" class="fa fa-star color-theme font-size-theme"></i>
+        <i data-theme="color-theme" data-size="font-size-theme" class="fa fa-star color-theme font-size-theme"></i>
+        <i data-theme="color-theme" data-size="font-size-theme" class="fa fa-star color-theme font-size-theme"></i>
+        <i data-theme="color-theme" data-size="font-size-theme" class="fa fa-star color-theme font-size-theme"></i>
+        <i data-theme="color-theme" data-size="font-size-theme" class="fa fa-star color-theme font-size-theme"></i>
     </cronapp-rating>
-</div> 
+</div>

package/components/templates/social-button-bar.template.html

@@ -1,12 +1,11 @@
-<div class="component-holder ng-binding ng-scope col-xs-12 col-md-12" data-component="crn-social-login"
-  id="crn-social-login${RANDOM}">
+<div class="component-holder ng-binding ng-scope col-xs-12 col-md-12" data-component="crn-social-login" id="crn-social-login${RANDOM}">
   <ul class="list-inline center-block text-center">
     <li data-container="true">
       <form action="/signin/facebook" method="POST" id="facebook">
         <input type="hidden" name="scope" value="email,public_profile">
         <a title="Facebook" role="button" onclick="document.getElementById('facebook').submit();">
-          <div data-component="crn-icon" class="component-holder" id="crn-icon-${RANDOM}">
-            <i class="fa fa-2x fa-facebook" style="color: #3A3A3A;" icon-theme="" icon-theme="" icon-size=""></i>
+          <div class="component-holder ng-scope" data-component="crn-icon" id="crn-icon-${RANDOM}">
+            <i class="fa fa-2x fa-facebook font-size-theme color-theme" icon-size="font-size-theme" icon-theme="color-theme"></i>
           </div>
         </a>
       </form>
@@ -15,8 +14,8 @@
       <form action="/signin/github" method="POST" id="github">
         <input type="hidden" name="scope" value="email,public_profile">
         <a title="GitHub" role="button" onclick="document.getElementById('github').submit();">
-          <div data-component="crn-icon" class="component-holder" id="crn-icon-${RANDOM}">
-            <i class="fa fa-2x fa-github-alt" style="color: #3A3A3A;" icon-theme="" icon-theme="" icon-size=""></i>
+          <div class="component-holder ng-scope" data-component="crn-icon" id="crn-icon-${RANDOM}">
+            <i class="fa fa-2x fa-github-alt font-size-theme color-theme" icon-size="font-size-theme" icon-theme="color-theme"></i>
           </div>
         </a>
       </form>
@@ -25,8 +24,8 @@
       <form action="/signin/linkedin" method="POST" id="linkedin">
         <input type="hidden" name="scope" value="r_emailaddress">
         <a title="LinkedIn" role="button" onclick="document.getElementById('linkedin').submit();">
-          <div data-component="crn-icon" class="component-holder" id="crn-icon-${RANDOM}">
-            <i class="fa fa-2x fa-linkedin-square" style="color: #3A3A3A;" icon-theme="" icon-theme="" icon-size=""></i>
+          <div class="component-holder ng-scope" data-component="crn-icon" id="crn-icon-${RANDOM}">
+            <i class="fa fa-2x fa-linkedin-square font-size-theme color-theme" icon-size="font-size-theme" icon-theme="color-theme"></i>
           </div>
         </a>
       </form>
@@ -35,8 +34,8 @@
       <form action="/signin/google" method="POST" id="google">
         <input type="hidden" name="scope" value="email">
         <a title="Google" role="button" onclick="document.getElementById('google').submit();">
-          <div data-component="crn-icon" class="component-holder" id="crn-icon-${RANDOM}">
-            <i class="fa fa-2x fa-google" style="color: #3A3A3A;" icon-theme="" icon-theme="" icon-size=""></i>
+          <div class="component-holder ng-scope" data-component="crn-icon" id="crn-icon-${RANDOM}">
+            <i class="fa fa-2x fa-google font-size-theme color-theme" icon-size="font-size-theme" icon-theme="color-theme"></i>
           </div>
         </a>
       </form>
@@ -45,8 +44,8 @@
       <form action="/signin/cronapp" method="POST" id="cronapp">
         <input type="hidden" name="scope" value="email">
         <a title="CronApp" role="button" onclick="document.getElementById('cronapp').submit();">
-          <div data-component="crn-icon" class="component-holder" id="crn-icon-${RANDOM}">
-            <i class="fa fa-2x fa-cloud" style="color: #3A3A3A;" icon-theme="" icon-theme="" icon-size=""></i>
+          <div class="component-holder ng-scope" data-component="crn-icon" id="crn-icon-${RANDOM}">
+            <i class="fa fa-2x fa-cloud font-size-theme color-theme" icon-size="font-size-theme" icon-theme="color-theme"></i>
           </div>
         </a>
       </form>

package/components/templates/sub-form.template.html

@@ -1,21 +1,54 @@
 <section class="form">
     <div crn-datasource="" data-component="crn-sub-form">
         <div class="tool-bar" ng-hide="datasource.editing || datasource.inserting">
-            <button aria-label="{{'StartInserting' | translate}}" class="btn btn-primary btn-fab k-button" data-component="crn-button" ng-click="datasource.startInserting()"><span class="k-icon k-i-plus"></span></button>
-            <button aria-label="{{'StartEditing' | translate}}" class="btn btn-primary btn-fab k-button" data-component="crn-button" ng-click="datasource.startEditing()"><span class="k-icon k-i-edit"></span></button>
-            <button aria-label="{{'Before' | translate}}" class="btn btn-primary btn-fab k-button" data-component="crn-button" ng-disabled="!datasource.hasPrevious()" ng-click="datasource.previous()"><span class="k-icon k-i-arrow-chevron-left"></span></button>
-            <button aria-label="{{'Next' | translate}}" class="btn btn-primary btn-fab k-button" data-component="crn-button" ng-disabled="!datasource.hasNext()" ng-click="datasource.next()"><span class="k-icon k-i-arrow-chevron-right"></span></button>
-            <button aria-label="{{'Remove' | translate}}" class="btn btn-danger btn-fab k-button" data-component="crn-button" ng-click="datasource.remove()"><span class="k-icon k-i-close"></span></button>
+            <div class="component-holder ng-scope" data-component="crn-button" id="crn-button-8499">
+                <button aria-label="{{'StartInserting' | translate}}" class="btn k-button btn-fab btn-default" ng-click="datasource.startInserting()" xattr-theme="btn-default" xattr-fullsize="">
+                    <span class="k-icon k-i-plus color-theme" icon-theme="color-theme" text-theme="color-theme"></span>
+                </button>
+            </div>
+
+            <div class="component-holder ng-scope" data-component="crn-button" id="crn-button-8499">
+                <button aria-label="{{'StartEditing' | translate}}" class="btn k-button btn-fab btn-default" ng-click="datasource.startEditing()" xattr-theme="btn-default" xattr-fullsize="">
+                    <span class="k-icon k-i-edit color-theme" icon-theme="color-theme" text-theme="color-theme"></span>
+                </button>
+            </div>
+
+            <div class="component-holder ng-scope" data-component="crn-button" id="crn-button-84681">
+                <button aria-label="{{'Before' | translate}}" class="btn k-button btn-fab btn-default disabled" ng-disabled="!datasource.hasPrevious()" ng-click="datasource.previous()" xattr-theme="btn-default" xattr-fullsize="">
+                    <span class="k-icon k-i-arrow-chevron-left color-theme" icon-theme="color-theme" text-theme="color-theme"></span>
+                </button>
+            </div>
+
+            <div class="component-holder ng-scope" data-component="crn-button" id="crn-button-8499">
+                <button aria-label="{{'Next' | translate}}" class="btn k-button btn-fab btn-default disabled" ng-disabled="!datasource.hasNext()" ng-click="datasource.next()" xattr-theme="btn-default" xattr-fullsize="">
+                    <span class="k-icon k-i-arrow-chevron-right color-theme" icon-theme="color-theme" text-theme="color-theme"></span>
+                </button>
+            </div>
+
+            <div class="component-holder ng-scope" data-component="crn-button" id="crn-button-8499">
+                <button aria-label="{{'Remove' | translate}}" class="btn k-button btn-fab btn-danger" ng-click="datasource.remove()" xattr-theme="btn-danger" xattr-fullsize="">
+                    <span class="k-icon k-i-close color-theme" icon-theme="color-theme" text-theme="color-theme"></span>
+                </button>
+            </div>
         </div>
         <div class="active-bar" ng-hide="!datasource.editing &amp;&amp; !datasource.inserting">
-            <button aria-label="{{'SaveChanges' | translate}}" class="btn btn-success btn-fab k-button" id="btn_crud_post41107" data-component="crn-button" ng-click="datasource.post()"><span class="k-icon k-i-check"></span></button>
-            <button aria-label="{{'CancelChanges' | translate}}" class="btn btn-danger btn-fab k-button" id="btn_crud_cancel41107" data-component="crn-button" ng-click="datasource.cancel()"><span class="k-icon k-i-cancel"></span></button>
+            <div class="component-holder ng-scope" data-component="crn-button" id="crn-button-8499">
+                <button aria-label="{{'SaveChanges' | translate}}" class="btn k-button btn-fab btn-success" ng-disabled="!datasource.hasNext()" ng-click="datasource.post()" xattr-theme="btn-success" id="btn_crud_post_8499" xattr-fullsize="">
+                    <span class="k-icon k-i-check color-theme" icon-theme="color-theme" text-theme="color-theme"></span>
+                </button>
+            </div>
+
+            <div class="component-holder ng-scope" data-component="crn-button" id="crn-button-8499">
+                <button aria-label="{{'CancelChanges' | translate}}" class="btn k-button btn-fab btn-danger" ng-click="datasource.cancel()" xattr-theme="btn-danger" id="btn_crud_cancel_8499" xattr-fullsize="">
+                    <span class="k-icon k-i-cancel color-theme" icon-theme="color-theme" text-theme="color-theme"></span>
+                </button>
+            </div>
+
         </div>
         <br>
-        <div class="component-holder ng-scope crn-fieldset" data-component="crn-horizontal-container"
-        id="crn-horizontal-container-${RANDOM}" ng-disabled="!datasource.editing &amp;&amp; !datasource.inserting">
-        <div class="col-md-12" style="padding-left: 0; padding-right: 0;" data-container="true" data-replace="true">
-            Arraste os campos do formulário aqui</div>
+        <div class="component-holder ng-scope crn-fieldset" data-component="crn-horizontal-container" id="crn-horizontal-container-${RANDOM}" ng-disabled="!datasource.editing &amp;&amp; !datasource.inserting">
+            <div class="col-md-12" style="padding-left: 0; padding-right: 0;" data-container="true" data-replace="true">
+                Arraste os campos do formulário aqui</div>
         </div>
     </div>
 </section>

package/components/templates/textinputbutton.template.html

@@ -3,5 +3,7 @@
     <div class="input-group">
         <input id="inputButton${RANDOM}" type="text" mask="" mask-placeholder="" ng-required="false" class="form-control k-textbox" ng-model="vars.input${RANDOM}" placeholder="Placeholder text">
     </div>
-    <button class="btn component-holder btn-success k-button" type="submit" ng-click="" xattr-size="" xattr-fullsize="" xattr-theme="btn-succes" data-component="crn-button" id="crn-button-${RANDOM}"><i class=""></i><span>Button</span></button>
+    <div class="component-holder ng-scope crn-button-form-group" data-component="crn-button" id="crn-button-${RANDOM}">
+        <button class="btn k-button btn-default" type="submit" ng-click="" xattr-fullsize="" xattr-theme="btn-default" xattr-disabled=""><i class="" icon-theme="color-theme"></i> <span class="color-theme" text-theme="color-theme">Button</span></button>
+    </div>
 </div>