List A

Template A

Exemplo GroupList Template A

Propriedade	Descrição
Formato	Lista horizontal, sem espaçamento.
Imagem	Formato arredondado. Url definida em detail.order = 0.
Conteúdo	Definido em detail.order = 0, se não tem imagem. Definido em detail.order = 1, se possui imagem.
Ações	Quando múltiplas: Menu suspenso exibido na lateral. Quando única: ícone não é exibido na lateral.
itemList.(x) actionDefault	Ação default a ser executada quando o item da lista for tocado. Se vazio ou nulo, nenhuma ação será executada.
itemList.(x) actions	Lista de ações para o item da lista.

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

• 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 deve interpretar a existência de uma imagem e exibir a área com a imagem em formato de círculo; senão, então a área é ocultada.

• 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 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: Exibir a action informada

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

códio de exemplo de Template A

"pageContent": {
  "totalPages": 1,
  "currentPage": 1,
  "background": "#ffffff",
  "hasGroupBy": true/false,
  "groupList": [	
    {
      "template": "A",
      "title": "Grupo ABC",
      "background": "#A11480",
      "color": "#FFF",
      "actions":[...],
      "itemsList": [
        {	
          "publishLevel": 1,
          "permissionLevel": 1,
          "background": "#FFF",
          "color": "#FFF",
          "details": [
            {"order": 0, "value":".."}
          ],
          "actionDefault": 0,
          "actions": [..]
        }
      ]
    },
    {
      "template": "B",
      "title": "Grupo XYZ",
      "background": "#FFF",
      "color": "#000",
      "actions":[...],
      "itemsList": [...]
    }
  ]	
}