cronapp-framework-mobile-js 2.8.9

package/components/crn-mobile-menu.components.json

@@ -0,0 +1,32 @@
+{
+  "name": "crn-mobile-menu",
+  "onDoubleClick": "openEditor",
+  "onDrop": "openEditor",
+  "text_pt_BR": "Menu Dinâmico",
+  "text_en_US": "Dynamic Menu",
+  "class": "adjust-icon mdi mdi-menu",
+  "order": 11,
+  "wrapper": false,
+  "pallete": false,
+  "designTimeDynamic": true,
+  "designTimeHTMLURL": "src/main/mobileapp/www/node_modules/cronapp-framework-mobile-js/dist/components/templates/cron-mobile-menu.designtime.html",
+  "designTimeSelector": ":self",
+  "properties": {
+    "class": {
+      "order": 9999
+    },
+    "id": {
+      "order": 1
+    }
+  },
+  "childrenProperties": [
+    {
+      "name": "options",
+      "selector": "cron-mobile-menu",
+      "displayName_pt_BR": "Configuração",
+      "displayName_en_US": "Configuration",
+      "type": "text",
+      "order": 1
+    }
+  ]
+}

package/components/crn-multiselect.components.json

@@ -0,0 +1,110 @@
+{
+  "name": "crn-multiselect",
+  "text_pt_BR": "Seleção múltipla",
+  "text_en_US": "Multiselect",
+  "image": "/node_modules/cronapp-framework-mobile-js/img/cron-icon/crn-multiselect.svg",
+  "description": "Caixa de seleção para selecionar mais de um item",
+  "description_en_US": "Checkbox to select more than one item",
+  "category": [
+    "INPUTS", "FORMS"
+  ],
+  "wrapper": false,
+  "templateURL": "src/main/mobileapp/www/node_modules/cronapp-framework-mobile-js/dist/components/templates/multiselect.template.html",
+  "properties": {
+    "id": {
+      "order": 1
+    },
+    "class": {
+      "order": 9999
+    },
+    "ng-click": {
+      "removable": false,
+      "type": "event"
+    },
+    "on-hold": {
+      "removable": false,
+      "type": "event"
+    },
+    "on-double-tap": {
+      "removable": false,
+      "type": "event"
+    },
+    "on-tap": {
+      "removable": false,
+      "type": "event"
+    },
+    "on-swipe": {
+      "removable": false,
+      "type": "event"
+    },
+    "on-drag": {
+      "removable": false,
+      "type": "event"
+    }
+  },
+  "childrenProperties": [
+    {
+      "name": "crn-datasource",
+      "selector": "select",
+      "displayName_pt_BR": "Fonte de dados",
+      "displayName_en_US": "Datasource",
+      "type": "pageDatasource",
+      "onDisplay": "javascript:function() { return arguments[0].replace('vars.',''); }",
+      "order": 1,
+      "mandatory": true
+    },
+    {
+      "name": "ng-model",
+      "selector": "select",
+      "displayName_pt_BR": "Valor",
+      "displayName_en_US": "Value",
+      "type": "allDatasourceFields",
+      "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.',''); }",
+      "mandatory": true
+    },
+    {
+      "name": "xkey-field",
+      "selector": "select",
+      "displayName_pt_BR": "Campo Chave",
+      "displayName_en_US": "Key Field",
+      "type": "datasourceFieldList",
+      "mandatory": true,
+      "order": 2
+    },
+    {
+      "name": "xdisplay-field",
+      "selector": "select",
+      "displayName_pt_BR": "Campo Texto",
+      "displayName_en_US": "Display Field",
+      "type": "datasourceFieldList",
+      "mandatory": true,
+      "order": 3
+    },
+    {
+      "name": "content",
+      "selector": "span",
+      "displayName_pt_BR": "Título",
+      "displayName_en_US": "Title",
+      "type": "text",
+      "order": 4
+    }
+  ],
+  "styles": [
+    {
+      "selector": "div#{id}",
+      "text_pt_BR": "Plano de fundo",
+      "text_en_US": "Background"
+    },
+    {
+      "selector": "div#{id} span",
+      "text_pt_BR": "Título",
+      "text_en_US": "Título"
+    },
+    {
+      "selector": "div#{id} .form-control",
+      "text_pt_BR": "Item selecionado",
+      "text_en_US": "Selected item"
+    }
+  ]
+}

package/components/crn-navbar.components.json

