cronapp-framework-mobile-js 1.0.4

package/components/crn-ion-header-bar.components.json

@@ -0,0 +1,343 @@
+{
+  "name": "crn-ion-header-bar",
+  "text_pt_BR": "Cabeçalho",
+  "text_en_US": "Header",
+  "image": "/node_modules/cronapp-framework-mobile-js/img/cron-icon/crn-header.svg",
+  "description": "Estrutura com cabeçalho",
+  "description_en_US": "Structure with header",
+  "category": [
+    "LAYOUTS"
+  ],
+  "wrapper": false,
+  "templateURL": "src/main/mobileapp/www/node_modules/cronapp-framework-mobile-js/dist/components/templates/ion-header-bar.template.html",
+  "properties": {
+    "class": {
+      "order": 9999
+    },
+    "xattr-theme": {
+      "displayName_pt_BR": "Cor do cabeçalho",
+      "displayName_en_US": "Header color"
+    },
+    "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"
+    }
+  },
+  "controls": {
+    "ungroup": true,
+    "resizable": false,
+    "additive": false,
+    "duplicable": false,
+    "pluggable": false,
+    "removable": true
+  },
+  "droppableArea": {
+    "onmiddle": true,
+    "ontop": false,
+    "onbottom": false,
+    "onleft": false,
+    "onright": false
+  },
+  "attributesForPreview": [
+    {
+      "name": "xattr-theme",
+      "type": "options",
+      "target": "class",
+      "values": [
+        {
+          "key": "bar-default",
+          "value_pt_BR": "Padrão do tema",
+          "value_en_US": "Default theme",
+          "color": "--barDefault"
+        },
+        {
+          "key": "bar-positive",
+          "value_pt_BR": "Secundário",
+          "value_en_US": "Secondary",
+          "color": "--barPrimary"
+        },
+        {
+          "key": "bar-balanced",
+          "value_pt_BR": "Sucesso",
+          "value_en_US": "Success",
+          "color": "--barSuccess"
+        },
+        {
+          "key": "bar-calm",
+          "value_pt_BR": "Informação",
+          "value_en_US": "Info",
+          "color": "--barCalm"
+        },
+        {
+          "key": "bar-energized",
+          "value_pt_BR": "Aviso",
+          "value_en_US": "Warning",
+          "color": "--barWarning"
+        },
+        {
+          "key": "bar-assertive",
+          "value_pt_BR": "Perigo",
+          "value_en_US": "Danger",
+          "color": "--barDanger"
+        },
+        {
+          "key": "bar-light",
+          "value_pt_BR": "Claro",
+          "value_en_US": "Light",
+          "color": "--barLight"
+        },
+        {
+          "key": "bar-stable",
+          "value_pt_BR": "Estável",
+          "value_en_US": "Stable",
+          "color": "--barStable"
+        },
+        {
+          "key": "bar-royal",
+          "value_pt_BR": "Real",
+          "value_en_US": "Royal",
+          "color": "--barRoyal"
+        },
+        {
+          "key": "bar-dark",
+          "value_pt_BR": "Escuro",
+          "value_en_US": "Dark",
+          "color": "--barDark"
+        },
+        {
+          "key": "bar-white",
+          "value_pt_BR": "Branco",
+          "value_en_US": "White",
+          "color": "#fff"
+        },
+        {
+          "key": "bar-gray",
+          "value_pt_BR": "Cinza",
+          "value_en_US": "Gray",
+          "color": "#333"
+        },
+        {
+          "key": "bar-black",
+          "value_pt_BR": "Preto",
+          "value_en_US": "Black",
+          "color": "#000"
+        },
+        {
+          "key": "bar-blue",
+          "value_pt_BR": "Azul",
+          "value_en_US": "Blue",
+          "color": "#0247FE"
+        },
+        {
+          "key": "bar-light-blue",
+          "value_pt_BR": "Azul claro",
+          "value_en_US": "Light blue",
+          "color": "#85A5FF"
+        },
+        {
+          "key": "bar-dark-blue",
+          "value_pt_BR": "Azul escuro",
+          "value_en_US": "Dark blue",
+          "color": "#00217A"
+        },
+        {
+          "key": "bar-purple",
+          "value_pt_BR": "Roxo",
+          "value_en_US": "Purple",
+          "color": "#3D01A4"
+        },
+        {
+          "key": "bar-light-purple",
+          "value_pt_BR": "Roxo claro",
+          "value_en_US": "Light purple",
+          "color": "#B285FF"
+        },
+        {
+          "key": "bar-dark-purple",
+          "value_pt_BR": "Roxo escuro",
+          "value_en_US": "Dark purple",
+          "color": "#2D007A"
+        },
+        {
+          "key": "bar-red",
+          "value_pt_BR": "Vermelho",
+          "value_en_US": "Red",
+          "color": "#FE2712"
+        },
+        {
+          "key": "bar-light-red",
+          "value_pt_BR": "Vermelho claro",
+          "value_en_US": "Light red",
+          "color": "#FE8F84"
+        },
+        {
+          "key": "bar-dark-red",
+          "value_pt_BR": "Vermelho escuro",
+          "value_en_US": "Dark red",
+          "color": "#7A0B00"
+        },
+        {
+          "key": "bar-orange",
+          "value_pt_BR": "Laranja",
+          "value_en_US": "Orange",
+          "color": "#FB9B02"
+        },
+        {
+          "key": "bar-light-orange",
+          "value_pt_BR": "Laranja claro",
+          "value_en_US": "Light orange",
+          "color": "#FFD085"
+        },
+        {
+          "key": "bar-dark-orange",
+          "value_pt_BR": "Laranja escuro",
+          "value_en_US": "Dark orange",
+          "color": "#7A4B00"
+        },
+        {
+          "key": "bar-yellow",
+          "value_pt_BR": "Amarelo",
+          "value_en_US": "Yellow",
+          "color": "#FFFF33"
+        },
+        {
+          "key": "bar-light-yellow",
+          "value_pt_BR": "Amarelo claro",
+          "value_en_US": "Light yellow",
+          "color": "#FFFF85"
+        },
+        {
+          "key": "bar-dark-yellow",
+          "value_pt_BR": "Amarelo escuro",
+          "value_en_US": "Dark yellow",
+          "color": "#FFFF33"
+        },
+        {
+          "key": "bar-green",
+          "value_pt_BR": "Verde",
+          "value_en_US": "Green",
+          "color": "#66B032"
+        },
+        {
+          "key": "bar-light-green",
+          "value_pt_BR": "Verde claro",
+          "value_en_US": "Light green",
+          "color": "#B7FF85"
+        },
+        {
+          "key": "bar-dark-green",
+          "value_pt_BR": "Verde escuro",
+          "value_en_US": "Dark green",
+          "color": "#337A00"
+        }
+      ]
+    },
+    {
+      "name": "align-title",
+      "type": "btngroup",
+      "target": "style",
+      "values": [
+        {
+          "key": "text-align: left;",
+          "value_pt_BR": "Esquerda",
+          "value_en_US": "Left"
+        },
+        {
+          "key": "text-align: center;",
+          "value_pt_BR": "Centro",
+          "value_en_US": "Center"
+        },
+        {
+          "key": "text-align: right;",
+          "value_pt_BR": "Direita",
+          "value_en_US": "Right"
+        }
+      ]
+    }
+  ],
+  "childrenProperties": [
+    {
+      "name": "xattr-theme",
+      "selector": ":self",
+      "order": 1
+    },
+    {
+      "name": "content",
+      "displayName_pt_BR": "Título",
+      "displayName_en_US": "Title",
+      "selector": "h1",
+      "type": "text",
+      "order": 1
+    },
+    {
+      "name": "align-title",
+      "displayName_pt_BR": "Alinhamento do título",
+      "displayName_en_US": "Title align",
+      "selector": "h1",
+      "order": 2
+    },
+    {
+      "name": "class",
+      "selector": "div.buttons-left button i",
+      "displayName_pt_BR": "Ícone esquerda",
+      "displayName_en_US": "Left icon",
+      "type": "icon",
+      "order": 3
+    },
+    {
+      "name": "class",
+      "selector": "div.buttons-right button i",
+      "displayName_pt_BR": "Ícone direita",
+      "displayName_en_US": "Right icon",
+      "type": "icon",
+      "order": 4
+    },
+    {
+      "name": "ng-click",
+      "selector": "div.buttons-left",
+      "type": "event",
+      "displayName_pt_BR": "Ao clicar no botão esquerdo",
+      "displayName_en_US": "On left button click"
+    },
+    {
+      "name": "ng-click",
+      "selector": "div.buttons-right",
+      "type": "event",
+      "displayName_pt_BR": "Ao clicar no botão direito",
+      "displayName_en_US": "On right button click"
+    }
+  ],
+  "styles": [
+    {
+      "selector": "#{id}",
+      "text_pt_BR": "Plano de fundo",
+      "text_en_US": "Background"
+    },
+    {
+      "selector": "#{id} .title",
+      "text_pt_BR": "Título",
+      "text_en_US": "title"
+    },
+    {
+      "selector": "#{id} .header-item button",
+      "text_pt_BR": "Botão do cabeçalho",
+      "text_en_US": "Header button"
+    }
+  ]
+}

