cronapp-framework-mobile-js/components/crn-list-swipe.components.json

Javascript library for CronApp's projects

{
  "name": "crn-list-swipe",
  "text_pt_BR": "Lista com deslizar",
  "text_en_US": "Swipe list",
  "image": "/node_modules/cronapp-framework-mobile-js/img/cron-icon/crn-list-swipe.svg",
  "description": "Lista de cartão com ação de deslizamento e exibição de botões",
  "description_en_US": "Card list with swipe action and button displays",
  "category": [
    "LISTS"
  ],
  "forcedGroup": true,
  "templateURL": "src/main/mobileapp/www/node_modules/cronapp-framework-mobile-js/dist/components/templates/list.swipe.template.html",
  "childrenProperties": [
    {
      "name": "crn-datasource",
      "selector": "ion-list",
      "displayName_pt_BR": "Fonte de dados",
      "displayName_en_US": "Datasource",
      "type": "pageDatasource",
      "onDisplay": "javascript:function() { return arguments[0].replace('vars.',''); }",
      "mandatory": true
    },
    {
      "name": "ng-click",
      "selector": "ion-option-button.button-edit",
      "type": "event",
      "displayName_pt_BR": "Ao Clicar em Editar",
      "displayName_en_US": "On Edit Click"
    },
    {
      "name": "ng-click",
      "selector": "ion-option-button.button-delete",
      "type": "event",
      "displayName_pt_BR": "Ao Clicar em Deletar",
      "displayName_en_US": "On Delete Click"
    },
    {
      "name": "on-drag",
      "selector": "div.row",
      "type": "event"
    },
    {
      "name": "on-swipe",
      "selector": "div.row",
      "type": "event"
    },
    {
      "name": "on-swipe-left",
      "selector": "div.row",
      "type": "event"
    },
    {
      "name": "on-swipe-right",
      "selector": "div.row",
      "type": "event"
    },
    {
      "name": "on-hold",
      "selector": "div.row",
      "type": "event"
    }
  ],
  "properties": {
    "id": {
      "order": 1
    },
    "class": {
      "order": 9999
    },
    "ng-click": {
      "type": "event"
    }
  },
  "handleRules": {
    "canIncrement": true,
    "rules": [
      {
        "sourceHTML": "<ion-item class=\"item\" id=\"crn-list-item-swipe-${RANDOM}\" data-component=\"crn-item-swipe\"><h2 style=\"display: inline;\">Item</h2><div id=\"crn-item-options${RANDOM}\" class=\"component-holder\" data-component=\"crn-item-options\"><div class=\"crn-item-options\" data-item=\"true\"><ion-option-button id=\"crn-button-${RANDOM}\" data-component=\"crn-button\" class=\"button-default button\"><i class=\"ion ion-edit\"></i><span>Action 1</span></ion-option-button><ion-option-button id=\"crn-option-button-${RANDOM}-2\" data-component=\"crn-button\" class=\"button-assertive button\"><i class=\"ion ion-trash-a\"></i><span>Action 2</span></ion-option-button></div></div></ion-item>",
        "targetSelector": ".to-repeat"
      }
    ]
  },
  "styles": [
    {
      "selector": "div#{id} .item-content, div#{id} .item",
      "text_pt_BR": "Plano de fundo",
      "text_en_US": "Background"
    },
    {
      "selector": "div#{id} h2",
      "text_pt_BR": "Título",
      "text_en_US": "Title"
    },
    {
      "selector": "div#{id} .editButton",
      "text_pt_BR": "Botão de Editar",
      "text_en_US": "Edit Button"
    },
    {
      "selector": "div#{id} .deleteButton",
      "text_pt_BR": "Botão de Excluir",
      "text_en_US": "Delete Button"
    }
  ]
}