cronapp-framework-mobile-js 2.8.9

package/components/crn-select-options.components.json

@@ -0,0 +1,17 @@
+{
+  "name": "crn-select-options",
+  "text": "Select",
+  "pallete": false,
+  "class": "adjust-icon mdi mdi-equal-box",
+  "wrapper": true,
+  "template": "<div> select class=\"selectTeste\"> <option>Blue</option> <option selected>Green</option> <option>Red</option> </select> </div>",
+  "handleRules": {
+    "canIncrement": true,
+    "rules": [
+      {
+        "sourceHTML": " <option class=\"\"> Option</option>",
+        "targetSelector": ".selectTeste"
+      }
+    ]
+  }
+}

package/components/crn-select.components.json

@@ -0,0 +1,93 @@
+{
+  "name": "crn-select",
+  "text_pt_BR": "Caixa de seleção",
+  "text_en_US": "Combobox",
+  "image": "/node_modules/cronapp-framework-mobile-js/img/cron-icon/crn-select.svg",
+  "description": "Campo de seleção com valores pré-definido",
+  "description_en_US": "Selection field with predefined values",
+  "category": [
+    "INPUTS", "FORMS", "COMBOS"
+  ],
+  "wrapper": true,
+  "forcedGroup": true,
+  "templateURL": "src/main/mobileapp/www/node_modules/cronapp-framework-mobile-js/dist/components/templates/combobox.template.html",
+  "designTimeDynamic": true,
+  "designTimeHTMLURL": "src/main/mobileapp/www/node_modules/cronapp-framework-mobile-js/dist/components/templates/combobox.designtime.html",
+  "designTimeSelector": "crn-select",
+  "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": "content",
+      "selector": "label",
+      "displayName_pt_BR": "Título",
+      "displayName_en_US": "Title",
+      "type": "text"
+    },
+    {
+      "name": "ng-model",
+      "selector": "select",
+      "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
+    }
+  ],
+  "handleRules": {
+    "canIncrement": true,
+    "rules": [
+      {
+        "sourceHTML": "<option data-component=\"crn-item-select\" value=\"${RANDOM}\" class=\"\">Value ${RANDOM}</option>",
+        "targetSelector": "select",
+        "activeClass": "active"
+      }
+    ]
+  },
+  "styles": [
+    {
+      "selector": "div#{id} .item-select",
+      "text_pt_BR": "Plano de fundo do Título",
+      "text_en_US": "Title background"
+    },
+    {
+      "selector": "div#{id} label",
+      "text_pt_BR": "Título",
+      "text_en_US": "Title"
+    },
+    {
+      "selector": "div#{id} .item-select select",
+      "text_pt_BR": "Item Selecionado/ Seta",
+      "text_en_US": "Selected Item/ Dropdown"
+    }
+  ]
+}

package/components/crn-slider-item.components.json

