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

Javascript library for CronApp's projects

{
  "name": "crn-select",
  "text_pt_BR": "Caixa de seleção",
  "text_en_US": "Combobox",
  "image": "/node_modules/cronapp-framework-mobile-js/img/cron-icon/crn-select.svg",
  "description": "Campo de seleção com valores pré-definido",
  "description_en_US": "Selection field with predefined values",
  "category": [
    "INPUTS", "FORMS", "COMBOS"
  ],
  "wrapper": true,
  "forcedGroup": true,
  "templateURL": "src/main/mobileapp/www/node_modules/cronapp-framework-mobile-js/dist/components/templates/combobox.template.html",
  "designTimeDynamic": true,
  "designTimeHTMLURL": "src/main/mobileapp/www/node_modules/cronapp-framework-mobile-js/dist/components/templates/combobox.designtime.html",
  "designTimeSelector": "crn-select",
  "properties": {
    "id": {
      "order": 1
    },
    "class": {
      "order": 9999
    },
    "ng-click": {
      "removable": false,
      "type": "event"
    },
    "on-hold": {
      "removable": false,
      "type": "event"
    },
    "on-double-tap": {
      "removable": false,
      "type": "event"
    },
    "on-tap": {
      "removable": false,
      "type": "event"
    },
    "on-swipe": {
      "removable": false,
      "type": "event"
    },
    "on-drag": {
      "removable": false,
      "type": "event"
    }
  },
  "childrenProperties": [
    {
      "name": "content",
      "selector": "label",
      "displayName_pt_BR": "Título",
      "displayName_en_US": "Title",
      "type": "text"
    },
    {
      "name": "ng-model",
      "selector": "select",
      "type": "allDatasourceFields",
      "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.',''); }",
      "mandatory": true
    }
  ],
  "handleRules": {
    "canIncrement": true,
    "rules": [
      {
        "sourceHTML": "<option data-component=\"crn-item-select\" value=\"${RANDOM}\" class=\"\">Value ${RANDOM}</option>",
        "targetSelector": "select",
        "activeClass": "active"
      }
    ]
  },
  "styles": [
    {
      "selector": "div#{id} .item-select",
      "text_pt_BR": "Plano de fundo do Título",
      "text_en_US": "Title background"
    },
    {
      "selector": "div#{id} label",
      "text_pt_BR": "Título",
      "text_en_US": "Title"
    },
    {
      "selector": "div#{id} .item-select select",
      "text_pt_BR": "Item Selecionado/ Seta",
      "text_en_US": "Selected Item/ Dropdown"
    }
  ]
}