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

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

@@ -2,12 +2,17 @@
   "name": "crn-enterprise-dynamic-autocomplete",
   "onDrop": "openEditor",
   "onDoubleClick": "openEditor",
-  "text_pt_BR": "Auto Completar Dinâmico",
+  "text_pt_BR": "Auto completar dinâmico",
   "text_en_US": "Dynamic Auto Complete",
-  "class": "adjust-icon mdi mdi-receipt",
+  "image": "/node_modules/cronapp-framework-js/img/cron-icon/crn-enterprise-dynamic-autocomplete.svg",
+  "description": "Campo que apresenta dados enquanto digita",
+  "description_en_US": "Field that displays data as you type",
+  "category": [
+    "COMBOS", "INPUTS", "FORMS"
+  ],
   "designTimeDynamic": true,
   "designTimeHTMLURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/cron-autocomplete.designtime.html",
-  "designTimeSelector": "cron-auto-complete",
+  "designTimeSelector": ":self",
   "templateURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/cron-dynamic-autocomplete.template.html",
   "properties": {
     "class": {
@@ -40,8 +45,45 @@
       "name": "content",
       "selector": "label",
       "type": "text",
+      "displayName_pt_BR": "Título",
+      "displayName_en_US": "Title",
       "order": 2
     },
+    {
+      "name": "auto-expand",
+      "selector": "cron-auto-complete",
+      "displayName_pt_BR": "Expandir automaticamente",
+      "displayName_en_US": "Auto expand",
+      "type": "logic",
+      "order": 4,
+      "mandatory": false
+    },
+    {
+      "name": "first-option-on-blur",
+      "selector": "cron-auto-complete",
+      "displayName_pt_BR": "Selecionar primeira opção ao sair",
+      "displayName_en_US": "Select first option on blur",
+      "type": "logic",
+      "order": 5,
+      "mandatory": false
+    },
+    {
+      "name": "no-results-message",
+      "selector": "cron-auto-complete",
+      "displayName_pt_BR": "Texto quando não tem resultados",
+      "displayName_en_US": "Text when there are no results",
+      "type": "text",
+      "order": 6,
+      "mandatory": false
+    },
+    {
+      "name": "cron-disabled",
+      "selector": "cron-auto-complete",
+      "displayName_en_US": "Disabled",
+      "displayName_pt_BR": "Desabilitado",
+      "type": "logic",
+      "order": 7
+    },
     {
       "name": "ng-select",
       "selector": "cron-auto-complete",
@@ -80,34 +122,44 @@
     {
       "name": "ng-required",
       "selector": "cron-auto-complete",
-      "type": "logic"
+      "type": "logic",
+      "order": 7
+    },
+    {
+      "name": "validationMessage",
+      "selector": "cron-auto-complete",
+      "displayName_pt_BR": "Texto quando requerido",
+      "displayName_en_US": "Text when required",
+      "type": "text",
+      "mandatory": false,
+      "order": 8
     }
   ],
   "styles": [
     {
-      "selector": "div#{id} .k-autocomplete",
-      "text_pt_BR": "Geral",
-      "text_en_US": "General"
-    },
-    {
-      "selector": "div#{id} .k-input",
-      "text_pt_BR": "Entrada de Texto",
+      "selector": "div#{id} .cronAutoComplete",
+      "text_pt_BR": "Entrada de Dados",
       "text_en_US": "Input"
     },
     {
       "selector": "div#{id} label",
-      "text_pt_BR": "Label",
-      "text_en_US": "Label"
+      "text_pt_BR": "Título",
+      "text_en_US": "Title"
+    },
+    {
+      "selector": ".k-animation-container div#cron-{id}-list",
+      "text_pt_BR": "Plano de fundo lista de Itens",
+      "text_en_US": "List Items Background"
     },
     {
-      "selector": "div#autoComplete{id}-select-list",
-      "text_pt_BR": "Lista de Itens",
-      "text_en_US": "Item List"
+      "selector": "div#cron-{id}-list .k-list .k-item",
+      "text_pt_BR": "Itens da Lista",
+      "text_en_US": "List Item"
     },
     {
-      "selector": "div#autoComplete{id}-select-list>div>ul>li.k-state-hover",
+      "selector": "div#cron-{id}-list .k-list .k-state-hover",
       "text_pt_BR": "Item da Lista Hover",
-      "text_en_US": "Item List Hover"
+      "text_en_US": "List Item Hover"
     }
   ]
-}
+}

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

