cronapp-framework-mobile-js
Version:
Javascript library for CronApp's projects
211 lines • 5.01 kB
JSON
{
"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-assertive",
"value_pt_BR": "Assertivo",
"value_en_US": "Assertive",
"color": "#ef473a"
},
{
"key": "bar-balanced",
"value_pt_BR": "Equilibrado",
"value_en_US": "Balanced",
"color": "#33cd5f"
},
{
"key": "bar-energized",
"value_pt_BR": "Energizado",
"value_en_US": "Energized",
"color": "#ffc900"
},
{
"key": "bar-light",
"value_pt_BR": "Claro",
"value_en_US": "Light",
"color": "#fff"
},
{
"key": "bar-stable",
"value_pt_BR": "Estável",
"value_en_US": "Stable",
"color": "#f8f8f8"
},
{
"key": "bar-calm",
"value_pt_BR": "Calmo",
"value_en_US": "Calm",
"color": "#11c1f3"
},
{
"key": "bar-positive",
"value_pt_BR": "Positivo",
"value_en_US": "Positive",
"color": "#387ef5"
},
{
"key": "bar-royal",
"value_pt_BR": "Real",
"value_en_US": "Royal",
"color": "#886aea"
},
{
"key": "bar-dark",
"value_pt_BR": "Escuro",
"value_en_US": "Dark",
"color": "#444"
}
]
},
{
"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": "ion-header-bar",
"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"
}
]
}