cronapp-framework-mobile-js/components/crn-dynamic-image.components.json

Javascript library for CronApp's projects

{
  "name": "crn-dynamic-image",
  "text_pt_BR": "Imagem dinâmica",
  "text_en_US": "Dynamic Image",
  "image": "/node_modules/cronapp-framework-mobile-js/img/cron-icon/crn-dynamic-image.svg",
  "description": "Estrutura para armazenar imagem na fonte de dados",
  "description_en_US": "Structure for storing image in data source",
  "category": [
    "INPUTS", "FORMS"
  ],
  "wrapper": false,
  "templateURL": "src/main/mobileapp/www/node_modules/cronapp-framework-mobile-js/dist/components/templates/dynamicimage.template.html",
  "designTimeHTMLURL": "src/main/mobileapp/www/node_modules/cronapp-framework-mobile-js/dist/components/templates/dynamicimage.designtime.html",
  "designTimeSelector": "div[dynamic-image]",
  "designTimeDynamic": true,
  "properties": {
    "id": {
      "order": 1
    },
    "quality": {
      "displayName_pt_BR": "Resolução da imagem",
      "displayName_en_US": "Image resolution",
      "type": "list",
      "options": [
        {
          "key": "100",
          "value_pt_BR": "Super alta (100)",
          "value_en_US": "Super high (100)"
        },
        {
          "key": "80",
          "value_pt_BR": "Alta (80)",
          "value_en_US": "High (80)"
        },
        {
          "key": "60",
          "value_pt_BR": "Padrão (60)",
          "value_en_US": "Default (60)"
        },
        {
          "key": "50",
          "value_pt_BR": "Média (50)",
          "value_en_US": "Medium (50)"
        },
        {
          "key": "30",
          "value_pt_BR": "Baixa (30)",
          "value_en_US": "Low (30)"
        },
        {
          "key": "10",
          "value_pt_BR": "Super baixa (10)",
          "value_en_US": "Super low (10)"
        }
      ],
      "order": 3
    },
    "alt": {
      "order": 4
    }
  },
  "childrenProperties": [
    {
      "name": "ng-model",
      "selector": "div[dynamic-image]",
      "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",
      "order": 2,
      "displayName_pt_BR": "Valor",
      "displayName_en_US": "Value",
      "mandatory": true
    },
    {
      "name": "content",
      "displayName_pt_BR": "Título",
      "displayName_en_US": "Title",
      "selector": "label",
      "type": "text",
      "order": 5
    },
    {
      "name": "max-file-size",
      "displayName_pt_BR": "Tamanho máximo da imagem",
      "displayName_en_US": "Maximum image size",
      "selector": "div[dynamic-image]",
      "type": "text"
    },
    {
      "name": "allow-edit",
      "selector": "div[dynamic-image]",
      "type": "logic"
    },
    {
      "name": "target-width",
      "displayName_pt_BR": "Largura desejada (em pixel)",
      "displayName_en_US": "Desired width (in pixel)",
      "selector": "div[dynamic-image]",
      "type": "text"
    },
    {
      "name": "target-height",
      "displayName_pt_BR": "Altura desejada (em pixel)",
      "displayName_en_US": "Desired height (in pixel)",
      "selector": "div[dynamic-image]",
      "type": "text"
    },
    {
      "name": "ng-click",
      "selector": "div[dynamic-image]",
      "type": "event"
    },
    {
      "name": "on-tap",
      "selector": "div[dynamic-image]",
      "type": "event"
    },
    {
      "name": "on-hold",
      "selector": "div.item",
      "type": "event"
    },
    {
      "name": "on-drag",
      "selector": "div.item",
      "type": "event"
    },
    {
      "name": "on-swipe",
      "selector": "div.item",
      "type": "event"
    }
  ],
  "styles": [
    {
      "selector": "div#{id} .form-group",
      "text_pt_BR": "Campo Interno",
      "text_en_US": "Internal Field"
    },
    {
      "selector": "div#{id} label",
      "text_pt_BR": "Título",
      "text_en_US": "Title"
    },
    {
      "selector": "div#{id} .buttomImage",
      "text_pt_BR": "Botão de Câmera",
      "text_en_US": "Camera Button"
    },
    {
      "selector": "div#{id} .remove-image-button",
      "text_pt_BR": "Botão de Fechar",
      "text_en_US": "Close Button"
    }
  ]
}