@@ -0,0 +1,137 @@
+{
+  "name": "crn-slider-item",
+  "text_pt_BR": "Item de Carrossel",
+  "text_en_US": "Carousel Item",
+  "class": "adjust-icon mdi mdi-view-carousel",
+  "templateURL": "src/main/mobileapp/www/node_modules/cronapp-framework-mobile-js/dist/components/templates/item.slider.template.html",
+  "wrapper": false,
+  "pallete": false,
+  "properties": {
+    "id": {
+      "order": 2
+    },
+    "class": {
+      "order": 9999
+    },
+    "xattr-theme": {
+      "displayName_en_US": "Slider theme",
+      "displayName_pt_BR": "Tema do slider",
+      "order": 3
+    },
+    "style": {
+      "displayName_en_US": "Customize the slider",
+      "displayName_pt_BR": "Personalize o item",
+      "order": 1
+    }
+  },
+  "attributesForPreview": [
+    {
+      "name": "xattr-theme",
+      "type": "options",
+      "target": "class",
+      "values": [
+        {
+          "key": "",
+          "value_pt_BR": "Padrão",
+          "value_en_US": "Default"
+        },
+        {
+          "key": "assertive-bg",
+          "value_pt_BR": "Assertivo",
+          "value_en_US": "Assertive",
+          "color": "#ef473a"
+        },
+        {
+          "key": "balanced-bg",
+          "value_pt_BR": "Equilibrado",
+          "value_en_US": "Balanced",
+          "color": "#33cd5f"
+        },
+        {
+          "key": "energized-bg",
+          "value_pt_BR": "Energizado",
+          "value_en_US": "Energized",
+          "color": "#ffc900"
+        },
+        {
+          "key": "light-bg",
+          "value_pt_BR": "Claro",
+          "value_en_US": "Light",
+          "color": "#fff"
+        },
+        {
+          "key": "stable-bg",
+          "value_pt_BR": "Estável",
+          "value_en_US": "Stable",
+          "color": "#f8f8f8"
+        },
+        {
+          "key": "calm-bg",
+          "value_pt_BR": "Calmo",
+          "value_en_US": "Calm",
+          "color": "#11c1f3"
+        },
+        {
+          "key": "positive-bg",
+          "value_pt_BR": "Positivo",
+          "value_en_US": "Positive",
+          "color": "#387ef5"
+        },
+        {
+          "key": "royal-bg",
+          "value_pt_BR": "Real",
+          "value_en_US": "Royal",
+          "color": "#886aea"
+        },
+        {
+          "key": "dark-bg",
+          "value_pt_BR": "Sombrio",
+          "value_en_US": "Dark",
+          "color": "#444"
+        }
+      ]
+    }
+  ],
+  "childrenProperties": [
+    {
+      "name": "ng-click",
+      "selector": "div",
+      "type": "event"
+    },
+    {
+      "name": "on-tap",
+      "selector": "div",
+      "type": "event"
+    },
+    {
+      "name": "on-double-tap",
+      "selector": "div",
+      "type": "event"
+    },
+    {
+      "name": "on-hold",
+      "selector": "div",
+      "type": "event"
+    },
+    {
+      "name": "on-drag",
+      "selector": "div",
+      "type": "event"
+    },
+    {
+      "name": "on-swipe",
+      "selector": "div",
+      "type": "event"
+    },
+    {
+      "name": "on-swipe-left",
+      "selector": "div",
+      "type": "event"
+    },
+    {
+      "name": "on-swipe-right",
+      "selector": "div",
+      "type": "event"
+    }
+  ]
+}

package/components/crn-slider.components.json

@@ -0,0 +1,105 @@
+{
+  "name": "crn-slider",
+  "text_pt_BR": "Carrossel",
+  "text_en_US": "Carousel",
+  "image": "/node_modules/cronapp-framework-mobile-js/img/cron-icon/crn-carousel.svg",
+  "description": "Sequência de slides com botão de navegação",
+  "description_en_US": "Slide sequence with navigation button",
+  "category": [
+    "LAYOUTS"
+  ],
+  "forcedGroup": true,
+  "templateURL": "src/main/mobileapp/www/node_modules/cronapp-framework-mobile-js/dist/components/templates/slider.template.html",
+  "properties": {
+    "id": {
+      "order": 2
+    },
+    "class": {
+      "order": 9999
+    }
+  },
+  "handleRules": {
+    "canIncrement": true,
+    "rules": [
+      {
+        "activeClass": "active",
+        "sourceHTML": "<ion-slide xattr-theme=\"dark-bg\" id=\"crn-slider-item-${RANDOM}-1\" data-component=\"crn-slider-item\" class=\"dark-bg\" style=\"width: 100%; height: 200px; position: relative\" data-container=\"true\" data-replace=\"true\"> <h2 data-component=\"crn-label\" style=\"color: white; font-weight: bold; top: 50%; left: 50%; margin: 0; transform: translate(-50%, -50%); position: absolute;\" data-container=\"true\" data-replace=\"true\">SLIDE TITLE</h2> </ion-slide>",
+        "targetSelector": "ion-slide-box"
+      }
+    ]
+  },
+  "childrenProperties": [
+    {
+      "name": "auto-play",
+      "selector": "ion-slide-box[auto-play]",
+      "displayName_pt_BR": "Início automático",
+      "displayName_en_US": "Auto play",
+      "type": "logic"
+    },
+    {
+      "name": "slide-interval",
+      "selector": "ion-slide-box[slide-interval]",
+      "displayName_pt_BR": "Intervalo de transição (segundos)",
+      "displayName_en_US": "Slide interval (seconds)"
+    },
+    {
+      "name": "does-continue",
+      "selector": "ion-slide-box[does-continue]",
+      "displayName_pt_BR": "Reprodução contínua?",
+      "displayName_en_US": "Does continue?",
+      "type": "logic"
+    },
+    {
+      "name": "ng-click",
+      "selector": "div",
+      "type": "event"
+    },
+    {
+      "name": "on-tap",
+      "selector": "div",
+      "type": "event"
+    },
+    {
+      "name": "on-double-tap",
+      "selector": "div",
+      "type": "event"
+    },
+    {
+      "name": "on-hold",
+      "selector": "div",
+      "type": "event"
+    },
+    {
+      "name": "on-drag",
+      "selector": "div",
+      "type": "event"
+    },
+    {
+      "name": "on-swipe",
+      "selector": "div",
+      "type": "event"
+    },
+    {
+      "name": "on-swipe-left",
+      "selector": "div",
+      "type": "event"
+    },
+    {
+      "name": "on-swipe-right",
+      "selector": "div",
+      "type": "event"
+    }
+  ],  
+  "styles": [
+    {
+      "selector": "div#{id} .slider-pager .slider-pager-page.active ",
+      "text_pt_BR": "Navegação ativa",
+      "text_en_US": "Active slider dots"
+    },
+    {
+      "selector": "div#{id} .slider-pager .slider-pager-page ",
+      "text_pt_BR": "Navegação padrão",
+      "text_en_US": "Default slider dots"
+    }
+  ]
+}

