cronapp-framework-mobile-js 2.8.9

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

@@ -0,0 +1,260 @@
+{
+  "name": "crn-list-avatar",
+  "text_pt_BR": "Lista com avatar",
+  "text_en_US": "Avatar list",
+  "image": "/node_modules/cronapp-framework-mobile-js/img/cron-icon/crn-list-avatar.svg",
+  "description": "Lista de dados com avatar",
+  "description_en_US": "Data list with avatar",
+  "category": [
+    "LISTS"
+  ],
+  "wrapper": true,
+  "templateURL": "src/main/mobileapp/www/node_modules/cronapp-framework-mobile-js/dist/components/templates/list.avatar.template.html",
+  "forcedGroup": true,
+  "properties": {
+    "id": {
+      "order": 3
+    },
+    "class": {
+      "order": 9999
+    }
+  },
+  "handleRules": {
+    "canIncrement": true,
+    "rules": [
+      {
+        "sourceHTML": "<a class=\"item item-avatar-left text-left\" xattr-position=\"item-avatar-left\" xattr-text-position=\"text-left\" data-component=\"crn-list-item-avatar\" id=\"crn-list-item-avatar-${RANDOM}\"><img alt=\"Avatar\" src=\"img/nophoto.png\" class=\"component-holder\" data-component=\"crn-image\" id=\"crn-image-${RANDOM}\"><h2 class=\"dark\" xattr-theme=\"dark\">List Title</h2><h3 class=\"dark\" xattr-theme=\"dark\">List Subtitle</h3</a>",
+        "targetSelector": "div"
+      }
+    ]
+  },
+  "attributesForPreview": [
+    {
+      "name": "xattr-position",
+      "type": "btngroup",
+      "target": "class",
+      "values": [
+        {
+          "key": "item-avatar-left",
+          "value_pt_BR": "Esquerda",
+          "value_en_US": "Left",
+          "icon": "mdi mdi-arrow-collapse-left"
+        },
+        {
+          "key": "item-avatar-right",
+          "value_pt_BR": "Direita",
+          "value_en_US": "Right",
+          "icon": "mdi mdi-arrow-collapse-right"
+        }
+      ]
+    },
+    {
+      "name": "xattr-text-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-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": "crn-datasource",
+      "selector": "div",
+      "displayName_pt_BR": "Fonte de dados",
+      "displayName_en_US": "Datasource",
+      "type": "pageDatasource",
+      "order": 1,
+      "mandatory": true
+    },
+    {
+      "name": "ng-repeat",
+      "selector": "div",
+      "type": "text",
+      "order": 2
+    },
+    {
+      "name": "src",
+      "selector": "img",
+      "removable": false,
+      "displayName_pt_BR": "Avatar",
+      "displayName_en_US": "Avatar",
+      "type": "projectResource",
+      "resourceType": "image/jpeg,image/gif,image/png",
+      "order": 3
+    },
+    {
+      "name": "content",
+      "displayName_pt_BR": "Título",
+      "displayName_en_US": "Title",
+      "selector": "h2",
+      "type": "content",
+      "order": 4
+    },
+    {
+      "name": "content",
+      "displayName_pt_BR": "Subtítulo",
+      "displayName_en_US": "Subtitle",
+      "selector": "h3",
+      "type": "content",
+      "order": 5
+    },
+    {
+      "name": "xattr-theme",
+      "displayName_pt_BR": "Tema do Tìtulo",
+      "displayName_en_US": "Title theme",
+      "selector": "h2",
+      "type": "text",
+      "order": 6
+    },
+    {
+      "name": "xattr-theme",
+      "displayName_pt_BR": "Tema do Subtítulo",
+      "displayName_en_US": "Subtitle theme",
+      "selector": "h3",
+      "type": "text",
+      "order": 7
+    },
+    {
+      "name": "xattr-position",
+      "displayName_pt_BR": "Posição da Imagem",
+      "displayName_en_US": "Image Position",
+      "selector": "a",
+      "type": "text",
+      "order": 8
+    },
+    {
+      "name": "xattr-text-position",
+      "displayName_pt_BR": "Posição do Texto",
+      "displayName_en_US": "Text Position",
+      "selector": "a",
+      "type": "text",
+      "order": 9
+    },
+    {
+      "name": "ng-click",
+      "selector": "a",
+      "type": "event"
+    },
+    {
+      "name": "on-tap",
+      "selector": "a",
+      "type": "event"
+    },
+    {
+      "name": "on-double-tap",
+      "selector": "a",
+      "type": "event"
+    },
+    {
+      "name": "on-hold",
+      "selector": "a",
+      "type": "event"
+    },
+    {
+      "name": "on-swipe",
+      "selector": "a",
+      "type": "event"
+    },
+    {
+      "name": "on-drag",
+      "selector": "a",
+      "type": "event"
+    }
+  ],
+  "styles": [
+    {
+      "selector": "div#{id} a",
+      "text_pt_BR": "Plano de fundo",
+      "text_en_US": "Background"
+    },
+    {
+      "selector": "div#{id} h2",
+      "text_pt_BR": "Título",
+      "text_en_US": "Title"
+    },
+    {
+      "selector": "div#{id} h3",
+      "text_pt_BR": "Subtítulo",
+      "text_en_US": "Subtitle"
+    }
+  ]
+}

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

