O que é o Camadas?

Visualizar e gerenciar seções, grupos e elementos em camadas com opções de manutenção

O que é o Menu de Camadas?

O Menu de Camadas é uma interface visual que permite ao usuário visualizar, navegar e manipular a estrutura hierárquica de seções, grupos e elementos de um site ou componente. Ele funciona como um painel lateral interativo que facilita o controle e organização dos elementos visuais dentro do construtor de páginas.

Como o Menu de Camadas Funciona?

1. Abertura do Menu
   O menu é acessado por um botão fixado na parte superior da interface. Ao ser ativado, ele se abre como um painel lateral à esquerda, sobrepondo o menu de seções tradicional.
2. Visualização Hierárquica
   O menu apresenta uma lista hierárquica que reflete fielmente a estrutura das seções, grupos e elementos configurados no backend. Cada item da lista (como grupos e elementos) é identificado com clareza, mostrando sua posição dentro da seção ou componente.
3. Interatividade
   O menu permite expandir ou recolher grupos e subgrupos, facilitando a navegação mesmo em estruturas complexas. É possível selecionar elementos diretamente por meio do menu. Ao clicar em um item:
   • O elemento correspondente é destacado visualmente no site.
   • Suas configurações são exibidas no painel lateral direito.
   • As ações de manutenção (Excluir, Duplicar, Mover) são acessíveis ao passar o mouse sobre o item no menu ou diretamente no site.
4. Funcionalidades de Manutenção
   
   • Excluir: remove o item selecionado da estrutura.
   • Duplicar: cria uma cópia do item com todas as suas configurações.
   • Mover: permite reorganizar o item dentro da hierarquia, entre seções, grupos ou elementos.

Integração com Backend

A estrutura de camadas é baseada no modelo de dados existente no backend, utilizando o conceito de "bubbles" com configuração recursiva. Todas as ações de manutenção (como excluir, duplicar ou mover) utilizam os métodos já existentes na controller e model responsáveis por essa estrutura.