@@ -4,7 +4,12 @@
   "onDoubleClick": "openEditor",
   "text_pt_BR": "Caixa de seleção dinâmica",
   "text_en_US": "Dynamic Combobox",
-  "class": "adjust-icon mdi mdi-nutrition",
+  "image": "/node_modules/cronapp-framework-js/img/cron-icon/crn-enterprise-dynamic-combobox.svg",
+  "description": "Campo de seleção com valores da fonte de dados",
+  "description_en_US": "Selection field with data source values",
+  "category": [
+    "INPUTS", "FORMS", "COMBOS"
+  ],
   "order": 3,
   "setRandomId": false,
   "designTimeDynamic": true,
@@ -20,6 +25,20 @@
     }
   },
   "childrenProperties": [
+    {
+      "name": "no-results-message",
+      "selector": "cron-dynamic-select",
+      "displayName_pt_BR": "Texto quando não tem resultados",
+      "displayName_en_US": "Text when there are no results",
+      "type": "text"
+    },
+    {
+      "name": "cron-disabled",
+      "selector": "cron-auto-complete",
+      "displayName_en_US": "Disabled",
+      "displayName_pt_BR": "Desabilitado",
+      "type": "logic"
+    },
     {
       "name": "ng-change",
       "selector": "cron-dynamic-select",
@@ -74,13 +93,25 @@
     {
       "name": "content",
       "selector": "label",
-      "type": "content",
+      "displayName_pt_BR": "Título",
+      "displayName_en_US": "Title",
+      "type": "text",
       "order": 2
     },
     {
       "name": "ng-required",
       "selector": "cron-dynamic-select",
-      "type": "logic"
+      "type": "logic",
+      "order": 4
+    },
+    {
+      "name": "validationMessage",
+      "selector": "cron-dynamic-select",
+      "displayName_pt_BR": "Texto quando requerido",
+      "displayName_en_US": "Text when required",
+      "type": "text",
+      "mandatory": false,
+      "order": 5
     },
     {
       "name": "id",
@@ -90,40 +121,35 @@
     }
   ],
   "styles": [
-    {
-      "selector": "div#{id} .k-select",
-      "text_pt_BR": "Seta",
-      "text_en_US": "Dropdown"
-    },
     {
       "selector": "div#{id} .k-dropdown-wrap",
-      "text_pt_BR": "Geral",
-      "text_en_US": "General"
+      "text_pt_BR": "Caixa de Seleção",
+      "text_en_US": "Combobox"
     },
     {
-      "selector": "div#{id} .k-input",
-      "text_pt_BR": "Campo da Caixa de Seleção",
-      "text_en_US": "Select Field"
+      "selector": "div#{id} .k-dropdown-wrap .k-select",
+      "text_pt_BR": "Seta",
+      "text_en_US": "Dropdown"
     },
     {
-      "selector": "div#{id} label",
-      "text_pt_BR": "Label",
-      "text_en_US": "Label"
+      "selector": "label#{id}_label",
+      "text_pt_BR": "Título",
+      "text_en_US": "Title"
     },
     {
-      "selector": "div#combobox{id}-select-list",
+      "selector": "#{id}-list, #{id}-list .k-list-optionlabel",
       "text_pt_BR": "Lista de Itens",
       "text_en_US": "Item List"
     },
     {
-      "selector": "div#cron-{id}-list>div>div>ul>li.k-state-hover",
+      "selector": "#{id}_listbox .k-state-hover",
       "text_pt_BR": "Item da Lista Hover",
       "text_en_US": "Item List Hover"
     },
     {
-      "selector": "div#cron-{id}-list>div>div>ul>li.k-state-focused",
+      "selector": "#{id}_listbox .k-state-focused",
       "text_pt_BR": "Item Selecionado",
       "text_en_US": "Selected Item"
     }
   ]
-}
+}

package/components/crn-form-template.components.json

@@ -3,7 +3,12 @@
   "text_pt_BR": "Formulário",
   "text_en_US": "Form",
   "order": 2,
