cronapp-framework-mobile-js 2.8.9

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

@@ -0,0 +1,11 @@
+{
+  "name": "crn-form",
+  "text_pt_BR": "Formulário",
+  "text_en_US": "Form",
+  "order": 2,
+  "image": "/node_modules/cronapp-framework-mobile-js/img/cron-icon/crn-form.svg",
+  "description": "Estrutura para adicionar componentes de entrada",
+  "description_en_US": "Structure for adding input components",
+  "designTimeSelector": "form",
+  "templateURL": "src/main/mobileapp/www/node_modules/cronapp-framework-mobile-js/dist/components/templates/form.template.html"
+}

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

@@ -0,0 +1,63 @@
+{
+    "name": "crn-header-button",
+    "text_pt_BR": "Botão do cabeçalho",
+    "text_en_US": "Header button",
+    "image": "/node_modules/cronapp-framework-mobile-js/img/cron-icon/crn-button.svg",
+    "wrapper": false,
+    "pallete": false,
+    "template": "<div class=\"buttons buttons-right header-item\"><button class=\"button button-icon button-clear ion ion-android-menu component-holder\" menu-toggle=\"left\"></button></div>",
+    "properties": {
+        "id": {
+            "order": 1
+        },
+        "class": {
+            "order": 9999
+        },
+        "menu-toggle": {
+            "displayName_pt_BR": "Botão do cabeçalho",
+            "displayName_en_US": "Header button"
+        },
+        "onclick": {
+            "removable": true,
+            "type": "event"
+        },
+        "on-tap": {
+            "removable": true,
+            "type": "event"
+        },
+        "on-double-tap": {
+            "removable": true,
+            "type": "event"
+        },
+        "on-hold": {
+            "removable": true,
+            "type": "event"
+        },
+        "on-drag": {
+            "removable": true,
+            "type": "event"
+        },
+        "on-swipe": {
+            "removable": true,
+            "type": "event"
+        }
+    },
+    "attributesForPreview": [],
+    "childrenProperties": [
+        {
+            "name": "class",
+            "selector": "i",
+            "displayName_pt_BR": "Ícone",
+            "displayName_en_US": "Icon",
+            "type": "icon",
+            "order": 1
+        }
+    ],
+    "styles": [
+        {
+            "selector": "button#{id}",
+            "text_pt_BR": "Botão",
+            "text_en_US": "Button"
+        }
+    ]
+}

package/components/crn-heading.components.json

@@ -0,0 +1,109 @@
+{
+  "name": "crn-heading",
+  "text_pt_BR": "Título",
+  "text_en_US": "Title",
+  "image": "/node_modules/cronapp-framework-mobile-js/img/cron-icon/crn-text-component.svg",
+  "description": "Texto com letra grande",
+  "description_en_US": "Large font text",
+  "category": [
+    "TEXTS", "LAYOUTS"
+  ],
+  "wrapper": false,
+  "template": "<h1 class=\"text-center h1\" xattr-position=\"text-center\" xattr-type=\"h1\">Title</h1>",
+  "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",
+      "order": 4
+    },
+    "content": {
+      "displayName_pt_BR": "Título",
+      "displayName_en_US": "Title",
+      "order": 2
+    },
+    "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": "btngroup",
+      "target": "class",
+      "values": [
+        {
+          "key": "h1",
+          "value_pt_BR": "Grande",
+          "value_en_US": "Large"
+        },
+        {
+          "key": "h3",
+          "value_pt_BR": "Médio",
+          "value_en_US": "Medium"
+        },
+        {
+          "key": "h5",
+          "value_pt_BR": "Pequeno",
+          "value_en_US": "Small"
+        }
+      ]
+    }
+  ]
+}

package/components/crn-icon.components.json