package/components/crn-ion-list.components.json

@@ -0,0 +1,152 @@
+{
+  "name": "crn-ion-list",
+  "text_pt_BR": "Lista Avançada",
+  "text_en_US": "Advanced List",
+  "onDoubleClick": "openEditor",
+  "onDrop": "openEditor",
+  "image": "/node_modules/cronapp-framework-mobile-js/img/cron-icon/crn-ion-list.svg",
+  "description": "Lista de dados com barra de pesquisa",
+  "description_en_US": "Data list with search bar",
+  "category": [
+    "LISTS"
+  ],
+  "templateURL": "src/main/mobileapp/www/node_modules/cronapp-framework-mobile-js/dist/components/templates/advanced.list.template.html",
+  "designTimeHTMLURL": "src/main/mobileapp/www/node_modules/cronapp-framework-mobile-js/dist/components/templates/advanced.list.designtime.html",
+  "designTimeSelector": ["cron-list",":self"],
+  "designTimeDynamic": true,
+  "templateInitializers": [
+    {
+      "template": "<ion-list type=\"\" can-swipe=\"listCanSwipe\">\n\t<ion-item ng-class=\"{'cron-list-selected' :isChecked(rowData)}\" class=\"item {{options.editableButtonClass}} {{options.iconClassPosition}} {{options.imageClassPosition}}\" ng-repeat=\"rowData in datasource\">\n\t\t<ul ng-if=\"options.allowMultiselect\" class=\"checkbox-group component-holder {{'cron-list-multiselect-' + options.imageType}}\" data-component=\"crn-checkbox\"><label class=\"checkbox\"><input ng-checked=\"isChecked(rowData);\" type=\"checkbox\"></label></ul>\n\t\t<img alt='Thumbnail' ng-if=\"options.imageType !== 'do-not-show' && rowData[options.fields.image]\" \n\t\t ng-src=\"{{options.isImageFromDropbox ? '' : 'data:image/png;base64,'}}{{rowData[options.fields.image]}}\" class=\"{{options.imageToClassPosition}}\">\n\t\t<div class=\"{{options.xattrTextPosition}} {{options.textToClassPosition}}\">\n\t\t\t<h2 ng-if=\"rowData[options.fields.field0]\">{{rowData[options.fields.field0]|mask:options.fields.mask0:options.fields.type0}}</h2>\n\t\t\t<p class=\"dark\" ng-if=\"rowData[options.fields.field1]\">{{rowData[options.fields.field1]|mask:options.fields.mask1:options.fields.type1}}</p>\n\t\t\t<p class=\"dark\" ng-if=\"rowData[options.fields.field2]\">{{rowData[options.fields.field2]|mask:options.fields.mask2:options.fields.type2}}</p>\n\t\t\t<p class=\"dark\" ng-if=\"rowData[options.fields.field3]\">{{rowData[options.fields.field3]|mask:options.fields.mask3:options.fields.type3}}</p>\n\t\t\t<p class=\"dark\" ng-if=\"rowData[options.fields.field4]\">{{rowData[options.fields.field4]|mask:options.fields.mask4:options.fields.type4}}</p>\n\t\t\t<p class=\"dark\" ng-if=\"rowData[options.fields.field5]\">{{rowData[options.fields.field5]|mask:options.fields.mask5:options.fields.type5}}</p>\n\t\t\t<i ng-if=\"options.icon\" class=\"{{options.icon}}\" xattr-theme=\"dark\"></i>\n\t\t</div>\n\t</ion-item>\n</ion-list>\n<ion-infinite-scroll></ion-infinite-scroll>\n",
+      "attribute": "advancedTemplate"
+    },
+    {
+      "template": "<div class=\"item item-input-inset\">\n\t<div class=\"item-input-wrapper\"><i class=\"icon ion-search placeholder-icon\"></i>\n\t\t<input aria-label=\"{{'template.crud.search' | translate}}\" type=\"text\" ng-model=\"vars.searchableList[options.randomModel]\" cronapp-filter=\"{{options.filterFields}}\" cronapp-filter-operator=\"\" cronapp-filter-caseinsensitive=\"false\" cronapp-filter-autopost=\"true\" crn-datasource=\"{{options.dataSourceScreen.name}}\" placeholder=\"{{'template.crud.search' | translate}}\">\n\t</div>\n\t<button ng-if=\"showButton()\" ng-click=\"limparSelecao()\" class=\"button-small cron-list-button-clean button button-inline button-positive component-holder\">\n\t<span cron-list-button-text>Limpar Seleção</span>\n\t</button>\n</div>",
+      "attribute": "searchTemplate"
+    }
+  ],
+  "forcedGroup": true,
+  "wrapper": false,
+  "properties": {
+    "id": {
+      "order": 1
+    },
+    "class": {
+      "order": 9999
+    },
+    "options": {
+      "displayName_pt_BR": "Configuração",
+      "displayName_en_US": "Configuration",
+      "mandatory": true
+    },
+    "xattr-text-position": {
+      "displayName_pt_BR": "Posição do Texto",
+      "displayName_en_US": "Text Position"
+    },
+    "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"
+    }
+  },
+  "attributesForPreview": [
+    {
+      "name": "xattr-text-position",
+      "type": "btngroup",
+      "target": "class",
+      "values": [
+        {
+          "key": "text-left",
+          "value_pt_BR": "Esquerda",
+          "value_en_US": "Left"
+        },
+        {
+          "key": "text-center",
+          "value_pt_BR": "Centro",
+          "value_en_US": "Center"
+        },
+        {
+          "key": "text-right",
+          "value_pt_BR": "Direita",
+          "value_en_US": "Right"
+        }
+      ]
+    }
+  ],
+  "styles": [
+    {
+      "selector": "ion-list .item h2",
+      "text_pt_BR": "Título",
+      "text_en_US": "Title"
+    },
+    {
+      "selector": "ion-list .item p",
+      "text_pt_BR": "Subtítulo",
+      "text_en_US": "Subtitle"
+    },
+    {
+      "selector": "ion-list .item-content i.icon",
+      "text_pt_BR": "Ícone",
+      "text_en_US": "Icon"
+    },
+    {
+      "selector": "ion-list .item-content , ion-list .item-complex",
+      "text_pt_BR": "Lista",
+      "text_en_US": "List"
+    },
+    {
+      "selector": "div.item .item-input-inset",
+      "text_pt_BR": "Plano de fundo da pesquisa",
+      "text_en_US": "Search Box"
+    },
+    {
+      "selector": "div.item .item-input-wrapper",
+      "text_pt_BR": "Barra de Pesquisar",
+      "text_en_US": "Research Background"
+    },
+    {
+      "selector": "div.item .item-input-wrapper input",
+      "text_pt_BR": "Entrada de texto da pesquisa",
+      "text_en_US": "Search text entry"
+    },
+    {
+      "selector": "div.item .item-input-wrapper input::placeholder",
+      "text_pt_BR": "Sugestão da entrada de texto",
+      "text_en_US": "Text input suggestion"
+    },
+    {
+      "selector": "ion-list .checkbox input",
+      "text_pt_BR": "Caixa de checagem",
+      "text_en_US": "Checkbox"
+    },
+    {
+      "selector": "ion-list .checkbox input:checked::before, ion-list .checkbox-icon::before",
+      "text_pt_BR": "Cor da caixa de seleção selecionada",
+      "text_en_US": "Selected checkbox color"
+    },
+    {
+      "selector": "ion-list .cron-list-selected, ion-list .cron-list-selected div.item-content",
+      "text_pt_BR": "Item Selecionado",
+      "text_en_US": "Selected Item"
+    },
+    {
+      "selector": "div.item .cron-list-button-clean",
+      "text_pt_BR": "Botão de Limpar",
+      "text_en_US": "Clean Button"
+    }
+  ]
+}

