cronapp-framework-js/components/crn-upload.components.json

Javascript library for CronApp's projects

{
  "name": "crn-upload",
  "text_pt_BR": "Envio de arquivo",
  "text_en_US": "File Upload",
  "wrapper": false,
  "pallete": false,
  "autoWrapper": true,
  "image": "/node_modules/cronapp-framework-js/img/cron-icon/crn-upload.svg",
  "description": "Botão com estrutura para armazenar arquivo na fonte de dados",
  "description_en_US": "Button with structure to store file in data source",
  "category": [
    "INPUTS",
    "FORMS"
  ],
  "templateURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/fileupload.template.html",
  "forcedGroup": true,
  "properties": {
    "xattr-theme": {
      "displayName_en_US": "Theme",
      "displayName_pt_BR": "Tema",
      "order": 4
    }
  },
  "styles": [
    {
      "selector": "div#{id}",
      "text_pt_BR": "Geral",
      "text_en_US": "General"
    },
    {
      "selector": "div#{id} label",
      "text_pt_BR": "Botão",
      "text_en_US": "Button"
    }
  ],
  "attributesForPreview": [
    {
      "name": "xattr-theme",
      "type": "options",
      "target": "class",
      "values": [
        {
          "key": "btn-default",
          "value_pt_BR": "Padrão do tema",
          "value_en_US": "Default theme",
          "color": "--btnDefault",
          "borderColor": "--borderBtnDefault"
        },
        {
          "key": "btn-primary",
          "value_pt_BR": "Secundário",
          "value_en_US": "Secondary",
          "color": "--btnPrimary",
          "borderColor": "--borderBtnPrimary"
        },
        {
          "key": "btn-success",
          "value_pt_BR": "Sucesso",
          "value_en_US": "Success",
          "color": "--btnSuccess",
          "borderColor": "--borderBtnSuccess"
        },
        {
          "key": "btn-info",
          "value_pt_BR": "Informação",
          "value_en_US": "Info",
          "color": "--btnCalm",
          "borderColor": "--borderBtnCalm"
        },
        {
          "key": "btn-warning",
          "value_pt_BR": "Aviso",
          "value_en_US": "Warning",
          "color": "--btnWarning",
          "borderColor": "--borderBtnWarning"
        },
        {
          "key": "btn-danger",
          "value_pt_BR": "Perigo",
          "value_en_US": "Danger",
          "color": "--btnDanger",
          "borderColor": "--borderBtnDanger"
        },
        {
          "key": "btn-light",
          "value_pt_BR": "Claro",
          "value_en_US": "Light",
          "color": "--btnLight",
          "borderColor": "--borderBtnLight"
        },
        {
          "key": "btn-link",
          "value_pt_BR": "Link",
          "value_en_US": "Link",
          "color": "--btnLink",
          "borderColor": "--borderBtnLink"
        },
        {
          "key": "btn-stable",
          "value_pt_BR": "Estável",
          "value_en_US": "Stable",
          "color": "--btnStable",
          "borderColor": "--borderBtnStable"
        },
        {
          "key": "btn-royal",
          "value_pt_BR": "Real",
          "value_en_US": "Royal",
          "color": "--btnRoyal",
          "borderColor": "--borderBtnRoyal"
        },
        {
          "key": "btn-dark",
          "value_pt_BR": "Escuro",
          "value_en_US": "Dark",
          "color": "--btnDark",
          "borderColor": "--borderBtnDark"
        }
      ]
    }
  ],
  "childrenProperties": [
    {
      "name": "ng-model",
      "selector": "label",
      "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.',''); }",
      "type": "text",
      "mandatory": true,
      "order": 1
    },
    {
      "name": "id",
      "selector": "div"
    },
    {
      "name": "class",
      "selector": "i",
      "displayName_pt_BR": "Ícone",
      "displayName_en_US": "Icon",
      "type": "icon"
    },
    {
      "name": "content",
      "displayName_pt_BR": "Título",
      "displayName_en_US": "Title",
      "selector": "span",
      "type": "content"
    },
    {
      "name": "xattr-theme",
      "selector": "label",
      "type": "text"
    }
  ]
}