@@ -0,0 +1,249 @@
+{
+  "name": "crn-list-icon",
+  "text_pt_BR": "Lista com ícone",
+  "text_en_US": "Icon List",
+  "image": "/node_modules/cronapp-framework-mobile-js/img/cron-icon/crn-list-icon.svg",
+  "description": "Lista de dados com ícone",
+  "description_en_US": "Data list with icon",
+  "category": [
+    "LISTS"
+  ],
+  "wrapper": true,
+  "templateURL": "src/main/mobileapp/www/node_modules/cronapp-framework-mobile-js/dist/components/templates/list.icon.template.html",
+  "forcedGroup": true,
+  "properties": {
+    "id": {
+      "order": 1
+    },
+    "class": {
+      "order": 9999
+    }
+  },
+  "handleRules": {
+    "canIncrement": true,
+    "rules": [
+      {
+        "sourceHTML": "<a class=\"item item-icon-left\" xattr-position=\"item-icon-left\" data-component=\"crn-list-item-icon\" id=\"crn-list-item-icon${RANDOM}\" href=\"\"><i class=\"icon ion-home dark\" xattr-theme=\"dark\"></i><h2 class=\"dark\" xattr-theme=\"dark\">List Content</h2></a>",
+        "targetSelector": "div"
+      }
+    ]
+  },
+  "attributesForPreview": [
+    {
+      "name": "xattr-position",
+      "type": "btngroup",
+      "target": "class",
+      "values": [
+        {
+          "key": "item-icon-left",
+          "value_pt_BR": "Esquerda",
+          "value_en_US": "Left",
+          "icon": "mdi mdi-arrow-collapse-left"
+        },
+        {
+          "key": "item-icon-right",
+          "value_pt_BR": "Direita",
+          "value_en_US": "Right",
+          "icon": "mdi mdi-arrow-collapse-right"
+        }
+      ]
+    },
+    {
+      "name": "xattr-text-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-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": "crn-datasource",
+      "selector": "div",
+      "displayName_pt_BR": "Fonte de dados",
+      "displayName_en_US": "Datasource",
+      "type": "pageDatasource",
+      "order": 1,
+      "mandatory": true
+    },
+    {
+      "name": "ng-repeat",
+      "selector": "div",
+      "order": 4
+    },
+    {
+      "name": "content",
+      "selector": "h2",
+      "displayName_pt_BR": "Título",
+      "displayName_en_US": "Title",
+      "type": "content",
+      "order": 3
+    },
+    {
+      "name": "xattr-theme",
+      "selector": "h2",
+      "displayName_pt_BR": "Tema do conteúdo",
+      "displayName_en_US": "Content Theme",
+      "type": "text",
+      "order": 7
+    },
+    {
+      "name": "xattr-position",
+      "selector": "a",
+      "displayName_pt_BR": "Posição do Ícone",
+      "displayName_en_US": "Icon Position",
+      "type": "text",
+      "order": 5
+    },
+    {
+      "name": "xattr-text-position",
+      "displayName_pt_BR": "Posição do Texto",
+      "displayName_en_US": "Text Position",
+      "selector": "a",
+      "type": "text",
+      "order": 6
+    },
+    {
+      "name": "class",
+      "selector": "i",
+      "displayName_pt_BR": "Ícone",
+      "displayName_en_US": "Icon",
+      "type": "icon",
+      "order": 2
+    },
+    {
+      "name": "xattr-theme",
+      "selector": "i",
+      "displayName_pt_BR": "Tema do ícone",
+      "displayName_en_US": "Icon theme",
+      "type": "text",
+      "order": 8
+    },
+    {
+      "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-swipe",
+      "selector": "div",
+      "type": "event"
+    },
+    {
+      "name": "on-drag",
+      "selector": "div",
+      "type": "event"
+    }
+  ],
+  "styles": [
+    {
+      "selector": "div#{id} a",
+      "text_pt_BR": "Plano de fundo",
+      "text_en_US": "Background"
+    },
+    {
+      "selector": "div#{id} i",
+      "text_pt_BR": "Ícone",
+      "text_en_US": "Icon"
+    },
+    {
+      "selector": "div#{id} h2",
+      "text_pt_BR": "Descrição",
+      "text_en_US": "Description"
+    }
+  ]
+}