cronapp-framework-js

{ "name": "crn-radiogroup", "text_pt_BR": "Lista de opção", "text_en_US": "Radio Group", "forcedGroup": true, "image": "/node_modules/cronapp-framework-js/img/cron-icon/crn-radiogroup.svg", "description": "Caixa de seleção redonda com texto", "description_en_US": "Round selection box with text", "category": [ "LISTS" ], "wrapper": false, "templateURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/radiogroup.template.html", "properties": { "ng-model": { "onSave": "javascript:function() { var result = arguments[0]; if (result.indexOf('.') == -1 && result.trim().length > 0 ) { result = 'vars.'+result; } return result; }", "onDisplay": "javascript:function() { return arguments[0].replace('vars.',''); }", "order": 1, "mandatory": true }, "class": { "order": 9999 }, "id": { "order": 2 }, "ng-init": { "removable": true, "type": "event" }, "ng-click": { "removable": true, "type": "event" }, "ng-dblclick": { "removable": true, "type": "event" }, "ng-mouseenter": { "removable": true, "type": "event" }, "ng-mouseleave": { "removable": true, "type": "event" }, "ng-mousemove": { "removable": true, "type": "event" }, "option-theme": { "displayName_pt_BR": "Cor do botão de opção", "displayName_en_US": "Radio button color" } }, "handleRules": { "canIncrement": true, "rules": [ { "sourceHTML": "<div class=\"k-content\" data-component=\"crn-radioOption\"><input class=\"k-radio\" crn-value=\"\" value=\"value${RANDOM}\" type=\"radio\" name=\"optionsRadios\" id=\"optionsRadios${RANDOM}\" ng-checked=\"\"> <label class=\"k-radio-label\" for=\"optionsRadios${RANDOM}\">New option</label> </div>", "targetSelector": ":self" } ] }, "attributesForPreview": [ { "name": "option-theme", "type": "options", "target": "class", "values": [ { "key": "option-default", "value_pt_BR": "Padrão do tema", "value_en_US": "Default theme", "color": "--optionDefault", "borderColor": "--borderOptionDefault" }, { "key": "option-primary", "value_pt_BR": "Secundário", "value_en_US": "Secondary", "color": "--optionPrimary", "borderColor": "--borderOptionPrimary" }, { "key": "option-success", "value_pt_BR": "Sucesso", "value_en_US": "Success", "color": "--optionSuccess", "borderColor": "--borderOptionSuccess" }, { "key": "option-info", "value_pt_BR": "Informação", "value_en_US": "Info", "color": "--optionCalm", "borderColor": "--borderOptionCalm" }, { "key": "option-warning", "value_pt_BR": "Aviso", "value_en_US": "Warning", "color": "--optionWarning", "borderColor": "--borderOptionWarning" }, { "key": "option-danger", "value_pt_BR": "Perigo", "value_en_US": "Danger", "color": "--optionDanger", "borderColor": "--borderOptionDanger" }, { "key": "option-light", "value_pt_BR": "Claro", "value_en_US": "Light", "color": "--optionLight", "borderColor": "--borderOptionLight" }, { "key": "option-stable", "value_pt_BR": "Estável", "value_en_US": "Stable", "color": "--optionStable", "borderColor": "--borderOptionStable" }, { "key": "option-royal", "value_pt_BR": "Real", "value_en_US": "Royal", "color": "--optionRoyal", "borderColor": "--borderOptionRoyal" }, { "key": "option-dark", "value_pt_BR": "Escuro", "value_en_US": "Dark", "color": "--optionDark", "borderColor": "--borderOptionDark" }, { "key": "option-white", "value_pt_BR": "Branco", "value_en_US": "White", "color": "#fff" }, { "key": "option-gray", "value_pt_BR": "Cinza", "value_en_US": "Gray", "color": "#333" }, { "key": "option-black", "value_pt_BR": "Preto", "value_en_US": "Black", "color": "#000" }, { "key": "option-blue", "value_pt_BR": "Azul", "value_en_US": "Blue", "color": "#0247FE" }, { "key": "option-light-blue", "value_pt_BR": "Azul claro", "value_en_US": "Light blue", "color": "#85A5FF" }, { "key": "option-dark-blue", "value_pt_BR": "Azul escuro", "value_en_US": "Dark blue", "color": "#00217A" }, { "key": "option-purple", "value_pt_BR": "Roxo", "value_en_US": "Purple", "color": "#3D01A4" }, { "key": "option-light-purple", "value_pt_BR": "Roxo claro", "value_en_US": "Light purple", "color": "#B285FF" }, { "key": "option-dark-purple", "value_pt_BR": "Roxo escuro", "value_en_US": "Dark purple", "color": "#2D007A" }, { "key": "option-red", "value_pt_BR": "Vermelho", "value_en_US": "Red", "color": "#FE2712" }, { "key": "option-light-red", "value_pt_BR": "Vermelho claro", "value_en_US": "Light red", "color": "#FE8F84" }, { "key": "option-dark-red", "value_pt_BR": "Vermelho escuro", "value_en_US": "Dark red", "color": "#7A0B00" }, { "key": "option-orange", "value_pt_BR": "Laranja", "value_en_US": "Orange", "color": "#FB9B02" }, { "key": "option-light-orange", "value_pt_BR": "Laranja claro", "value_en_US": "Light orange", "color": "#FFD085" }, { "key": "option-dark-orange", "value_pt_BR": "Laranja escuro", "value_en_US": "Dark orange", "color": "#7A4B00" }, { "key": "option-yellow", "value_pt_BR": "Amarelo", "value_en_US": "Yellow", "color": "#FFFF33" }, { "key": "option-light-yellow", "value_pt_BR": "Amarelo claro", "value_en_US": "Light yellow", "color": "#FFFF85" }, { "key": "option-dark-yellow", "value_pt_BR": "Amarelo escuro", "value_en_US": "Dark Yellow", "color": "#7A7A00" }, { "key": "option-green", "value_pt_BR": "Verde", "value_en_US": "Green", "color": "#66B032" }, { "key": "option-light-green", "value_pt_BR": "Verde claro", "value_en_US": "Light green", "color": "#B7FF85" }, { "key": "option-dark-green", "value_pt_BR": "Verde escuro", "value_en_US": "Dark green", "color": "#337A00" } ] } ], "styles": [ { "selector": "div#{id} .k-radio-label, div#{id} .k-content", "text_pt_BR": "Lista de opção", "text_en_US": "Radio Group" }, { "selector": "div#{id} .k-radio+.k-radio-label::after, div#{id} .k-radio+.k-radio-label::before", "text_pt_BR": "Botão da opção", "text_en_US": "option button" } ] }