List C

Template C

Exemplo GroupList Template C

Propriedade	Descrição
Formato	Lista vertical em formato de card.
Imagem	Não se aplica.
Conteúdo	Definido em detail.order = 0.
Ações	Dispostas na linha inferiors do card.

• 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 deve ser 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.

• D1

  • Área de exibição do elemento de imagem customizado para a template.

  • pageContent.groupList(x).itemList(y).detail(0): Se seu conteúdo iniciar com “http://" a célula interpreta a existência de uma imagem que é exibir a área com a imagem em formato de círculo; senão, a área é ocultada.

• D3

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

  • Suporta de 1 a N actions, sendo:

    • 1 a 6 actions: Exibe a action informada, de acordo com o order, e da direita para a esquerda

    • >6 actions: Exibe as actions de 1 a 5 na linha e agrupar as actions de 6 a no “menu de bolinhas” para acesso através de menu suspenso.

códio de exemplo de Template C

{
  "pageNavigation": {
    "background": "#482073",
    "title": "Lista C",
    "left": {
      "actions": [
        {
          "order": "0",
          "name": "back"
        }
      ]
    }
  },
  "pageHeader": {
    "template": "A",
    "background": "#634975",
    "color": "#fff",
    "logo": "",
    "item": {
      "details": [
        {
          "order": 0,
          "value": "Cabeçalho da Lista<br>Lorem Ipsum"
        }
      ],
      "actionDefault": 0,
      "actions": [
        {
          "order": 0,
          "publishLevel": 1,
          "permissionLevel": 1,
          "name": "call",
          "path": "",
          "parameters": [
            {
              "title": "Residencial",
              "value": "[phone]"
            }
          ]
        }
      ]
    }
  },
  "pageContent": {
    "background": "#E8E8E8",
    "totalPages": 1,
    "currentPage": 1,
    "hasGroupBy": true,
    "groupList": [
      {
        "template": "C",
        "background": "#E8E8E8",
        "title": "Agrupamento sem foto",
        "color": "#482073",
        "actions": [
          {
            "order": 0,
            "publishLevel": 1,
            "permissionLevel": 1,
            "name": "call",
            "path": "",
            "parameters": [
              {
                "title": "Residencial",
                "value": "[phone]"
              }
            ]
          }
        ],
        "itemsList": [
          {
            "publishLevel": 1,
            "permissionLevel": 1,
            "background": "#fff",
            "color": "#EE8113",
            "details": [
              {
                "order": 0,
                "value": "<h3 class='text-default'><b>Multiplas Ações</b></h3><br>Ação default habilitada<br>Lorem - Ipsum"
              }
            ],
            "actionDefault": 0,
            "actions": [
              {
                "order": 0,
                "publishLevel": 1,
                "permissionLevel": 1,
                "name": "call",
                "path": "",
                "parameters": [
                  {
                    "title": "Residencial",
                    "value": "[phone]"
                  }
                ]
              },
              {
                "order": 0,
                "publishLevel": 1,
                "permissionLevel": 1,
                "name": "email",
                "path": "",
                "parameters": [
                  {
                    "title": "",
                    "value": "[email protected]"
                  }
                ]
              },
              {
                "order": 0,
                "publishLevel": 1,
                "permissionLevel": 1,
                "name": "link",
                "path": "",
                "parameters": [
                  {
                    "title": "",
                    "value": "https://www.mobilex.tech/"
                  }
                ]
              }
            ]
          },
          {
            "publishLevel": 1,
            "permissionLevel": 1,
            "background": "",
            "color": "",
            "details": [
              {
                "order": 0,
                "value": "<h3 class='text-default'><b>Multiplas Ações</b></h3><br>Nunhma Ação default habilitada<br>Lorem - Ipsum"
              }
            ],
            "actionDefault": null,
            "actions": [
              {
                "order": 0,
                "publishLevel": 1,
                "permissionLevel": 1,
                "name": "call",
                "path": "",
                "parameters": [
                  {
                    "title": "Residencial",
                    "value": "[phone]"
                  }
                ]
              },
              {
                "order": 0,
                "publishLevel": 1,
                "permissionLevel": 1,
                "name": "email",
                "path": "",
                "parameters": [
                  {
                    "title": "",
                    "value": "[email protected]"
                  }
                ]
              },
              {
                "order": 0,
                "publishLevel": 1,
                "permissionLevel": 1,
                "name": "link",
                "path": "",
                "parameters": [
                  {
                    "title": "",
                    "value": "https://www.mobilex.tech/"
                  }
                ]
              }
            ]
          },
          {
            "publishLevel": 1,
            "permissionLevel": 1,
            "background": "#ccc",
            "color": "#EE8113",
            "details": [
              {
                "order": 0,
                "value": "<h3 class='text-default'><b>Ação Única</b></h3><br>Ação default habilitada"
              }
            ],
            "actionDefault": 0,
            "actions": [
              {
                "order": 0,
                "publishLevel": 1,
                "permissionLevel": 1,
                "name": "call",
                "path": "",
                "parameters": [
                  {
                    "title": "querystring",
                    "value": "[phone]"
                  }
                ]
              }
            ]
          },
          {
            "publishLevel": 1,
            "permissionLevel": 1,
            "background": "#fff",
            "color": "#EE8113",
            "details": [
              {
                "order": 0,
                "value": "<h3 class='text-default'><b>Sem ação</b></h3><br>1200m<br>Lorem - Ipsum"
              }
            ]
          }
        ]
      }
    ]
  }
}