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

package/components/crn-enterprise-combobox-multiple.components.json

@@ -168,7 +168,7 @@
     },
     {
       "name": "cron-disabled",
-      "selector": "cron-select",
+      "selector": "cron-multi-select",
       "displayName_en_US": "Disabled",
       "displayName_pt_BR": "Desabilitado",
       "type": "logic"

package/components/crn-enterprise-dynamic-combobox.components.json

@@ -34,7 +34,7 @@
     },
     {
       "name": "cron-disabled",
-      "selector": "cron-auto-complete",
+      "selector": "cron-dynamic-select",
       "displayName_en_US": "Disabled",
       "displayName_pt_BR": "Desabilitado",
       "type": "logic"

package/components/cron-breadcrumbs.components.json

@@ -11,9 +11,9 @@
   ],
   "templateURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/cron-breadcrumbs.template.html",
   "designTimeHTMLURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/cron-breadcrumbs.designtime.html",
-  "designTimeSelector": "cron-breadcrumbs",
+  "designTimeSelector": ":self",
   "designTimeDynamic": true,
-  "wrapper": true,
+  "wrapper": false,
   "forcedGroup": true,
   "properties": {
     "class": {

package/components/cron-ordered-list.components.json

@@ -19,16 +19,16 @@
             "order": 1
         },
         "attribute-value": {
-            "displayName_pt_BR": "Valor do atributo numerado",
-            "displayName_en_US": "Numbered attribute value"
+            "displayName_pt_BR": "Valor do atributo ordenado",
+            "displayName_en_US": "Ordered attribute value"
         },
         "list-type": {
             "displayName_pt_BR": "Tipo de lista",
             "displayName_en_US": "List type"
         },
         "ordered-attribute-value": {
-            "displayName_pt_BR": "Valor do atributo ordenado",
-            "displayName_en_US": "Ordered attribute value"
+            "displayName_pt_BR": "Valor do atributo não ordenado",
+            "displayName_en_US": "Unordered attribute value"
         }
     },
     "handleRules": {
@@ -109,13 +109,13 @@
             "values": [
                 {
                     "key": "numbered-list",
-                    "value_pt_BR": "lista numerada",
-                    "value_en_US": "Numbered list"
+                    "value_pt_BR": "Lista ordenada",
+                    "value_en_US": "Ordered list"
                 },
                 {
                     "key": "ordered-list",
-                    "value_pt_BR": "lista ordenada",
-                    "value_en_US": "Ordered list"
+                    "value_pt_BR": "Lista não ordenada",
+                    "value_en_US": "Unordered list"
                 }
             ]
         }

package/components/templates/accordion.template.html

@@ -1,11 +1,11 @@
 <div class="panel-group" id="accordion" 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" 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" 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" 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/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-dynamic-menu.template.html

@@ -1,3 +1,3 @@
-<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+<div class="">
     <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>

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>

package/components/templates/list.template.html

@@ -1,4 +1,4 @@
-<div crn-datasource="" data-component="crn-list" class="component-holder" id="" ng-repeat="rowData in datasource.data">
+<div crn-datasource="" data-component="crn-list" class="component-holder" id="" ng-repeat="rowData in datasource.data" ng-model="">
   <h1 class="text-center component-holder" xattr-position="h1 text-center" xattr-type="h1" id="crn-text-component-${RANDOM}">Title</h1>
   <h3 class="text-center component-holder h3" xattr-position="h3 text-center" xattr-type="h3" id="crn-subtitle-component-${RANDOM}">Subtitle</h3>
 </div>

package/components/templates/radiogroup.template.html

@@ -1,4 +1,4 @@
-<div class="crn-radiogroup" ng-model="vars.radio${RANDOM}">
+<div class="component-holder crn-radiogroup" ng-model="vars.radio${RANDOM}">
     <div class = "k-content" data-component="crn-radioOption">
         <input class = "k-radio" type="radio" crn-value=""  value="1" name="optionsRadios" id="optionsRadios1${COMPONENTID}" ng-checked="">
         <label class="k-radio-label" for="optionsRadios1${COMPONENTID}">Option One</label>

package/css/themes/aquamarine.min.css

@@ -0,0 +1,6 @@
+@import '../../../cronapp-lib-js/dist/js/kendo-ui/styles/kendo.common-bootstrap.min.css';
+@import '../../../cronapp-lib-js/dist/js/kendo-ui/styles/kendo.bootstrap.min.css';
+@import '../../../cronapp-lib-js/dist/js/kendo-ui/styles/kendo.bootstrap.mobile.min.css';
+@import 'custom/aquamarine/custom-aquamarine.min.css';
+@import 'custom/navigator/custom-navigator.css';
+@import '../../dist/css/cronos.css';

package/css/themes/cerulean.min.css

@@ -1,6 +1,7 @@
 @import '../../../cronapp-lib-js/dist/js/kendo-ui/styles/kendo.common-bootstrap.min.css';
+@import 'custom/navigator/custom-navigator.css';
+@import '../../dist/css/cronos.css';
 @import '../../../cronapp-lib-js/dist/js/kendo-ui/styles/kendo.bootstrap.min.css';
 @import '../../../cronapp-lib-js/dist/js/kendo-ui/styles/kendo.bootstrap.mobile.min.css';
-@import 'custom/cerulean/custom-cerulean.min.css';
-@import 'custom/navigator/custom-navigator.css';
-@import '../../dist/css/cronos.css';
+@import 'custom/theme-general/theme-general.css';
+@import 'custom/cerulean/custom-cerulean.css';