cronapp-framework-mobile-js/components/crn-ion-nav-buttons.components.json

Javascript library for CronApp's projects

{
  "name": "crn-ion-nav-buttons",
  "text_pt_BR": "Botão da barra de navegação",
  "text_en_US": "Nav Button",
  "class": "adjust-icon mdi mdi-tab",
  "wrapper": true,
  "pallete": false,
  "templateURL": "src/main/mobileapp/www/node_modules/cronapp-framework-mobile-js/dist/components/templates/nav.bar.template.html",
  "classForPreview": {
    "targetSelector": ".crn-ion-nav-buttons",
    "condition": [
      {
        "name": "side",
        "value": "right",
        "class": "crn-nav-button-right"
      },
      {
        "name": "side",
        "value": "left",
        "class": "crn-nav-button-left"
      }
    ]
  },
  "attributesForPreview": [
    {
      "name": "side",
      "type": "btngroup",
      "values": [
        {
          "key": "left",
          "value": "left",
          "icon": "glyphicon glyphicon-align-left"
        },
        {
          "key": "right",
          "value": "right",
          "icon": "glyphicon glyphicon-align-right"
        }
      ]
    }
  ],
  "handleRules": {
    "canIncrement": true,
    "rules": [
      {
        "sourceHTML": "<button class=\"button button-stable\"><i class=\"icon ion-plus-round\"></i></button>",
        "targetSelector": ".crn-ion-nav-buttons"
      }
    ]
  },
  "styles": [
    {
      "selector": "button#{id}",
      "text_pt_BR": "Botão",
      "text_en_US": "Button"
    },
    {
      "selector": "button#{id} i",
      "text_pt_BR": "Ícone",
      "text_en_US": "Icon"
    }
  ]
}