Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.

...

Informações

No card do comunicado, caso existam muitos empreendimentos associados haverá um botão "mais" que ao ser tocado, irá exibir todos os empreendimentos. A partir dessa ação o botão "menos" irá voltar para a exibição recolhida quando tocado.

Lista de comunicados, exibindo o totalizador de comunicados não lidos e mostrando os comunicados em formato de cards.Image RemovedImage Added

O usuário poderá também fazer uma pesquisa, tocando na caixa de pesquisa identificada com a lupa, no topo da visão.

Pesquisa retornando um comunicado.Image RemovedImage Added

Informações

Importante: O sistema irá salvar as 5 últimas pesquisas realizadas pelo usuário, de forma a facilitar a busca futura por comunicados que possuam o termo desejado.

As 5 últimas pesquisa são salvas, facilitando buscas futurasImage RemovedImage Added

O padrão de exibição inicial será de 5 comunicados. Caso existam outros comunicados cadastrados, basta o usuário rolar para cima com os dedos que o sistema irá carregá-los automaticamente.

...

O filtro poderá ser composto por empreendimento, listando apenas os empreendimentos selecionados pelo usuário, como mostra a imagem:

Image RemovedImage Added

Informações
Importante: Comunicados globais, ou seja, que são apresentados para todos os empreendimentos, serão mostrados independente do filtro escolhido.

...

Quando o usuário tocar em dos comunicados, será aberta a página exibindo o seu conteúdo e ele será marcado como lido. 
Caso toque em "Marcar todos como lidos", todos os comunicados serão marcados como lidos. Essa ação não poderá ser desfeita.

Exibição do conteúdo de um comunicado.Image RemovedImage Added

Informações
titleImportante

Para que o comunicado seja apresentado de forma responsiva nos dispositivos, recomendamos que ao cadastrar o comunicado no Portal do Cliente, seja utilizado no corpo do comunicado a tag html viewport, para que a exibição não apresente divergências por conta do tamanho da tela do dispositivo.
Abaixo segue um exemplo de estrutura HTML que irá ser apresentada responsivamente em todos os dispositivos.

Bloco de código
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<style>
img {
    max-width: 100%;
    height: auto;
}
</style>
</head>
<body>
<p><b>Título do Comunicado.</b></p>

<img src="img.jpg" alt="Imagem" width="460" height="345">

<p>Texto do Comunicado</p>

</body>
</html>



...