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

Javascript library for CronApp's projects

{
  "name": "crn-panel",
  "text_pt_BR": "Painel",
  "text_en_US": "Panel",
  "image": "/node_modules/cronapp-framework-js/img/cron-icon/crn-panel.svg",
  "description": "Estrutura com cabeçalho, corpo e rodapé",
  "description_en_US": "Structure with header, body and footer",
  "category": [
    "LAYOUTS"
  ],
  "templateURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/panel.template.html",
  "wrapper": false,
  "properties": {
    "xattr-theme": {
      "displayName_en_US": "Theme",
      "displayName_pt_BR": "Tema",
      "order": 1
    },
    "class": {
      "order": 9999
    },
    "id": {
      "order": 2
    }
  },
  "styles": [
    {
      "selector": "div#{id} .panel-heading",
      "text_pt_BR": "Cabeçalho",
      "text_en_US": "Header"
    },
    {
      "selector": "div#{id} .panel-body",
      "text_pt_BR": "Conteúdo",
      "text_en_US": "Content"
    },
    {
      "selector": "div#{id} .panel-footer",
      "text_pt_BR": "Rodapé",
      "text_en_US": "Footer"
    }
  ],
  "attributesForPreview": [
    {
      "name": "xattr-theme",
      "type": "options",
      "target": "class",
      "values": [
        {
          "key": "panel-default",
          "value_pt_BR": "Padrão do tema",
          "value_en_US": "Default theme",
          "color": "--panelDefault",
          "borderColor": "--borderPanelDefault"
        },
        {
          "key": "panel-primary",
          "value_pt_BR": "Secundário",
          "value_en_US": "Secondary",
          "color": "--panelPrimary",
          "borderColor": "--borderPanelPrimary"
        },
        {
          "key": "panel-success",
          "value_pt_BR": "Sucesso",
          "value_en_US": "Success",
          "color": "--panelSuccess",
          "borderColor": "--borderPanelSuccess"
        },
        {
          "key": "panel-info",
          "value_pt_BR": "Informação",
          "value_en_US": "Info",
          "color": "--panelCalm",
          "borderColor": "--borderPanelCalm"
        },
        {
          "key": "panel-warning",
          "value_pt_BR": "Aviso",
          "value_en_US": "Warning",
          "color": "--panelWarning",
          "borderColor": "--borderPanelWarning"
        },
        {
          "key": "panel-danger",
          "value_pt_BR": "Perigo",
          "value_en_US": "Danger",
          "color": "--panelDanger",
          "borderColor": "--borderPanelDanger"
        },
        {
          "key": "panel-light",
          "value_pt_BR": "Claro",
          "value_en_US": "Light",
          "color": "--panelLight",
          "borderColor": "--borderPanelLight"
        },
        {
          "key": "panel-stable",
          "value_pt_BR": "Estável",
          "value_en_US": "Stable",
          "color": "--panelStable",
          "borderColor": "--borderPanelStable"
        },
        {
          "key": "panel-royal",
          "value_pt_BR": "Real",
          "value_en_US": "Royal",
          "color": "--panelRoyal",
          "borderColor": "--borderPanelRoyal"
        },
        {
          "key": "panel-dark",
          "value_pt_BR": "Escuro",
          "value_en_US": "Dark",
          "color": "--panelDark",
          "borderColor": "--borderPanelDark"
        }
      ]
    }
  ],
  "childrenProperties": [
    {
      "name": "ng-init",
      "selector": "div.panel",
      "type": "event"
    },
    {
      "name": "ng-click",
      "selector": "div.panel",
      "type": "event"
    },
    {
      "name": "ng-dblclick",
      "selector": "div.panel",
      "type": "event"
    },
    {
      "name": "ng-mouseenter",
      "selector": "div.panel",
      "type": "event"
    },
    {
      "name": "ng-mouseleave",
      "selector": "div.panel",
      "type": "event"
    },
    {
      "name": "ng-mousemove",
      "selector": "div.panel",
      "type": "event"
    }
  ]
}