cronapp-framework-js/components/crn-dynamic-file.components.json

Javascript library for CronApp's projects

{
  "name": "crn-dynamic-file",
  "text_pt_BR": "Envio de Arquivo Dinâmico",
  "text_en_US": "Dynamic File Upload",
  "image": "/node_modules/cronapp-framework-js/img/cron-icon/crn-dynamic-file.svg",
  "description": "Estrutura para armazenar arquivos na fonte de dados",
  "description_en_US": "Structure for storing file in data source",
  "category": [
    "INPUTS", "FORMS"
  ],
  "autoWrapper": false,
  "templateURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/dynamicfile.template.html",
  "styles": [
    {
      "selector": "div#{id} label",
      "text_pt_BR": "Título",
      "text_en_US": "Title"
    },
    {
      "selector": "div#{id} .dynamic-image-container",
      "text_pt_BR": "Campo pontilhado",
      "text_en_US": "Dotted field"
    },
    {
      "selector": "div#{id} .btn",
      "text_pt_BR": "Botão",
      "text_en_US": "Button"
    }
  ],
  "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": 3
    },
    "onclick": {
      "type": "event"
    },
    "target": {
      "removable": false,
      "type": "list",
      "options": [
        {
          "key": "_blank",
          "value": "Nova janela"
        },
        {
          "key": "_self",
          "value": "Mesma janela"
        },
        {
          "key": "_parent",
          "value": "Janela pai"
        },
        {
          "key": "_top",
          "value": "Top"
        }
      ]
    },
    "href": {
      "removable": false,
      "type": "projectResource",
      "resourceType": "text/html"
    }
  },
  "childrenProperties": [
    {
      "name": "content",
      "selector": "div[dynamic-file]",
      "displayName_pt_BR": "Texto interno",
      "displayName_en_US": "Internal text",
      "type": "text",
      "order": 2
    },
    {
      "name": "ng-model",
      "selector": "div[dynamic-file]",
      "type": "text",
      "order": 3,
      "mandatory": true
    },
    {
      "name": "file-info",
      "selector": "div[dynamic-file]",
      "type": "text",
      "order": 3
    },
    {
      "name": "accept-file",
      "displayName_pt_BR": "Arquivos Permitidos",
      "displayName_en_US": "Allowed Files",
      "type": "list",
      "selector": "div[accept-file]",
      "options": [
        {
          "value": "All",
          "value_pt_BR": "Todos",
          "key": "'*.*'"
        },
        {
          "value": "Audio",
          "value_pt_BR": "Áudio",
          "key": "'audio/*'"
        },
        {
          "value": "Image",
          "value_pt_BR": "Imagem",
          "key": "'image/*'"
        },
        {
          "value": "Video",
          "value_pt_BR": "Vídeo",
          "key": "'video/*'"
        },
        {
          "value": "PDF",
          "key": "'.pdf'"
        },
        {
          "value": "Word (doc/docx)",
          "key": "'.doc,.docx'"
        },
        {
          "value": "Excel (xls/xlsx)",
          "key": "'.xls,.xlsx'"
        }
      ]
    },
    {
      "name": "content",
      "selector": "label",
      "displayName_pt_BR": "Título",
      "displayName_en_US": "Title",
      "type": "text",
      "order": 1
    },
    {
      "name": "max-file-size",
      "selector": "div[dynamic-file]",
      "type": "text",
      "order": 4
    },
    {
      "name": "ng-required",
      "selector": "div[dynamic-file]",
      "type": "logic",
      "order": 5
    },
    {
      "name": "ng-init",
      "selector": "div[dynamic-file]",
      "type": "event"
    },
    {
      "name": "ng-click",
      "selector": "div[dynamic-file]",
      "type": "event"
    },
    {
      "name": "ng-dblclick",
      "selector": "div[dynamic-file]",
      "type": "event"
    },
    {
      "name": "ng-mouseenter",
      "selector": "div[dynamic-file]",
      "type": "event"
    },
    {
      "name": "ng-mouseleave",
      "selector": "div[dynamic-file]",
      "type": "event"
    },
    {
      "name": "ng-mousemove",
      "selector": "div[dynamic-file]",
      "type": "event"
    }
  ]
}