cronapp-framework-mobile-js/components/crn-radio.components.json

Javascript library for CronApp's projects

{
  "name": "crn-radio",
  "text_pt_BR": "Lista de Opção",
  "text_en_US": "Radio Group",
  "image": "/node_modules/cronapp-framework-mobile-js/img/cron-icon/crn-radio.svg",
  "description": "Caixa de seleção redonda com texto",
  "description_en_US": "Round selection box with text",
  "category": [
    "LISTS"
  ],
  "wrapper": false,
  "templateURL": "src/main/mobileapp/www/node_modules/cronapp-framework-mobile-js/dist/components/templates/radiogroup.template.html",
  "properties": {
    "id": {
      "order": 2
    },
    "class": {
      "order": 9999
    },
    "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
    }
  },
  "handleRules": {
    "canIncrement": true,
    "rules": [
      {
        "sourceHTML": "<div data-component=\"crn-radioOption\"><label class=\"item item-radio\" crn-value=\"\" value=\"${RANDOM}\"><input aria-label\"Aria Label Text\" type=\"radio\" name=\"group\"><div class=\"radio-content\"><div class=\"item-content\"> Choose Other </div><i class=\"radio-icon ion-checkmark\"></i></div></label></div>",
        "targetSelector": ":self"
      }
    ]
  },
  "styles": [
    {
      "selector": "div#{id} .item-divider",
      "text_pt_BR": "Título",
      "text_en_US": "Title"
    },
    {
      "selector": "div#{id} .item-content",
      "text_pt_BR": "Opção",
      "text_en_US": "Option"
    },
    {
      "selector": "div#{id} .item-radio input:checked + .radio-content .item-content",
      "text_pt_BR": "Item selecionado",
      "text_en_US": "Selected item"
    },
    {
      "selector": "div#{id} .ion-checkmark",
      "text_pt_BR": "Marcador",
      "text_en_US": "Checkmark"
    }
  ],
  "childrenProperties": [
    {
      "name": "ng-click",
      "selector": "label",
      "type": "event"
    },
    {
      "name": "on-tap",
      "selector": "label",
      "type": "event"
    },
    {
      "name": "on-double-tap",
      "selector": "label",
      "type": "event"
    },
    {
      "name": "on-hold",
      "selector": "label",
      "type": "event"
    },
    {
      "name": "on-drag",
      "selector": "label",
      "type": "event"
    },
    {
      "name": "on-swipe",
      "selector": "label",
      "type": "event"
    }
  ]
}