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

Javascript library for CronApp's projects

{
  "name": "crn-wizard",
  "text_pt_BR": "Wizard Multi-steps",
  "text_en_US": "Wizard Multi-steps",
  "image": "/node_modules/cronapp-framework-js/img/cron-icon/crn-wizard.svg",
  "description": "Navegação em steps usando Cronapp Kendo UI Wizard",
  "description_en_US": "Multi-step navigation using Kendo UI Wizard",
  "category": ["LAYOUTS"],
  "templateURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/wizard.template.html",
  "properties": {
    "class": { "order": 9999 },
    "id": { "order": 1 },
    "xattr-theme": {
      "displayName_pt_BR": "Cor do botão",
      "displayName_en_US": "Button color",
      "type": "options",
      "order": 4,
      "default": "btn-default",
      "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": "Primário",
          "value_en_US": "Primary",
          "color": "--btnPrimary",
          "borderColor": "--borderBtnPrimary"
        },
        {
          "key": "btn-success",
          "value_pt_BR": "Sucesso",
          "value_en_US": "Success",
          "color": "--btnSuccess",
          "borderColor": "--borderBtnSuccess"
        },
        {
          "key": "btn-danger",
          "value_pt_BR": "Perigo",
          "value_en_US": "Danger",
          "color": "--btnDanger",
          "borderColor": "--borderBtnDanger"
        }
      ]
    }
  },
  "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": "Primário",
          "value_en_US": "Primary",
          "color": "--btnPrimary",
          "borderColor": "--borderBtnPrimary"
        },
        {
          "key": "btn-success",
          "value_pt_BR": "Sucesso",
          "value_en_US": "Success",
          "color": "--btnSuccess",
          "borderColor": "--borderBtnSuccess"
        },
        {
          "key": "btn-danger",
          "value_pt_BR": "Perigo",
          "value_en_US": "Danger",
          "color": "--btnDanger",
          "borderColor": "--borderBtnDanger"
        }
      ]
    }
  ],
  "styles": [
    {
      "selector": "div#{id} .nav-tabs",
      "text_pt_BR": "Fundo do wizard",
      "text_en_US": "Wizard background"
    },
    {
      "selector": "div#{id} .nav-tabs li.active a",
      "text_pt_BR": "Wizard Ativo",
      "text_en_US": "Active Wizard"
    },
    {
      "selector": "div#{id} .nav-tabs li a",
      "text_pt_BR": "Wizard Padrão",
      "text_en_US": "Default Wizard"
    }
  ],
  "childrenProperties": [
    {
      "name": "xattr-theme",
      "type": "options",
      "selector": "button",
      "displayName_pt_BR": "Tema do botão",
      "displayName_en_US": "Button theme",
      "order": 1
    }
  ],
  "handleRules": {
    "canOrder": true,
    "canActivate": true,
    "canIncrement": true,
    "rules": [
      {
        "activeSelector": "ul.nav-wizard li.active",
        "activeClass": "active",
        "sourceHTML": "<li role=\"presentation\"><a data-target=\"#step${RANDOM}\" role=\"tab\" data-toggle=\"tab\" data-container=\"true\"><div class='step-circle'><span class='step-number'>Step</span></div><div class='step-title'>Novo Step</div></a></li>",
        "targetSelector": "ul.nav-wizard"
      },
      {
        "activeSelector": "div.tab-content .tab-pane.active",
        "activeClass": "active",
        "sourceHTML": "<div role=\"tabpanel\" class=\"tab-pane\" id=\"step${RANDOM}\"><div class=\"\" data-container=\"true\"></div></div>",
        "targetSelector": "div.tab-content"
      }
    ]
  }
}