cronapp-framework-mobile-js
Version:
Javascript library for CronApp's projects
305 lines • 8.35 kB
JSON
{
"name": "crn-toggle",
"text_pt_BR": "Alternância",
"text_en_US": "Toggle",
"image": "/node_modules/cronapp-framework-mobile-js/img/cron-icon/crn-toggle.svg",
"description": "Campo com texto e botão de verdadeiro ou falso",
"description_en_US": "Field with text and true or false button",
"category": [
"LISTS"
],
"wrapper": false,
"templateURL": "src/main/mobileapp/www/node_modules/cronapp-framework-mobile-js/dist/components/templates/toggle.template.html",
"properties": {
"id": {
"order": 1
},
"class": {
"order": 9999
},
"ng-initial-value": {
"displayName_pt_BR": "Valor inicial",
"displayName_en_US": "Initial value"
}
},
"childrenProperties": [
{
"name": "ng-model",
"selector": "input",
"type": "text",
"order": 2,
"mandatory": true
},
{
"name": "ng-initial-value",
"selector": "input",
"onSave": "javascript:function() { var result = arguments[0]; let elem = this.currentObject.find('input[type=checkbox]'); if (elem && elem[0]) { elem[0].checked = (result == 'Sim' || result == 'true'); } return result; }",
"onDisplay": "javascript:function() { var result = arguments[0]; let elem = this.currentObject.find('input[type=checkbox]'); if (elem && elem[0]) { elem[0].checked = (result == 'Sim' || result == 'true'); } return result; }",
"order": 3
},
{
"name": "content",
"selector": "span",
"displayName_pt_BR": "Título",
"displayName_en_US": "Title",
"type": "text",
"order": 1
},
{
"name": "xattr-theme",
"displayName_pt_BR": "Tema do botão",
"displayName_en_US": "Button theme",
"selector": "div:first",
"type": "options"
},
{
"name": "ng-click",
"selector": "input",
"type": "event"
},
{
"name": "on-double-tap",
"selector": "input",
"type": "event"
},
{
"name": "on-tap",
"selector": "label",
"type": "event"
}
],
"attributesForPreview": [
{
"name": "ng-initial-value",
"type": "options",
"target": "input",
"values": [
{
"key": "true",
"value_pt_BR": "Habilitado",
"value_en_US": "Abled"
},
{
"key": "false",
"value_pt_BR": "Desabilitado",
"value_en_US": "Disabled"
}
]
},
{
"name": "xattr-theme",
"type": "options",
"target": "class",
"values": [
{
"key": "toggle-default",
"value_pt_BR": "Padrão do tema",
"value_en_US": "Default theme",
"color": "--toggleDefault",
"borderColor": "--borderToggleDefault"
},
{
"key": "toggle-positive",
"value_pt_BR": "Secundário",
"value_en_US": "Secondary",
"color": "--togglePrimary",
"borderColor": "--borderTogglePrimary"
},
{
"key": "toggle-balanced",
"value_pt_BR": "Sucesso",
"value_en_US": "Success",
"color": "--toggleSuccess",
"borderColor": "--borderToggleSuccess"
},
{
"key": "toggle-calm",
"value_pt_BR": "Informação",
"value_en_US": "Info",
"color": "--toggleCalm",
"borderColor": "--borderToggleCalm"
},
{
"key": "toggle-energized",
"value_pt_BR": "Aviso",
"value_en_US": "Warning",
"color": "--toggleWarning",
"borderColor": "--borderToggleWarning"
},
{
"key": "toggle-assertive",
"value_pt_BR": "Perigo",
"value_en_US": "Danger",
"color": "--toggleDanger",
"borderColor": "--borderToggleDanger"
},
{
"key": "toggle-light",
"value_pt_BR": "Claro",
"value_en_US": "Light",
"color": "--toggleLight",
"borderColor": "--borderToggleLight"
},
{
"key": "toggle-stable",
"value_pt_BR": "Estável",
"value_en_US": "Stable",
"color": "--toggleStable",
"borderColor": "--borderToggleStable"
},
{
"key": "toggle-royal",
"value_pt_BR": "Real",
"value_en_US": "Royal",
"color": "--toggleRoyal",
"borderColor": "--borderToggleRoyal"
},
{
"key": "toggle-dark",
"value_pt_BR": "Escuro",
"value_en_US": "Dark",
"color": "--toggleDark",
"borderColor": "--borderToggleDark"
},
{
"key": "toggle-white",
"value_pt_BR": "Branco",
"value_en_US": "White",
"color": "#fff"
},
{
"key": "toggle-gray",
"value_pt_BR": "Cinza",
"value_en_US": "Gray",
"color": "#333"
},
{
"key": "toggle-black",
"value_pt_BR": "Preto",
"value_en_US": "Black",
"color": "#000"
},
{
"key": "toggle-blue",
"value_pt_BR": "Azul",
"value_en_US": "Blue",
"color": "#0247FE"
},
{
"key": "toggle-light-blue",
"value_pt_BR": "Azul claro",
"value_en_US": "Light blue",
"color": "#85A5FF"
},
{
"key": "toggle-dark-blue",
"value_pt_BR": "Azul escuro",
"value_en_US": "Dark blue",
"color": "#00217A"
},
{
"key": "toggle-purple",
"value_pt_BR": "Roxo",
"value_en_US": "Purple",
"color": "#3D01A4"
},
{
"key": "toggle-light-purple",
"value_pt_BR": "Roxo claro",
"value_en_US": "Light purple",
"color": "#B285FF"
},
{
"key": "toggle-dark-purple",
"value_pt_BR": "Roxo escuro",
"value_en_US": "Dark purple",
"color": "#2D007A"
},
{
"key": "toggle-red",
"value_pt_BR": "Vermelho",
"value_en_US": "Red",
"color": "#FE2712"
},
{
"key": "toggle-light-red",
"value_pt_BR": "Vermelho claro",
"value_en_US": "Light red",
"color": "#FE8F84"
},
{
"key": "toggle-dark-red",
"value_pt_BR": "Vermelho escuro",
"value_en_US": "Dark red",
"color": "#7A0B00"
},
{
"key": "toggle-orange",
"value_pt_BR": "Laranja",
"value_en_US": "Orange",
"color": "#FB9B02"
},
{
"key": "toggle-light-orange",
"value_pt_BR": "Laranja claro",
"value_en_US": "Light orange",
"color": "#FFD085"
},
{
"key": "toggle-dark-orange",
"value_pt_BR": "Laranja escuro",
"value_en_US": "Dark orange",
"color": "#7A4B00"
},
{
"key": "toggle-yellow",
"value_pt_BR": "Amarelo",
"value_en_US": "Yellow",
"color": "#FFFF33"
},
{
"key": "toggle-light-yellow",
"value_pt_BR": "Amarelo claro",
"value_en_US": "Light yellow",
"color": "#FFFF85"
},
{
"key": "toggle-dark-yellow",
"value_pt_BR": "Amarelo escuro",
"value_en_US": "Dark yellow",
"color": "#FFFF33"
},
{
"key": "toggle-green",
"value_pt_BR": "Verde",
"value_en_US": "Green",
"color": "#66B032"
},
{
"key": "toggle-light-green",
"value_pt_BR": "Verde claro",
"value_en_US": "Light green",
"color": "#B7FF85"
},
{
"key": "toggle-dark-green",
"value_pt_BR": "Verde escuro",
"value_en_US": "Dark green",
"color": "#337A00"
}
]
}
],
"styles": [
{
"selector": "label#{id}",
"text_pt_BR": "Plano de fundo",
"text_en_US": "Background"
},
{
"selector": "label#{id} .toggle .handle",
"text_pt_BR": "Botão de alternância",
"text_en_US": "Toggle Button"
}
]
}