@@ -0,0 +1,105 @@
+{
+  "name": "crn-navbar",
+  "onDrop": "openEditor",
+  "onDoubleClick": "openEditor",
+  "text_pt_BR": "Barra de navegação",
+  "text_en_US": "Navbar",
+  "class": "adjust-icon mdi mdi-navigation",
+  "template": "",
+  "pallete": false,
+  "properties": {
+    "xattr-theme": {
+      "displayName": "Theme"
+    }
+  },
+  "controls": {
+    "ungroup": false,
+    "resizable": false,
+    "additive": false,
+    "duplicable": false,
+    "pluggable": false,
+    "removable": false
+  },
+  "droppableArea": {
+    "onmiddle": true,
+    "ontop": false,
+    "onbottom": false,
+    "onleft": false,
+    "onright": false
+  },
+  "childrenProperties": [
+    {
+      "name": "options",
+      "selector": "cron-mobile-menu",
+      "displayName_pt_BR": "Configuração",
+      "displayName_en_US": "Configuration",
+      "type": "text",
+      "order": 1
+    },
+    {
+      "name": "content",
+      "selector": "h1[class='title']",
+      "displayName_pt_BR": "Título",
+      "displayName_en_US": "Title",
+      "type": "content"
+    }
+  ],
+  "attributesForPreview": [
+    {
+      "name": "xattr-theme",
+      "type": "options",
+      "target": "class",
+      "values": [
+        {
+          "key": "",
+          "value": "Default"
+        },
+        {
+          "key": "bar-assertive",
+          "value": "Assertive",
+          "color": "#ef473a"
+        },
+        {
+          "key": "bar-balanced",
+          "value": "Balanced",
+          "color": "#33cd5f"
+        },
+        {
+          "key": "bar-energized",
+          "value": "Energized",
+          "color": "#ffc900"
+        },
+        {
+          "key": "bar-light",
+          "value": "Light",
+          "color": "#fff"
+        },
+        {
+          "key": "bar-stable",
+          "value": "Stable",
+          "color": "#f8f8f8"
+        },
+        {
+          "key": "bar-calm",
+          "value": "Calm",
+          "color": "#11c1f3"
+        },
+        {
+          "key": "bar-positive",
+          "value": "Positive",
+          "color": "#387ef5"
+        },
+        {
+          "key": "bar-royal",
+          "value": "Royal",
+          "color": "#886aea"
+        },
+        {
+          "key": "bar-dark",
+          "value": "Dark",
+          "color": "#444"
+        }
+      ]
+    }
+  ]
+}

package/components/crn-option-button.components.json

@@ -0,0 +1,72 @@
+{
+  "name": "crn-option-button",
+  "text": "Option Button",
+  "pallete": false,
+  "class": "adjust-icon mdi mdi-stop",
+  "template": "<ion-option-button class=\"button-positive button\"><i class=\"icon ion-home\">home</i></ion-option-button>",
+  "groupedChildren": [
+    {
+      "text_pt_BR": "Ícone",
+      "text_en_US": "Icon",
+      "selector": "i"
+    }
+  ],
+  "attributesForPreview": [
+    {
+      "name": "xattr-theme",
+      "type": "options",
+      "target": "class",
+      "values": [
+        {
+          "key": "",
+          "value": "Default"
+        },
+        {
+          "key": "button-assertive",
+          "value": "Assertive",
+          "color": "#ef473a"
+        },
+        {
+          "key": "button-balanced",
+          "value": "Balanced",
+          "color": "#33cd5f"
+        },
+        {
+          "key": "button-energized",
+          "value": "Energized",
+          "color": "#ffc900"
+        },
+        {
+          "key": "button-light",
+          "value": "Light",
+          "color": "#fff"
+        },
+        {
+          "key": "button-stable",
+          "value": "Stable",
+          "color": "#f8f8f8"
+        },
+        {
+          "key": "button-calm",
+          "value": "Calm",
+          "color": "#11c1f3"
+        },
+        {
+          "key": "button-positive",
+          "value": "Positive",
+          "color": "#387ef5"
+        },
+        {
+          "key": "button-royal",
+          "value": "Royal",
+          "color": "#886aea"
+        },
+        {
+          "key": "button-dark",
+          "value": "Dark",
+          "color": "#444"
+        }
+      ]
+    }
+  ]
+}

package/components/crn-paragraph.components.json