package/components/crn-spacer.components.json

@@ -0,0 +1,21 @@
+{
+  "name": "crn-spacer",
+  "text_pt_BR": "Espaço",
+  "text_en_US": "Spacer",
+  "image": "/node_modules/cronapp-framework-mobile-js/img/cron-icon/crn-spacer.svg",
+  "description": "Espaçamento para distanciamento de componentes",
+  "description_en_US": "Spacing for component spacing",
+  "category": [
+    "LAYOUTS"
+  ],
+  "wrapper": false,
+  "template": "<div style= \"height: 100px;\">&nbsp;</div>",
+  "properties": {
+    "class": {
+      "order": 9999
+    },
+    "id": {
+      "order": 1
+    }
+  }
+}

package/components/crn-start.components.json

@@ -0,0 +1,10 @@
+{
+  "name": "crn-start",
+  "pallete": false,
+  "wrapper": false,
+  "properties": {
+    "screen-params": {
+      "removable": false
+    }
+  }
+}

package/components/crn-tabs-icon-only-item.components.json

@@ -0,0 +1,85 @@
+{
+  "name": "crn-tabs-icon-only-item",
+  "text_pt_BR": "Item de aba com ícone",
+  "text_en_US": "Tab item with icon",
+  "image": "/node_modules/cronapp-framework-mobile-js/img/cron-icon/crn-tabs-icon-only.svg",
+  "wrapper": false,
+  "autoWrapper": true,
+  "pallete": false,
+  "template": "<a class=\"tab-item\" title=\"New tabs\" data-component=\"crn-tabs-icon-only-item\" contenttitle=\"\" href=\"\"><i class=\"icon ion-gear-a\"></i><span>New tabs</span></a>",
+  "controls": {
+    "ungroup": false,
+    "resizable": false,
+    "additive": false,
+    "duplicable": true,
+    "pluggable": false,
+    "removable": true
+  },
+  "properties": {
+    "href": {
+      "removable": false,
+      "type": "projectResource",
+      "resourceType": "text/html",
+      "extraOptions": {
+        "underViewsFolder": true
+      },
+      "order": 1
+    },
+    "title": {
+      "displayName_pt_BR": "Valor alternativo",
+      "displayName_en_US": "Placeholder",
+      "order": 2
+    },
+    "id": {
+      "order": 4
+    },
+    "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": "class",
+      "displayName_pt_BR": "Ícone",
+      "displayName_en_US": "Icon",
+      "selector": "i",
+      "type": "icon",
+      "order": 1
+    },
+    {
+      "name": "title",      
+      "selector": "a",
+      "type": "text",
+      "order": 2
+    },
+    {
+      "name": "content",
+      "displayName_pt_BR": "Título",
+      "displayName_en_US": "Title",
+      "selector": "span",
+      "type": "text",
+      "order": 3
+    }
+  ]
+}