@@ -0,0 +1,249 @@
+{
+  "name": "crn-icon",
+  "displayName": "icon",
+  "text_pt_BR": "Ícone",
+  "text_en_US": "Icon",
+  "image": "/node_modules/cronapp-framework-mobile-js/img/cron-icon/crn-icon.svg",
+  "description": "Ícone",
+  "description_en_US": "Icon",
+  "template": "<i class=\"ion ion-android-star\" style=\"font-size:300%; color: #333;\" icon-size=\"font-size:300%;\" icon-theme=\"color: #333;\"></i>",
+  "wrapper": false,
+  "properties": {   
+    "id": {
+      "order": 1
+    },
+    "class": {
+      "order": 9999
+    },
+    "cronapp-security": {
+      "order": 9999
+    },
+    "crn-repeat": {
+      "order": 9999
+    },
+    "ng-show": {
+      "order": 9999
+    },
+    "style": {
+      "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"
+    }
+  },
+  "attributesForPreview": [
+    {
+      "name": "icon-theme",
+      "type": "options",
+      "target": "style",
+      "values": [
+        {
+          "key": "color: #fff;",
+          "value_pt_BR": "Branco",
+          "value_en_US": "White",
+          "color": "#fff"
+        },
+        {
+          "key": "color: #333;",
+          "value_pt_BR": "Cinza",
+          "value_en_US": "Gray",
+          "color": "#333"
+        },
+        {
+          "key": "color: #000;",
+          "value_pt_BR": "Preto",
+          "value_en_US": "Black",
+          "color": "#000"
+        },
+        {
+          "key": "color: #0247FE;",
+          "value_pt_BR": "Azul",
+          "value_en_US": "Blue",
+          "color": "#0247FE"
+        },
+        {
+          "key": "color: #85A5FF;",
+          "value_pt_BR": "Azul claro",
+          "value_en_US": "Light blue",
+          "color": "#85A5FF"
+        },
+        {
+          "key": "color: #00217A;",
+          "value_pt_BR": "Azul escuro",
+          "value_en_US": "Dark blue",
+          "color": "#00217A"
+        },
+        {
+          "key": "color: #3D01A4;",
+          "value_pt_BR": "Roxo",
+          "value_en_US": "Purple",
+          "color": "#3D01A4"
+        },
+        {
+          "key": "color: #B285FF;",
+          "value_pt_BR": "Roxo claro",
+          "value_en_US": "Light purple",
+          "color": "#B285FF"
+        },
+        {
+          "key": "color: #2D007A;",
+          "value_pt_BR": "Roxo escuro",
+          "value_en_US": "Dark purple",
+          "color": "#2D007A"
+        },
+        {
+          "key": "color: #FE2712;",
+          "value_pt_BR": "Vermelho",
+          "value_en_US": "Red",
+          "color": "#FE2712"
+        },
+        {
+          "key": "color: #FE8F84;",
+          "value_pt_BR": "Vermelho claro",
+          "value_en_US": "Light red",
+          "color": "#FE8F84"
+        },
+        {
+          "key": "color: #7A0B00;",
+          "value_pt_BR": "Vermelho escuro",
+          "value_en_US": "Dark red",
+          "color": "#7A0B00"
+        },
+        {
+          "key": "color: #FB9B02;",
+          "value_pt_BR": "Laranja",
+          "value_en_US": "Orange",
+          "color": "#FB9B02"
+        },
+        {
+          "key": "color: #FFD085;",
+          "value_pt_BR": "Laranja claro",
+          "value_en_US": "Light orange",
+          "color": "#FFD085"
+        },
+        {
+          "key": "color: #7A4B00;",
+          "value_pt_BR": "Laranja escuro",
+          "value_en_US": "Dark orange",
+          "color": "#7A4B00"
+        },
+        {
+          "key": "color: #FFFF33;",
+          "value_pt_BR": "Amarelo",
+          "value_en_US": "Yellow",
+          "color": "#FFFF33"
+        },
+        {
+          "key": "color: #FFFF85;",
+          "value_pt_BR": "Amarelo claro",
+          "value_en_US": "Light yellow",
+          "color": "#FFFF85"
+        },
+        {
+          "key": "color: #FFFF33;",
+          "value_pt_BR": "Amarelo escuro",
+          "value_en_US": "Dark yellow",
+          "color": "#FFFF33"
+        },
+        {
+          "key": "color: #66B032;",
+          "value_pt_BR": "Verde",
+          "value_en_US": "Green",
+          "color": "#66B032"
+        },
+        {
+          "key": "color: #B7FF85;",
+          "value_pt_BR": "Verde claro",
+          "value_en_US": "Light green",
+          "color": "#B7FF85"
+        },
+        {
+          "key": "color: #337A00;",
+          "value_pt_BR": "Verde escuro",
+          "value_en_US": "Dark green",
+          "color": "#337A00"
+        }
+      ]
+    },
+    {
+      "name": "icon-size",
+      "type": "options",
+      "target": "style",
+      "values": [
+          {
+            "key": "font-size:100%;",
+            "value": "100%"
+          },
+          {
+            "key": "font-size:200%;",
+            "value": "200%"
+          },
+          {
+            "key": "font-size:300%;",
+            "value": "300%"
+          },
+          {
+            "key": "font-size:400%;",
+            "value": "400%"
+          },
+          {
+            "key": "font-size:500%;",
+            "value": "500%"
+          },
+          {
+            "key": "font-size:600%;",
+            "value": "600%"
+          },
+          {
+            "key": "font-size:700%;",
+            "value": "700%"
+          }
+      ]
+    }
+  ],
+  "childrenProperties": [
+    {
+      "name": "class",
+      "selector": "i",
+      "displayName_pt_BR": "Ícone",
+      "displayName_en_US": "Icon",
+      "type": "icon",
+      "order": 1
+    },
+    {
+      "name": "icon-theme",
+      "displayName_pt_BR": "Cor do ícone",
+      "displayName_en_US": "Icon color",
+      "selector": "i",
+      "order": 2
+    },
+    {
+      "name": "icon-size",  
+      "displayName_pt_BR": "Tamanho do ícone",
+      "displayName_en_US": "Icon size",
+      "order": 3,    
+      "selector": "i"
+    }
+  ]
+}