-  "class": "adjust-icon mdi mdi-format-align-justify",
+  "image": "/node_modules/cronapp-framework-js/img/cron-icon/crn-form.svg",
+  "description": "Estrutura completa para criar/atualizar/deletar cadastros de dados",
+  "description_en_US": "Complete structure for creating/updating/deleting data entries",
+  "category": [
+    "COMBOS"
+  ],
   "designTimeSelector": "form",
   "templateURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/form.template.html"
-}
+}

package/components/crn-four-eight-container.components.json

@@ -0,0 +1,43 @@
+{
+    "name": "crn-four-eight-container",
+    "text_pt_BR": "2 Colunas (4/8)",
+    "text_en_US": "2 Columns (4/8)",
+    "image": "/node_modules/cronapp-framework-js/img/cron-icon/crn-four-eight-container.svg",
+    "description": "Três recipiente ao lado para inserir componentes",
+    "description_en_US": "Three container on the side for inserting components",
+    "category": [
+        "LAYOUTS"
+    ],
+    "templateURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/Component_Container/crn-four-eight-container.template.html",
+    "wrapper": false,
+    "autoWrapper": true,
+    "properties": {
+        "class": {
+            "order": 9999
+        },
+        "ng-init": {
+            "removable": true,
+            "type": "event"
+        },
+        "ng-click": {
+            "removable": true,
+            "type": "event"
+        },
+        "ng-dblclick": {
+            "removable": true,
+            "type": "event"
+        },
+        "ng-mouseenter": {
+            "removable": true,
+            "type": "event"
+        },
+        "ng-mouseleave": {
+            "removable": true,
+            "type": "event"
+        },
+        "ng-mousemove": {
+            "removable": true,
+            "type": "event"
+        }
+    }
+}

package/components/crn-frame.components.json

@@ -0,0 +1,68 @@
+{
+  "name": "crn-frame",
+  "text_pt_BR": "Frame",
+  "text_en_US": "Frame",
+  "description": "Componente visual que pode ser utilizado dentro de uma página",
+  "description_en_US": "Visual component that can be used within a page",
+  "image": "/node_modules/cronapp-framework-js/img/cron-icon/crn-frame.svg",
+  "forcedGroup": true,
+  "category": [
+    "LAYOUTS"
+  ],
+  "designTimeHTMLURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/cron-frame.designtime.html",
+  "designTimeSelector": "cron-frame",
+  "templateURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/cron-frame.template.html",
+  "properties": {
+    "type": {
+        "removable": false,
+        "displayName_pt_BR": "Tipo",
+        "displayName_en_US": "Type",
+        "selector": "cron-frame[type]",
+        "childrenProperty": true,
+        "type": "list",
+        "options": [
+            {
+              "key": "include",
+              "value_pt_BR": "Inclusão",
+              "value_en_US": "Include"
+            },
+            {
+              "key": "frame",
+              "value_pt_BR": "Frame",
+              "value_en_US": "Frame"
+            }
+        ]
+    },
+    "class": {
+      "order": 9999
+    },
+    "id": {
+      "order": 3
+    }
+  },
+  "childrenProperties": [
+    {
+      "name": "origin",
+      "type": "projectResource",
+      "displayName_pt_BR": "Origem",
+      "displayName_en_US": "Origin",
+      "resourceType": "text/html",
+      "selector": "cron-frame[origin]",
+      "mandatory": true,
+      "removable": false,
+      "underViewsFolder" : true,
+      "webPath" : true,
+      "order": 1
+    },
+    {
+      "name": "ng-model",
+      "selector": "cron-frame",
+      "onSave": "javascript:function() { var result = arguments[0]; if (result.indexOf('.') == -1 && result.trim().length > 0 ) { result = 'vars.'+result;  }  return result; }",
+      "onDisplay": "javascript:function() { return arguments[0].replace('vars.',''); }",
+      "type": "text",
+      "order": 2,
+      "mandatory": true
+    }
+  ],
+  "styles": []
+}

package/components/crn-grid.components.json

@@ -2,7 +2,12 @@
   "name": "crn-grid",
   "text_pt_BR": "Tabela",
   "text_en_US": "Table",