package/components/crn-ion-nav-buttons.components.json

@@ -0,0 +1,63 @@
+{
+  "name": "crn-ion-nav-buttons",
+  "text_pt_BR": "Botão da barra de navegação",
+  "text_en_US": "Nav Button",
+  "class": "adjust-icon mdi mdi-tab",
+  "wrapper": true,
+  "pallete": false,
+  "templateURL": "src/main/mobileapp/www/node_modules/cronapp-framework-mobile-js/dist/components/templates/nav.bar.template.html",
+  "classForPreview": {
+    "targetSelector": ".crn-ion-nav-buttons",
+    "condition": [
+      {
+        "name": "side",
+        "value": "right",
+        "class": "crn-nav-button-right"
+      },
+      {
+        "name": "side",
+        "value": "left",
+        "class": "crn-nav-button-left"
+      }
+    ]
+  },
+  "attributesForPreview": [
+    {
+      "name": "side",
+      "type": "btngroup",
+      "values": [
+        {
+          "key": "left",
+          "value": "left",
+          "icon": "glyphicon glyphicon-align-left"
+        },
+        {
+          "key": "right",
+          "value": "right",
+          "icon": "glyphicon glyphicon-align-right"
+        }
+      ]
+    }
+  ],
+  "handleRules": {
+    "canIncrement": true,
+    "rules": [
+      {
+        "sourceHTML": "<button class=\"button button-stable\"><i class=\"icon ion-plus-round\"></i></button>",
+        "targetSelector": ".crn-ion-nav-buttons"
+      }
+    ]
+  },
+  "styles": [
+    {
+      "selector": "button#{id}",
+      "text_pt_BR": "Botão",
+      "text_en_US": "Button"
+    },
+    {
+      "selector": "button#{id} i",
+      "text_pt_BR": "Ícone",
+      "text_en_US": "Icon"
+    }
+  ]
+}

