Menu A

Exemplo Template Menu A

Template Menu A

Propriedade	Descrição
Formato	Lista horizontal, sem espaçamento.
Imagem	Não possui configuração específica.
Conteúdo	Definido em detail.order = 0.
Ações	Quando múltiplas: Menu suspenso exibido na lateral. Quando única: Se é a default, o ícone não é exibido na lateral. Se não é default, o ícone é exibido na lateral.

• D (definições gerais da área de conteúdo da listagem)

  • pageContent.groupList(x).itemList(y).count define a quantidade de itens na lista. Se nulo ou vazio, nenhum item é exibido.

  • pageContent.groupList(x).itemList(y).background define a cor do background da célula. Se nulo ou vazio, a cor padrão é #FFF.

  • pageContent.groupList(x).itemList(y).color define a cor da fonte dos textos e ícones da célula. Se nulo ou vazio, a cor padrão é #444.

• D2

  • pageContent.groupList(x).itemList(y).detail(z) define o conteúdo da célula.

  • Se z>0, então os “details” serão exibidos na célula e separados por um espaço em branco.

  • Suporta html flexível com conteúdo alinhado à esquerda.

  • Se nulo ou vazio, o espaço é exibido.

• D3

  • pageContent.groupList(x).actions define a lista de ações do item.

  • Se nulo ou vazio, o espaço é ocultado.

  • Suporta de 1 a N actions, sendo:

    • 1 action e não é a action default, exibir a action informada.

    • 1 action e é a action default, o espaço é ocultado

    • 2 actions: Exibir o “menu de bolinhas” para acesso às demais actions através de menu suspenso.

códio de exemplo de Menu A