@@ -0,0 +1,110 @@
+{
+  "name": "crn-paragraph",
+  "text_pt_BR": "Parágrafo",
+  "text_en_US": "Paragraph",
+  "image": "/node_modules/cronapp-framework-mobile-js/img/cron-icon/crn-paragraph.svg",
+  "description": "Estrutura para inserir texto longo",
+  "description_en_US": "Structure for inserting long text",
+  "category": [
+    "TEXTS", "LAYOUTS"
+  ],
+  "wrapper": false,
+  "template": "<p xattr-position=\"text-center\" style=\"font-size: 14px;\" class=\"text-center\" xattr-type=\"font-size: 14px;\">Some friendly Paragraph</p>",
+  "properties": {
+    "id": {
+      "order": 1
+    },
+    "class": {
+      "order": 9999
+    },
+    "xattr-type": {
+      "displayName_pt_BR": "Tamanho da letra",
+      "displayName_en_US": "Font size",
+      "order": 3
+    },
+    "xattr-position": {
+      "displayName_pt_BR": "Posição do texto",
+      "displayName_en_US": "Text position"
+    },
+    "ng-click": {
+      "removable": true,
+      "type": "event"
+    },
+    "on-hold": {
+      "removable": true,
+      "type": "event"
+    },
+    "on-double-tap": {
+      "removable": true,
+      "type": "event"
+    },
+    "on-tap": {
+      "removable": true,
+      "type": "event"
+    },
+    "on-swipe": {
+      "removable": true,
+      "type": "event"
+    },
+    "on-drag": {
+      "removable": true,
+      "type": "event"
+    }
+  },
+  "attributesForPreview": [
+    {
+      "name": "xattr-position",
+      "type": "btngroup",
+      "target": "class",
+      "values": [
+        {
+          "key": "text-left",
+          "value_pt_BR": "Esquerda",
+          "value_en_US": "Left",
+          "icon": "mdi mdi-ray-start"
+        },
+        {
+          "key": "text-center",
+          "value_pt_BR": "Centro",
+          "value_en_US": "Center",
+          "icon": "mdi mdi-ray-vertex"
+        },
+        {
+          "key": "text-right",
+          "value_pt_BR": "Direita",
+          "value_en_US": "Right",
+          "icon": "mdi mdi-ray-end"
+        }
+      ]
+    },
+    {
+      "name": "xattr-type",
+      "type": "options",
+      "target": "style",
+      "values": [
+        {
+          "key": "font-size: 14px;",
+          "value_pt_BR": "Padrão",
+          "value_en_US": "Default"
+        },
+        {
+          "key": "font-size: 18px;",
+          "value_pt_BR": "Texto médio",
+          "value_en_US": "Medium text"
+        },
+        {
+          "key": "font-size: 25px;",
+          "value_pt_BR": "Texto grande",
+          "value_en_US": "Large text"
+        }
+      ]
+    }
+  ],
+  "childrenProperties": [
+    {
+      "name": "ng-mouseover",
+      "selector": "p",
+      "type": "event"
+    }
+  ]
+}

package/components/crn-radio.components.json

@@ -0,0 +1,90 @@
+{
+  "name": "crn-radio",
+  "text_pt_BR": "Lista de Opção",
+  "text_en_US": "Radio Group",
+  "image": "/node_modules/cronapp-framework-mobile-js/img/cron-icon/crn-radio.svg",
+  "description": "Caixa de seleção redonda com texto",
+  "description_en_US": "Round selection box with text",
+  "category": [
+    "LISTS"
+  ],
+  "wrapper": false,
+  "templateURL": "src/main/mobileapp/www/node_modules/cronapp-framework-mobile-js/dist/components/templates/radiogroup.template.html",
+  "properties": {
+    "id": {
+      "order": 2
+    },
+    "class": {
+      "order": 9999
+    },
+    "ng-model": {
+      "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.',''); }",
+      "order": 1,
+      "mandatory": true
+    }
+  },
+  "handleRules": {
+    "canIncrement": true,
+    "rules": [
+      {
+        "sourceHTML": "<div data-component=\"crn-radioOption\"><label class=\"item item-radio\" crn-value=\"\" value=\"${RANDOM}\"><input aria-label\"Aria Label Text\" type=\"radio\" name=\"group\"><div class=\"radio-content\"><div class=\"item-content\"> Choose Other </div><i class=\"radio-icon ion-checkmark\"></i></div></label><div>",
+        "targetSelector": ":self"
+      }
+    ]
+  },
+  "styles": [
+    {
+      "selector": "div#{id} .item-divider",
+      "text_pt_BR": "Título",
+      "text_en_US": "Title"
+    },
+    {
+      "selector": "div#{id} .item-content",
+      "text_pt_BR": "Opção",
+      "text_en_US": "Option"
+    },
+    {
+      "selector": "div#{id} .item-radio input:checked + .radio-content .item-content",
+      "text_pt_BR": "Item selecionado",
+      "text_en_US": "Selected item"
+    },
+    {
+      "selector": "div#{id} .ion-checkmark",
+      "text_pt_BR": "Marcador",
+      "text_en_US": "Checkmark"
+    }
+  ],
+  "childrenProperties": [
+    {
+      "name": "ng-click",
+      "selector": "label",
+      "type": "event"
+    },
+    {
+      "name": "on-tap",
+      "selector": "label",
+      "type": "event"
+    },
+    {
+      "name": "on-double-tap",
+      "selector": "label",
+      "type": "event"
+    },
+    {
+      "name": "on-hold",
+      "selector": "label",
+      "type": "event"
+    },
+    {
+      "name": "on-drag",
+      "selector": "label",
+      "type": "event"
+    },
+    {
+      "name": "on-swipe",
+      "selector": "label",
+      "type": "event"
+    }
+  ]
+}