-  "class": "adjust-icon mdi mdi-apps",
+  "image": "/node_modules/cronapp-framework-js/img/cron-icon/crn-grid-table.svg",
+  "description": "Tabela estilizada com cabeçalho e rodapé",
+  "description_en_US": "Stylized table with header and footer",
+  "category": [
+    "GRIDS"
+  ],
   "templateURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/grid.template.html",
   "properties": {
     "class": {
@@ -14,14 +19,24 @@
   },
   "styles": [
     {
-      "selector": "div#{id} th.active",
-      "text_pt_BR": "Coluna Ativa",
-      "text_en_US": "Active Column"
+      "selector": "div#{id} th",
+      "text_pt_BR": "Cabeçalho da tabela",
+      "text_en_US": "Table header"
     },
     {
-      "selector": "div#{id} th",
-      "text_pt_BR": "Coluna Padrão",
-      "text_en_US": "Default Column"
+      "selector": "div#{id} .k-grid tr:nth-child(2n+1)",
+      "text_pt_BR": "Linha ímpar",
+      "text_en_US": "Ood line"
+    },
+    {
+      "selector": "div#{id} .k-grid tr:nth-child(2n)",
+      "text_pt_BR": "Linha par",
+      "text_en_US": "Even line"
+    },
+    {
+      "selector": "div#{id} .k-grid tr:hover",
+      "text_pt_BR": "Linha Hover",
+      "text_en_US": "Hover Line"
     }
   ],
   "childrenProperties": [
@@ -82,4 +97,4 @@
       }
     ]
   }
-}
+}

package/components/crn-header.components.json

@@ -2,7 +2,18 @@
   "name": "crn-header",
   "text_pt_BR": "Cabeçalho",
   "text_en_US": "Header",
-  "class": "adjust-icon mdi mdi-page-layout-header",
+  "image": "/node_modules/cronapp-framework-js/img/cron-icon/crn-header.svg",
+  "description": "Estrutura com cabeçalho",
+  "description_en_US": "Structure with header",
   "templateURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/header.template.html",
-  "wrapper": false
-}
+  "wrapper": false,
+  "forcedGroup": true,
+  "properties": {
+    "class": {
+      "order": 9999
+    },
+    "id": {
+      "order": 3
+    }
+  }
+}

package/components/crn-horizontal-container.components.json

@@ -1,43 +1,42 @@
 {
-  "name": "crn-horizontal-container",
-  "text_pt_BR": "Layout horizontal",
-  "text_en_US": "Horizontal Layout",
-  "class": "adjust-icon mdi mdi-drag-horizontal",
-  "properties": {
-    "class": {
-      "order": 9999
-    },
-    "ng-init": {
-      "removable": true,
-      "type": "event"
-    },
-    "ng-click": {
-      "removable": true,
-      "type": "event"
-    },
-    "ng-dblclick": {
-      "removable": true,
-      "type": "event"
-    },
-    "ng-mouseenter": {
-      "removable": true,
-      "type": "event"
-    },
-    "ng-mouseleave": {
-      "removable": true,
-      "type": "event"
-    },
-    "ng-mousemove": {
-      "removable": true,
-      "type": "event"
+    "name": "crn-horizontal-container",
+    "text_pt_BR": "Layout horizontal",
+    "text_en_US": "Horizontal Layout",
+    "image": "/node_modules/cronapp-framework-js/img/cron-icon/crn-vertical-container.svg",
+    "description": "Dois recipiente ao lado para inserir componentes",
+    "description_en_US": "Two container on the side for inserting components",
+    "category": [
+        "LAYOUTS"
+    ],
+    "templateURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/grid-horizontal.template.html",
+    "properties": {
+        "class": {
+            "order": 9999
+        },
+        "ng-init": {
+            "removable": true,
+            "type": "event"
+        },
+        "ng-click": {
+            "removable": true,
+            "type": "event"
+        },
+        "ng-dblclick": {
+            "removable": true,
+            "type": "event"
+        },
+        "ng-mouseenter": {
+            "removable": true,
+            "type": "event"
+        },
+        "ng-mouseleave": {
+            "removable": true,
+            "type": "event"
+        },
+        "ng-mousemove": {
+            "removable": true,
+            "type": "event"
+        }
     }
-  },
-  "styles": [
-    {
-      "selector": "div#{id} div",
-      "text_pt_BR": "Geral",
-      "text_en_US": "General"
-    }
-  ],
-  "templateURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/grid-horizontal.template.html"
-}
+
+}