cronapp-framework-mobile-js 2.9.2 → 2.9.3-SP.10

package/css/themes/custom/united/custom-united.css

@@ -268,6 +268,29 @@
     --btnRoyal: var(--colorRoyal40, #772953);
     --btnDark: var(--colorDark40, #444444);
 
+    --textColorDefault: var(--textColorDefault40, #ffffff);
+    --textColorPrimary: var(--textColorPrimary40, #ffffff);
+    --textColorSuccess: var(--textColorSuccess40, #ffffff);
+    --textColorCalm: var(--textColorCalm40, #ffffff);
+    --textColorWarning: var(--textColorWarning40, #ffffff);
+    --textColorDanger: var(--textColorDanger40, #ffffff);
+    --textColorLight: var(--textColorLight40, #000000);
+    --textColorStable: var(--textColorStable40, #444444);
+    --textColorRoyal: var(--textColorRoyal40, #ffffff);
+    --textColorDark: var(--textColorDark40, #ffffff);
+
+    --borderBtnLink: transparent;
+    --borderBtnDefault: transparent;
+    --borderBtnPrimary: transparent;
+    --borderBtnSuccess: transparent;
+    --borderBtnCalm: transparent;
+    --borderBtnWarning: transparent;
+    --borderBtnDanger: transparent;
+    --borderBtnLight: transparent;
+    --borderBtnStable: transparent;
+    --borderBtnRoyal: transparent;
+    --borderBtnDark: transparent;
+
     /* Components - Text color */
     --colorDefault: var(--colorDefault40, #aea79f);
     --colorPrimary: var(--colorPrimary40, #e95420);
@@ -292,6 +315,17 @@
     --checkboxRoyal: var(--colorRoyal40, #772953);
     --checkboxDark: var(--colorDark40, #444444);
 
+    --borderCheckboxDefault: var(--colorDefault40, #aea79f);
+    --borderCheckboxPrimary: var(--colorPrimary40, #e95420);
+    --borderCheckboxSuccess: var(--colorSuccess40, #38b44a);
+    --borderCheckboxCalm: var(--colorCalm40, #17a2b8);
+    --borderCheckboxWarning: var(--colorWarning40, #efb73e);
+    --borderCheckboxDanger: var(--colorDanger40, #df382c);
+    --borderCheckboxLight: var(--colorLight50, #cccfd1);
+    --borderCheckboxStable: var(--colorStable40, #f8f8f8);
+    --borderCheckboxRoyal: var(--colorRoyal40, #772953);
+    --borderCheckboxDark: var(--colorDark40, #444444);
+
     /* Components - Toggle */
     --toggleDefault: var(--colorDefault40, #aea79f);
     --togglePrimary: var(--colorPrimary40, #e95420);
@@ -304,6 +338,17 @@
     --toggleRoyal: var(--colorRoyal40, #772953);
     --toggleDark: var(--colorDark40, #444444);
 
+    --borderToggleDefault: var(--colorDefault40, #aea79f);
+    --borderTogglePrimary: var(--colorPrimary40, #e95420);
+    --borderToggleSuccess: var(--colorSuccess40, #38b44a);
+    --borderToggleCalm: var(--colorCalm40, #17a2b8);
+    --borderToggleWarning: var(--colorWarning40, #efb73e);
+    --borderToggleDanger: var(--colorDanger40, #df382c);
+    --borderToggleLight: var(--colorLight50, #cccfd1);
+    --borderToggleStable: var(--colorStable50, #d9d9d9);
+    --borderToggleRoyal: var(--colorRoyal40, #772953);
+    --borderToggleDark: var(--colorDark40, #444444);
+
     /* Components - Tabs - crn-ion-segment */
     --bgDefault: var(--colorDefault40, #aea79f);
     --bgPrimary: var(--colorPrimary40, #e95420);
@@ -483,7 +528,7 @@ textarea::placeholder,
     color: var(--textColorPrimary40, #ffffff);
 }
 
-.login-mobile input::placeholder {
+.login-mobile .item-input input::placeholder  {
     color: var(--textColor30, #838383);
 }
 
@@ -504,6 +549,7 @@ a#button-signup,
 }
 
 /* Cabeçalho */
+.bar.bar-default.bar-footer,
 .bar.bar-default {
     border-color: var(--colorPrimary40, #e95420);
     background: var(--colorPrimary40, #e95420);
@@ -517,16 +563,17 @@ a#button-signup,
     color: var(--textColorPrimary40, #ffffff);
 }
 
-.bar.bar-primary {
+.bar.bar-positive.bar-footer,
+.bar.bar-positive {
     border-color: var(--colorDefault40, #e95420);
     background: var(--colorDefault40, #e95420);
     color: var(--textColorDefault40, #ffffff);
 }
 
-.bar.bar-primary .button .icon,
-.bar.bar-primary .button i,
-.bar.bar-primary .button span,
-.bar.bar-primary .title {
+.bar.bar-positive .button .icon,
+.bar.bar-positive .button i,
+.bar.bar-positive .button span,
+.bar.bar-positive .title {
     color: var(--textColorDefault40, #ffffff);
 }
 

package/css/themes/custom/yeti/custom-yeti.css

@@ -270,6 +270,29 @@
     --btnRoyal: var(--colorRoyal40, #886aea);
     --btnDark: var(--colorDark40, #222222);
 
+    --textColorDefault: var(--textColorDefault40, #ffffff);
+    --textColorPrimary: var(--textColorPrimary40, #ffffff);
+    --textColorSuccess: var(--textColorSuccess40, #ffffff);
+    --textColorCalm: var(--textColorCalm40, #ffffff);
+    --textColorWarning: var(--textColorWarning40, #ffffff);
+    --textColorDanger: var(--textColorDanger40, #ffffff);
+    --textColorLight: var(--textColorLight40, #000000);
+    --textColorStable: var(--textColorStable40, #444444);
+    --textColorRoyal: var(--textColorRoyal40, #ffffff);
+    --textColorDark: var(--textColorDark40, #ffffff);
+
+    --borderBtnLink: transparent;
+    --borderBtnDefault: var(--colorDefault50, #cacaca);
+    --borderBtnPrimary: var(--colorPrimary50, #007ba3);
+    --borderBtnSuccess: var(--colorSuccess50, #3b975d);
+    --borderBtnCalm: var(--colorCalm50, #50a8c2);
+    --borderBtnWarning: var(--colorWarning50, #cc7e02);
+    --borderBtnDanger: var(--colorDanger50, #d23920);
+    --borderBtnLight: var(--colorLight50, #d0d0d0);
+    --borderBtnStable: var(--colorStable50, #d9d9d9);
+    --borderBtnRoyal: var(--colorRoyal50, #775dcd);
+    --borderBtnDark: var(--colorDark50, #1e1e1e);
+
     /* Components - Text color */
     --colorDefault: var(--colorDefault50, #cacaca);
     --colorPrimary: var(--colorPrimary40, #008cba);
@@ -294,6 +317,17 @@
     --checkboxRoyal: var(--colorRoyal40, #886aea);
     --checkboxDark: var(--colorDark40, #222222);
 
+    --borderCheckboxDefault: var(--colorDefault50, #cacaca);
+    --borderCheckboxPrimary: var(--colorPrimary40, #008cba);
+    --borderCheckboxSuccess: var(--colorSuccess40, #43ac6a);
+    --borderCheckboxCalm: var(--colorCalm40, #5bc0de);
+    --borderCheckboxWarning: var(--colorWarning40, #e99002);
+    --borderCheckboxDanger: var(--colorDanger40, #f04124);
+    --borderCheckboxLight: var(--colorLight50, #d0d0d0);
+    --borderCheckboxStable: var(--colorStable50, #d9d9d9);
+    --borderCheckboxRoyal: var(--colorRoyal40, #886aea);
+    --borderCheckboxDark: var(--colorDark40, #222222);
+
     /* Components - Toggle */
     --toggleDefault: var(--colorDefault40, #e7e7e7);
     --togglePrimary: var(--colorPrimary40, #008cba);
@@ -306,6 +340,17 @@
     --toggleRoyal: var(--colorRoyal40, #886aea);
     --toggleDark: var(--colorDark40, #222222);
 
+    --borderToggleDefault: var(--colorDefault40, #e7e7e7);
+    --borderTogglePrimary: var(--colorPrimary40, #008cba);
+    --borderToggleSuccess: var(--colorSuccess40, #43ac6a);
+    --borderToggleCalm: var(--colorCalm40, #5bc0de);
+    --borderToggleWarning: var(--colorWarning40, #e99002);
+    --borderToggleDanger: var(--colorDanger40, #f04124);
+    --borderToggleLight: var(--colorLight50, #d0d0d0);
+    --borderToggleStable: var(--colorStable50, #d9d9d9);
+    --borderToggleRoyal: var(--colorRoyal40, #886aea);
+    --borderToggleDark: var(--colorDark40, #222222);
+
     /* Components - Tabs - crn-ion-segment */
     --bgDefault: var(--colorDefault40, #e7e7e7);
     --bgPrimary: var(--colorPrimary40, #008cba);

package/deprecated/components/crn-QRCode.components.json

@@ -0,0 +1,54 @@
+{
+  "name": "crn-QRCode",
+  "text_pt_BR": "Código QR",
+  "text_en_US": "QR Code",
+  "image": "/node_modules/cronapp-framework-mobile-js/img/cron-icon/crn-QRCode.svg",
+  "description": "Código de barras bidimensional lido por câmera",
+  "description_en_US": "Two-dimensional barcode read by camera",
+  "category": [
+    "LAYOUTS"
+  ],
+  "wrapper": true,
+  "template": "<qr ng-model=\"vars.QR${RANDOM}\" ><div> </div> </qr>",
+  "designTimeHTML": "<img alt=\"qr-code\" style=\"height: 100%;width:100%;min-height:100%; min-width:100%;\"  src=\"node_modules/cronapp-framework-mobile-js/img/qr-code.png\"/>",
+  "designTimeSelector": "div",
+  "properties": {
+    "id": {
+      "order": 3
+    },
+    "class": {
+      "order": 9999
+    },
+    "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": "ng-model",
+      "selector": "qr",
+      "displayName_pt_BR": "Valor",
+      "displayName_en_US": "Value",
+      "type": "text",
+      "order": 1,
+      "mandatory": true
+    }
+  ]
+}

package/deprecated/components/crn-anchor.components.json

@@ -0,0 +1,89 @@
+{
+  "name": "crn-anchor",
+  "text_pt_BR": "Link",
+  "text_en_US": "Link",
+  "image": "/node_modules/cronapp-framework-mobile-js/img/cron-icon/crn-anchor.svg",
+  "description": "Texto vínculado a uma URL",
+  "description_en_US": "Text linked to a URL",
+  "category": [
+    "BUTTONS"
+  ],
+  "wrapper": false,
+  "templateURL": "src/main/mobileapp/www/node_modules/cronapp-framework-mobile-js/dist/components/templates/anchor.template.html",
+  "properties": {
+    "id": {
+      "order": 4
+    },
+    "class": {
+      "order": 9999
+    },
+    "content": {
+      "displayName_pt_BR": "Título",
+      "displayName_en_US": "Title",
+      "order": 2
+    },
+    "href": {
+      "removable": false,
+      "type": "projectResource",
+      "resourceType": "text/html",
+      "extraOptions": {
+        "underViewsFolder": true
+      },
+      "order": 1
+    },
+    "xattr-fullsize": {
+      "displayName_pt_BR": "Tamanho",
+      "displayName_en_US": "Size",
+      "order": 3
+    },
+    "ng-click": {
+      "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-fullsize",
+      "type": "options",
+      "target": "style",
+      "values": [
+        {
+          "key": "display:block;",
+          "value_pt_BR": "Largura completa",
+          "value_en_US": "Full width"
+        },
+        {
+          "key": "display:inline;",
+          "value_pt_BR": "Compacto",
+          "value_en_US": "Compact"
+        }
+      ]
+    }
+  ],
+  "childrenProperties": [
+    {
+      "name": "ng-mouseover",
+      "selector": "a",
+      "type": "event"
+    }
+  ]
+}

package/deprecated/components/crn-button-bar.components.json

@@ -0,0 +1,64 @@
+{
+  "name": "crn-button-bar",
+  "text_pt_BR": "Barra de botões",
+  "text_en_US": "Button Bar",
+  "image": "/node_modules/cronapp-framework-mobile-js/img/cron-icon/crn-button-bar.svg",
+  "description": "Botões alinhados na vertical",
+  "description_en_US": "Botões alinhados na vertical",
+  "category": [
+    "BUTTONS"
+  ],
+  "templateURL": "src/main/mobileapp/www/node_modules/cronapp-framework-mobile-js/dist/components/templates/button-bar.template.html", 
+  "forcedGroup": true,
+  "properties": {
+    "class": {
+      "order": 9999
+    },
+    "id": {
+      "order": 1
+    }
+  },
+  "handleRules": {
+    "canIncrement": true,
+    "rules": [
+      {
+        "sourceHTML": "<button class=\"component-holder button button-dark button-block\" data-component=\"crn-button\"type=\"submit\" ng-click=\"\" xattr-size=\"\" xattr-type=\"\" xattr-theme=\"button-positive\" xattr-fullsize=\"button-block\"><i class=\"icon ion-home icon-left\"></i><span> Button</span></button>",
+        "targetSelector": ".button-bar"
+      }
+    ]
+  },
+  "styles": [
+    {
+      "selector": "div#{id} button",
+      "text_pt_BR": "Botão",
+      "text_en_US": "Button"
+    },
+    {
+      "selector": "div#{id} i",
+      "text_pt_BR": "Ícone",
+      "text_en_US": "Icon"
+    },
+    {
+      "selector": "div#{id} span",
+      "text_pt_BR": "Descrição",
+      "text_en_US": "Description"
+    }
+  ],
+  "childrenProperties": [
+    {
+      "name": "on-hold",
+      "selector": "button",
+      "type": "event"
+    },
+    {
+      "name": "on-drag",
+      "selector": "button",
+      "type": "event"
+    },
+    {
+      "name": "on-swipe",
+      "selector": "button",
+      "type": "event"
+    }
+  ]
+}

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

@@ -0,0 +1,316 @@
+{
+  "name": "crn-button",
+  "text_pt_BR": "Botão",
+  "text_en_US": "Button",
+  "image": "/node_modules/cronapp-framework-mobile-js/img/cron-icon/crn-button.svg",
+  "description": "Botão",
+  "description_en_US": "Button",
+  "category": [
+    "BUTTONS", "FORMS"
+  ],
+  "wrapper": false,
+  "templateURL": "src/main/mobileapp/www/node_modules/cronapp-framework-mobile-js/dist/components/templates/button.template.html",
+  "properties": {
+    "id": {
+      "order": 7
+    },
+    "type": {
+      "order": 6
+    },
+    "class": {
+      "order": 9999
+    },
+    "ng-click": {
+      "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"
+    },
+    "xattr-fullsize": {
+      "displayName_en_US": "Width",
+      "displayName_pt_BR": "Largura",
+      "order": 4
+    },
+    "xattr-theme": {
+      "displayName_en_US": "Theme",
+      "displayName_pt_BR": "Tema",
+      "order": 3
+    },
+    "xattr-type": {
+      "displayName_pt_BR": "Estilo do botão",
+      "displayName_en_US": "Button style",
+      "order": 5
+    },
+    "xattr-size": {
+      "displayName_en_US": "Size",
+      "displayName_pt_BR": "Tamanho",
+      "order": 2
+    }
+  },
+  "attributesForPreview": [
+    {
+      "name": "xattr-size",
+      "type": "btngroup",
+      "target": "class",
+      "values": [
+        {
+          "key": "button-small",
+          "value_pt_BR": "Pequeno",
+          "value_en_US": "Small"
+        },
+        {
+          "key": "button-medium",
+          "value_pt_BR": "Médio",
+          "value_en_US": "Medium"
+        },
+        {
+          "key": "button-large",
+          "value_pt_BR": "Grande",
+          "value_en_US": "Large"
+        }
+      ]
+    },
+    {
+      "name": "type",
+      "type": "options",
+      "target": "type",
+      "values": [
+        {
+          "key": "submit",
+          "value_pt_BR": "Enviar dados do formulário (submit)",
+          "value_en_US": "Submit form data (submit)"
+        },
+        {
+          "key": "reset",
+          "value_pt_BR": "Resetar dados do formulário (submit)",
+          "value_en_US": "Reset form data (submit)"
+        },
+        {
+          "key": "button",
+          "value_pt_BR": "Botão clicável",
+          "value_en_US": "Clickable button"
+        }
+      ]
+    },
+    {
+      "name": "xattr-type",
+      "type": "options",
+      "target": "class",
+      "values": [
+        {
+          "key": "filled",
+          "value_pt_BR": "Preenchido",
+          "value_en_US": "Filled"
+        },
+        {
+          "key": "button-clear",
+          "value_pt_BR": "Claro",
+          "value_en_US": "Clear"
+        },
+        {
+          "key": "button-outline",
+          "value_pt_BR": "Contorno",
+          "value_en_US": "Outline"
+        }
+      ]
+    },
+    {
+      "name": "xattr-fullsize",
+      "type": "options",
+      "target": "class",
+      "values": [
+        {
+          "key": "button-block",
+          "value_pt_BR": "Bloco",
+          "value_en_US": "Block"
+        },
+        {
+          "key": "",
+          "value_pt_BR": "Embutido",
+          "value_en_US": "Inline"
+        },
+        {
+          "key": "button-full",
+          "value_pt_BR": "Largura completa",
+          "value_en_US": "Full width"
+        }
+      ]
+    },
+    {
+      "name": "xattr-theme",
+      "type": "options",
+      "target": "class",
+      "values": [
+        {
+          "key": "button-assertive",
+          "value_pt_BR": "Assertivo",
+          "value_en_US": "Assertive",
+          "color": "#ef473a"
+        },
+        {
+          "key": "button-balanced",
+          "value_pt_BR": "Equilibrado",
+          "value_en_US": "Balanced",
+          "color": "#33cd5f"
+        },
+        {
+          "key": "button-energized",
+          "value_pt_BR": "Energizado",
+          "value_en_US": "Energized",
+          "color": "#ffc900"
+        },
+        {
+          "key": "button-light",
+          "value_pt_BR": "Claro",
+          "value_en_US": "Light",
+          "color": "#fff"
+        },
+        {
+          "key": "button-stable",
+          "value_pt_BR": "Estável",
+          "value_en_US": "Stable",
+          "color": "#f8f8f8"
+        },
+        {
+          "key": "button-calm",
+          "value_pt_BR": "Calmo",
+          "value_en_US": "Calm",
+          "color": "#11c1f3"
+        },
+        {
+          "key": "button-positive",
+          "value_pt_BR": "Positivo",
+          "value_en_US": "Positive",
+          "color": "#387ef5"
+        },
+        {
+          "key": "button-royal",
+          "value_pt_BR": "Real",
+          "value_en_US": "Royal",
+          "color": "#886aea"
+        },
+        {
+          "key": "button-dark",
+          "value_pt_BR": "Escuro",
+          "value_en_US": "Dark",
+          "color": "#444"
+        }
+      ]
+    },
+    {
+      "name": "xattr-icon-theme",
+      "type": "options",
+      "target": "class",
+      "values": [
+        {
+          "key": "assertive",
+          "value_pt_BR": "Assertivo",
+          "value_en_US": "Assertive",
+          "color": "#ef473a"
+        },
+        {
+          "key": "balanced",
+          "value_pt_BR": "Equilibrado",
+          "value_en_US": "Balanced",
+          "color": "#33cd5f"
+        },
+        {
+          "key": "energized",
+          "value_pt_BR": "Energizado",
+          "value_en_US": "Energized",
+          "color": "#ffc900"
+        },
+        {
+          "key": "light",
+          "value_pt_BR": "Claro",
+          "value_en_US": "Light",
+          "color": "#fff"
+        },
+        {
+          "key": "stable",
+          "value_pt_BR": "Estável",
+          "value_en_US": "Stable",
+          "color": "#f8f8f8"
+        },
+        {
+          "key": "calm",
+          "value_pt_BR": "Calmo",
+          "value_en_US": "Calm",
+          "color": "#11c1f3"
+        },
+        {
+          "key": "positive",
+          "value_pt_BR": "Positivo",
+          "value_en_US": "Positive",
+          "color": "#387ef5"
+        },
+        {
+          "key": "royal",
+          "value_pt_BR": "Real",
+          "value_en_US": "Royal",
+          "color": "#886aea"
+        },
+        {
+          "key": "dark",
+          "value_pt_BR": "Escuro",
+          "value_en_US": "Dark",
+          "color": "#444"
+        }
+      ]
+    }
+  ],
+  "childrenProperties": [
+    {
+      "name": "class",
+      "selector": "i",
+      "displayName_pt_BR": "Ícone",
+      "displayName_en_US": "Icon",
+      "type": "icon",
+      "order": 1
+    },
+    {
+      "name": "xattr-icon-theme",
+      "selector": "i",
+      "displayName_pt_BR": "Tema do ícone",
+      "displayName_en_US": "Icon theme",
+      "type": "text"
+    },
+    {
+      "name": "content",
+      "selector": "span",
+      "displayName_pt_BR": "Título",
+      "displayName_en_US": "Title",
+      "type": "text"
+    }
+  ],
+  "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"
+    }
+  ]
+}