{
  "pageNavigation": {
    "background": "#482073",
    "title": "MENU-A",
    "left": {
      "actions": [
        {
          "order": "0",
          "name": "back"
        }
      ]
    }
  },
  "pageHeader": {
    "template": "B",
    "background": "",
    "color": "#FFF",
    "logo": "https://api.mobilecare.com.br/integration/demo/resources/mobilex-demos/logo-mobilex-b.png"
  },
  "pageContent": {
    "background": "#fff",
    "totalPages": 1,
    "currentPage": 1,
    "hasGroupBy": true,
    "groupList": [
      {
        "template": "MENU-A",
        "title": "LABEL DO AGRUPAMENTO DO MENU",
        "background": "#fff",
        "color": "#482073",
        "actions": [
          {
            "order": 0,
            "publishLevel": 1,
            "permissionLevel": 1,
            "name": "call",
            "title": "Ligar",
            "path": "",
            "parameters": [
              {
                "title": "Residencial",
                "value": "[phone]"
              },
              {
                "title": "Comercial",
                "value": "[phone]"
              }
            ]
          },
          {
            "order": 0,
            "publishLevel": 1,
            "permissionLevel": 1,
            "name": "email",
            "title": "Ebviar email",
            "path": "",
            "parameters": [
              {
                "title": "",
                "value": "[e-mail]"
              },
              {
                "title": "",
                "value": "[e-mail]"
              }
            ]
          }
        ],
        "itemsList": [
          {
            "publishLevel": 1,
            "background": "#fff",
            "color": "#EE8113",
            "details": [
              {
                "order": 0,
                "value": "<i class='icon-medium' style='color:#EE8113'>&#xea88;</i><h3 class='text-default'> Lorem Ipsum</h3>"
              }
            ],
            "actionDefault": 0,
            "actions": [
              {
                "order": 0,
                "publishLevel": 1,
                "permissionLevel": 1,
                "name": "call",
                "title": "Ligar",
                "parameters": [
                  {
                    "title": "Residencial",
                    "value": "[phone]"
                  },
                  {
                    "title": "Residencial",
                    "value": "[phone]"
                  }
                ]
              },
              {
                "order": 0,
                "publishLevel": 1,
                "permissionLevel": 1,
                "name": "email",
                "title": "Email",
                "parameters": [
                  {
                    "title": "",
                    "value": "[e-mail]"
                  },
                  {
                    "title": "",
                    "value": "[e-mail]"
                  }
                ]
              }
            ]
          },
          {
            "publishLevel": 1,
            "background": "#fff",
            "color": "#EE8113",
            "details": [
              {
                "order": 0,
                "value": "<i class='icon-medium' style='color:#EE8113'>&#xea88;</i><h3 class='text-default'> Lorem Ipsum</h3>"
              }
            ],
            "actionDefault": 0,
            "actions": [
              {
                "order": 0,
                "publishLevel": 1,
                "permissionLevel": 1,
                "name": "call",
                "title": "Ligar",
                "parameters": [
                  {
                    "title": "Residencial",
                    "value": "[phone]"
                  },
                  {
                    "title": "Residencial",
                    "value": "[phone]"
                  }
                ]
              },
              {
                "order": 0,
                "publishLevel": 1,
                "permissionLevel": 1,
                "name": "email",
                "title": "Email",
                "parameters": [
                  {
                    "title": "",
                    "value": "[e-mail]"
                  },
                  {
                    "title": "",
                    "value": "[e-mail]"
                  }
                ]
              }
            ]
          },
          {
            "publishLevel": 1,
            "background": "#fff",
            "color": "#EE8113",
            "details": [
              {
                "order": 0,
                "value": "<i class='icon-medium' style='color:#EE8113'>&#xea88;</i><h3 class='text-default'> Lorem Ipsum</h3>"
              }
            ],
            "actionDefault": 0,
            "actions": [
              {
                "order": 0,
                "publishLevel": 1,
                "permissionLevel": 1,
                "name": "call",
                "title": "Ligar",
                "parameters": [
                  {
                    "title": "Residencial",
                    "value": "[phone]"
                  },
                  {
                    "title": "Residencial",
                    "value": "[phone]"
                  }
                ]
              },
              {
                "order": 0,
                "publishLevel": 1,
                "permissionLevel": 1,
                "name": "email",
                "title": "Email",
                "parameters": [
                  {
                    "title": "",
                    "value": "[e-mail]"
                  },
                  {
                    "title": "",
                    "value": "[e-mail]"
                  }
                ]
              }
            ]
          },
          {
            "publishLevel": 1,
            "background": "#fff",
            "color": "#EE8113",
            "details": [
              {
                "order": 0,
                "value": "<i class='icon-medium' style='color:#EE8113'>&#xea88;</i><h3 class='text-default'> Lorem Ipsum</h3>"
              }
            ],
            "actionDefault": 0,
            "actions": [
              {
                "order": 0,
                "publishLevel": 1,
                "permissionLevel": 1,
                "name": "call",
                "parameters": [
                  {
                    "title": "querystring",
                    "value": "[phone]"
                  }
                ]
              }
            ]
          },
          {
            "publishLevel": 1,
            "background": "#fff",
            "color": "#EE8113",
            "details": [
              {
                "order": 0,
                "value": "<i class='icon-medium' style='color:#EE8113'>&#xea88;</i><h3 class='text-default'> Lorem Ipsum</h3>"
              }
            ],
            "actionDefault": 0,
            "actions": [
              {
                "order": 0,
                "publishLevel": 1,
                "permissionLevel": 1,
                "name": "call",
                "parameters": [
                  {
                    "title": "Residencial",
                    "value": "[phone]"
                  }
                ]
              },
              {
                "order": 0,
                "publishLevel": 1,
                "permissionLevel": 1,
                "name": "email",
                "parameters": [
                  {
                    "title": "",
                    "value": "[e-mail]"
                  }
                ]
              }
            ]
          },
          {
            "publishLevel": 1,
            "background": "#fff",
            "color": "#EE8113",
            "details": [
              {
                "order": 0,
                "value": "<i class='icon-medium' style='color:#EE8113'>&#xea88;</i><h3 class='text-default'> Lorem Ipsum</h3>"
              }
            ],
            "actionDefault": 0,
            "actions": [
              {
                "order": 0,
                "publishLevel": 1,
                "permissionLevel": 1,
                "name": "call",
                "parameters": [
                  {
                    "title": "querystring",
                    "value": "[phone]"
                  }
                ]
              }
            ]
          }
        ]
      }
    ]
  }
}