Modal de Detalhes

1. Geral

A funcionalidade "Modal de Detalhes" é um componente de navegação projetado para oferecer uma visão detalhada de itens selecionados pelos usuários, sempre ligado a uma única tabela de cadastro. Esse componente é particularmente útil para exibir informações completas e detalhadas sobre um item específico, permitindo uma análise mais aprofundada.

2. Estrutura do Componente

Informações Cadastrais (Lado Esquerdo): Exibe detalhes cadastrais do item selecionado. Esses detalhes podem ser configurados para serem editáveis ou somente leitura, conforme as necessidades da aplicação.

Área de Conteúdo (Lado Direito): Esta área permite a criação de múltiplas abas, cada uma podendo exibir diferentes tipos de conteúdos relacionados ao item. Abaixo, são detalhados os tipos de abas que podem ser configurados:

3. Tipos de Abas

3.1. TimeLine

Essa aba é ideal para exibir atualizações, históricos ou para aprofundar o nível de detalhes da aplicação. O comportamento é semelhante ao do componente "TimeLine" (detalhado em outro documento). A aba "TimeLine" só estará disponível se houver uma tabela ligada com o cadastro do "Modal de Detalhes" como FK. Por exemplo, um modal de Negociação pode ter a entidade "Item de Negociação" como parte da TimeLine, permitindo um acompanhamento detalhado das interações e eventos.

3.2. Formulário

Essa aba permite adicionar um formulário relacionado ao cadastro específico ligado ao modal de detalhes. É utilizada principalmente para facilitar a edição dos dados de cadastro, oferecendo uma interface direta e intuitiva para alterações de informações.

3.3. Tela

Essa aba possibilita a escolha de uma das telas já construídas utilizando o Page Builder

4. Botões de Interação

Na área superior do componente "Modal de Detalhes", é possível criar botões de interação, cada um configurável com as seguintes opções:

  • Dica: Texto apresentado como hover do botão, exibido quando o cursor do mouse passa sobre o botão.

  • Critério de Bloqueio: Permite definir um atributo para bloquear o botão dinamicamente, baseado nas seleções do modal de detalhes. O botão ficará ativo se o atributo utilizado para bloquear retornar 0 ou null, e será bloqueado para outros valores.

  • Tipo de Execução: Define a interação do botão, com opções de executar uma ação, com a possibilidade de configurar uma mensagem de confirmação, ou abrir uma tela, que funciona como um modal, abrindo uma tela configurada no Page Builder.

  • Personalizar: Configurações de layout padrão do botão, incluindo ícone, cor de fundo, e cor de texto/ícone.

5. Configurações Gerais do Modal de Detalhes

No canto superior direito da tela, existe um botão "Configurações", onde estão disponíveis algumas configurações gerais, como critério de bloqueio que define um atributo para bloquear todo o modal de detalhes quando o valor for diferente de null ou 0. Quando bloqueado, a área de informação cadastral e a área de conteúdo ficam acinzentadas, com uma mensagem centralizada no header do detail, configurada no campo "Mensagem do Bloqueio".

Procurar

Procurar