cronapp-framework-mobile-js
Version:
Javascript library for CronApp's projects
351 lines • 8.8 kB
JSON
{
"name": "crn-ion-footer-bar",
"text_pt_BR": "Rodapé",
"text_en_US": "Footer",
"image": "/node_modules/cronapp-framework-mobile-js/img/cron-icon/crn-ion-footer-bar.svg",
"description": "Estrutura de rodapé com botões",
"description_en_US": "Footer structure with buttons",
"category": [
"LAYOUTS"
],
"wrapper": false,
"templateURL": "src/main/mobileapp/www/node_modules/cronapp-framework-mobile-js/dist/components/templates/ion-footer-bar.template.html",
"properties": {
"id": {
"order": 2
},
"class": {
"order": 9999
},
"xattr-theme": {
"displayName_pt_BR": "Tema do fundo",
"displayName_en_US": "Background theme",
"order": 2
},
"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": "left-button-theme",
"type": "options",
"target": "style",
"values": [
{
"key": "background-color: #ef473a;",
"value_pt_BR": "Assertivo",
"value_en_US": "Assertive",
"color": "#ef473a"
},
{
"key": "background-color: #33cd5f;",
"value_pt_BR": "Equilibrado",
"value_en_US": "Balanced",
"color": "#33cd5f"
},
{
"key": "background-color: #ffc900;",
"value_pt_BR": "Energizado",
"value_en_US": "Energized",
"color": "#ffc900"
},
{
"key": "background-color: #fff;",
"value_pt_BR": "Claro",
"value_en_US": "Light",
"color": "#fff"
},
{
"key": "background-color: #f8f8f8;",
"value_pt_BR": "Estável",
"value_en_US": "Stable",
"color": "#f8f8f8"
},
{
"key": "background-color: #11c1f3;",
"value_pt_BR": "Calmo",
"value_en_US": "Calm",
"color": "#11c1f3"
},
{
"key": "background-color: #387ef5;",
"value_pt_BR": "Positivo",
"value_en_US": "Positive",
"color": "#387ef5"
},
{
"key": "background-color: #886aea;",
"value_pt_BR": "Real",
"value_en_US": "Royal",
"color": "#886aea"
},
{
"key": "background-color: #444;",
"value_pt_BR": "Escuro",
"value_en_US": "Dark",
"color": "#444"
}
]
},
{
"name": "right-button-theme",
"type": "options",
"target": "style",
"values": [
{
"key": "background-color: #ef473a;",
"value_pt_BR": "Assertivo",
"value_en_US": "Assertive",
"color": "#ef473a"
},
{
"key": "background-color: #33cd5f;",
"value_pt_BR": "Equilibrado",
"value_en_US": "Balanced",
"color": "#33cd5f"
},
{
"key": "background-color: #ffc900;",
"value_pt_BR": "Energizado",
"value_en_US": "Energized",
"color": "#ffc900"
},
{
"key": "background-color: #fff;",
"value_pt_BR": "Claro",
"value_en_US": "Light",
"color": "#fff"
},
{
"key": "background-color: #f8f8f8;",
"value_pt_BR": "Estável",
"value_en_US": "Stable",
"color": "#f8f8f8"
},
{
"key": "background-color: #11c1f3;",
"value_pt_BR": "Calmo",
"value_en_US": "Calm",
"color": "#11c1f3"
},
{
"key": "background-color: #387ef5;",
"value_pt_BR": "Positivo",
"value_en_US": "Positive",
"color": "#387ef5"
},
{
"key": "background-color: #886aea;",
"value_pt_BR": "Real",
"value_en_US": "Royal",
"color": "#886aea"
},
{
"key": "background-color: #444;",
"value_pt_BR": "Escuro",
"value_en_US": "Dark",
"color": "#444"
}
]
},
{
"name": "xattr-position",
"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": "content",
"displayName_pt_BR": "Título",
"displayName_en_US": "Title",
"selector": "h1",
"type": "text",
"order": 1
},
{
"name": "xattr-position",
"displayName_pt_BR": "Posição do título",
"displayName_en_US": "Title position",
"selector": "h1",
"order": 2
},
{
"name": "content",
"displayName_pt_BR": "Texto do botão direito",
"displayName_en_US": "Right click text",
"selector": "div .button-right",
"type": "text",
"order": 2
},
{
"name": "right-button-theme",
"displayName_pt_BR": "Tema do botão esquerdo",
"displayName_en_US": "Right button theme",
"selector": "div .button-right",
"order": 3
},
{
"name": "content",
"displayName_pt_BR": "Texto do botão esquerdo",
"displayName_en_US": "Left button text",
"selector": "div .button-left",
"type": "text",
"order": 4
},
{
"name": "left-button-theme",
"displayName_pt_BR": "Tema do botão esquerdo",
"displayName_en_US": "Left button theme",
"selector": "div .button-left",
"order": 5
},
{
"name": "ng-click",
"selector": "div .button-left",
"type": "event",
"displayName_pt_BR": "Ao clicar no botão esquerdo",
"displayName_en_US": "On left button click"
},
{
"name": "ng-click",
"selector": "div .button-right",
"type": "event",
"displayName_pt_BR": "Ao clicar no botãodireito",
"displayName_en_US": "On right button lick"
}
],
"styles": [
{
"selector": "#{id}",
"text_pt_BR": "Plano de fundo",
"text_en_US": "Background"
},
{
"selector": "#{id} h1",
"text_pt_BR": "Título",
"text_en_US": "Title"
},
{
"selector": "#{id} .button-left",
"text_pt_BR": "Botão esquerdo",
"text_en_US": "Left button"
},
{
"selector": "#{id} .button-right",
"text_pt_BR": "Botão direito",
"text_en_US": "Right button"
}
]
}