cronapp-framework-mobile-js
Version:
Javascript library for CronApp's projects
255 lines • 6.13 kB
JSON
{
"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": "default",
"value_pt_BR": "Padrão do tema",
"value_en_US": "Default theme",
"color": "--colorDefault"
},
{
"key": "positive",
"value_pt_BR": "Secundário",
"value_en_US": "Secondary",
"color": "--colorPrimary"
},
{
"key": "balanced",
"value_pt_BR": "Sucesso",
"value_en_US": "Success",
"color": "--colorSuccess"
},
{
"key": "calm",
"value_pt_BR": "Informação",
"value_en_US": "Info",
"color": "--colorCalm"
},
{
"key": "energized",
"value_pt_BR": "Aviso",
"value_en_US": "Warning",
"color": "--colorWarning"
},
{
"key": "assertive",
"value_pt_BR": "Perigo",
"value_en_US": "Danger",
"color": "--colorDanger"
},
{
"key": "light",
"value_pt_BR": "Claro",
"value_en_US": "Light",
"color": "--colorLight"
},
{
"key": "stable",
"value_pt_BR": "Estável",
"value_en_US": "Stable",
"color": "--colorStable"
},
{
"key": "royal",
"value_pt_BR": "Real",
"value_en_US": "Royal",
"color": "--colorRoyal"
},
{
"key": "dark",
"value_pt_BR": "Escuro",
"value_en_US": "Dark",
"color": "--colorDark"
}
]
}
],
"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"
}
]
}