package/components/crn-image.components.json

@@ -0,0 +1,121 @@
+{
+  "name": "crn-image",
+  "text_pt_BR": "Imagem",
+  "text_en_US": "Image",
+  "image": "/node_modules/cronapp-framework-mobile-js/img/cron-icon/crn-image.svg",
+  "description": "Imagem",
+  "description_en_US": "Image",
+  "category": [
+    "INPUTS", "LAYOUTS"
+  ],
+  "wrapper": false,
+  "template": "<img alt='Placehold' src=\"node_modules/cronapp-framework-mobile-js/img/placehold-900x500.png\" class=\"\" style=\"object-fit: cover;\"  xattr-position=\"\" width=\"100%\" height=\"\" object-fit=\"object-fit: cover;\" >",
+  "properties": {
+    "src": {
+      "type": "projectResource",
+      "resourceType": "image/jpeg,image/gif,image/png,image/svg+xml",
+      "displayName_pt_BR": "Imagem",
+      "displayName_en_US": "Image",
+      "order": 1
+    },
+    "xattr-position": {
+      "removable": false,
+      "order": 2
+    },
+    "object-fit": {
+      "displayName_pt_BR": "Preenchimento da imagem",
+      "displayName_en_US": "Image filling",
+      "order": 3
+    },
+    "width": {
+      "displayName_pt_BR": "Largura",
+      "displayName_en_US": "Width",
+      "order": 4
+    },
+    "height": {
+      "displayName_pt_BR": "Altura",
+      "displayName_en_US": "Height",
+      "order": 5
+    },
+    "alt": {
+      "displayName_pt_BR": "Valor alternativo",
+      "displayName_en_US": "Placeholder",
+      "order": 6
+    },
+    "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"
+    }
+  },
+  "attributesForPreview": [
+    {
+      "name": "xattr-position",
+      "type": "btngroup",
+      "target": "class",
+      "values": [
+        {
+          "key": "left-block",
+          "value_pt_BR": "Esquerda",
+          "value_en_US": "Left"
+        },
+        {
+          "key": "center-block",
+          "value_pt_BR": "Centro",
+          "value_en_US": "Center"
+        },
+        {
+          "key": "right-block",
+          "value_pt_BR": "Direita",
+          "value_en_US": "Right"
+        }
+      ]
+    },
+    {
+      "name": "object-fit",
+      "target": "style",
+      "type": "options",
+      "values": [
+        {
+          "key": "object-fit: cover;",
+          "value_pt_BR": "Proporcional",
+          "value_en_US": "Proportional"
+        },
+        {
+          "key": "object-fit: contain;",
+          "value_pt_BR": "Ajustado",
+          "value_en_US": "Adjusted"
+        },
+        {
+          "key": "object-fit: fill;",
+          "value_pt_BR": "Preencher (padrão)",
+          "value_en_US": "Fill (default)"
+        },
+        {
+          "key": "object-fit: none;",
+          "value_pt_BR": "Nenhum",
+          "value_en_US": "None"
+        }
+      ]
+    }
+  ]
+}