package/components/crn-ion-segment-item.components.json

@@ -0,0 +1,68 @@
+{
+    "name": "crn-ion-segment-item",
+    "text_pt_BR": "Item da abas",
+    "text_en_US": "Tabs item",
+    "image": "/node_modules/cronapp-framework-mobile-js/img/cron-icon/crn-tabs.svg",
+    "pallete": false,
+    "templateURL": "src/main/mobileapp/www/node_modules/cronapp-framework-mobile-js/components/templates/crn-ion-segment-item.template.html",
+    "wrapper": false,
+    "forcedGroup": true,
+    "properties": {
+        "class": {
+            "order": 9999
+        },
+        "id": {
+            "order": 1
+        }
+    },
+    "handleRules": {
+        "useParentDataComponentRulesOnActive": "crn-ion-segment"
+    },
+    "childrenProperties": [
+        {
+            "name": "class",
+            "selector": "i",
+            "displayName_pt_BR": "Ícone",
+            "displayName_en_US": "Icon",
+            "type": "icon",
+            "order": 1
+        },
+        {
+            "name": "content",
+            "displayName_pt_BR": "Título",
+            "displayName_en_US": "Title",
+            "order": 4,
+            "selector": "span"
+        },
+        {
+            "name": "ng-init",
+            "selector": "button",
+            "type": "event"
+        },
+        {
+            "name": "ng-click",
+            "selector": "button",
+            "type": "event"
+        },
+        {
+            "name": "ng-dblclick",
+            "selector": "button",
+            "type": "event"
+        },
+        {
+            "name": "ng-mouseenter",
+            "selector": "button",
+            "type": "event"
+        },
+        {
+            "name": "ng-mouseleave",
+            "selector": "button",
+            "type": "event"
+        },
+        {
+            "name": "ng-mousemove",
+            "selector": "button",
+            "type": "event"
+        }
+    ]
+}