--- name: Refatoração visual Administração padrão slate (2026-05-08) description: Todas as 14 telas da seção Administração migradas para o padrão visual slate, incluindo eliminação de create.php/edit.php em Usuários e Empresas type: project originSessionId: f2b9e707-dbf5-44ae-b255-a6a3a4f37d8d --- # Refatoração massiva — Administração no padrão slate (2026-05-08) ## O que foi feito Refatoração visual de **todas as 14 telas da seção Administração** do sistema (`https://sistema.gotechbr.com.br/`) para o padrão `padrao_visual_sistema_slate`, mais melhorias na topbar e sidebar. ### Telas refatoradas | Tela | URL | Arquivo | Notas | |------|-----|---------|-------| | Config. Produtos | `/produtos/configuracoes` | `app/Views/produtos/configuracoes.php` | Reescrita completa, 4 abas | | Usuários | `/usuarios` | `app/Views/usuarios/index.php` | **Modal único** — `create.php` e `edit.php` REMOVIDOS | | Empresas | `/empresas` | `app/Views/empresas/index.php` | **Modal único** — `create.php` e `edit.php` REMOVIDOS | | Avisos do Sistema | `/avisos` | `app/Views/avisos/index.php` | Modal já existia, só visual | | Aniversários | `/configuracoes/aniversarios` | `app/Views/configuracoes/aniversarios.php` | Page-head + topbar header | | Permissões | `/permissoes` | `app/Views/permissoes/index.php` | Subtitle adicionado | | Permissões/Usuário | `/permissoes-usuarios` | `app/Views/permissoes/usuarios_index.php` | Reescrita | | Permissões/Gerenciar | `/permissoes-usuarios/gerenciar/{id}` | `app/Views/permissoes/gerenciar_usuario.php` | Reescrita | | WhatsApp Conexão | `/whatsapp/qr` | `app/Views/whatsapp/qr.php` | Botões + cores slate | | Social Media Config | `/social-media/configuracoes` | `app/Views/social_media/configuracoes.php` | Page-head + topbar | | Magnus Billing | `/magnusbilling` | `app/Views/magnusbilling/index.php` | Topbar + page-head | | Magnus Monitoramento | `/magnusbilling/monitoramento` | `app/Views/magnusbilling/monitoramento.php` | Topbar + page-head | | Campanhas URA | `/ura-campanhas` | `app/Views/ura_campanhas/index.php` | Topbar + page-head | | Monitor de Apps | `/monitor-apps` | `app/Views/monitor/apps.php` | Topbar + botão "Atualizar Todos" filled | | Logs do Sistema | `/logs-sistema` | `app/Views/logs/index.php` | Topbar + page-head | ### Endpoints/Routes alterados **Usuários** (`app/Config/Routes.php`): - REMOVIDA: `GET /usuarios/create` (não há mais view de criação) - ALTERADA: `GET /usuarios/delete` → `POST /usuarios/delete` (segurança) - `GET /usuarios/edit/{id}` agora retorna **JSON** via AJAX (preenche modal) **Empresas** (`app/Config/Routes.php`): - REMOVIDA: `GET /empresas/create` - ALTERADA: `GET /empresas/delete` → `POST /empresas/delete` - `GET /empresas/edit/{id}` retorna **JSON** ### Controllers ajustados - `app/Controllers/Usuarios.php`: store/update/edit/delete com detecção `isAJAX()` que retorna JSON; rota `create()` removida - `app/Controllers/Empresa.php`: mesmo padrão; campo `cnpj` agora é persistido em store/update; index passa `waConfig` direto p/ modal preencher seção WhatsApp ## Topbar (visual profissional) Mudanças em `app/Views/includes/menu.php`: - **Pill relógio** (`.topbar-clock`): layout vertical SEM ÍCONE, alinhado à direita. Linha 1: HH:MM em Courier monospace branco 0.85rem. Linha 2: data por extenso "08 de Maio de 2026" em 0.62rem cinza claro. Stack alinhada à direita (`align-items: flex-end; text-align: right`). - **User pill** (lado direito): avatar circular gradiente verde com inicial + nome, indicador de status (verde=presente / âmbar=ausente) pulsante. **Clique no pill alterna status** via `toggleMeuStatus()` (corrigido para usar `.user-pill-status` em vez do antigo `#statusDot`). - **Botão Sair**: `topbar-action-btn topbar-action-logout` com hover vermelho. - Botão Download MOVIDO para sidebar como banner Play Store. **Iterações descartadas** (preferências do usuário): - ❌ Data abreviada "08/05" — usuário pediu data completa - ❌ Data em uma linha "Sexta-feira, 08 de Maio de 2026" — ficou grande, não elegante - ❌ Ícone `bx-time-five` à esquerda da pill — usuário não quis ícone - ❌ Stack alinhada à esquerda — usuário pediu à direita - ✅ Layout final: stack vertical (HH:MM + data por extenso "08 de Maio de 2026"), sem ícone, alinhada à direita CSS classes: `.topbar-clock`, `.clock-stack`, `.clock-hour`, `.clock-date`, `.user-pill`, `.user-pill-avatar`, `.user-pill-status` (`.is-presente`/`.is-ausente`), `.user-pill-name`, `.topbar-action-btn`, `.topbar-action-logout` ## Sidebar footer (banner Play Store) Banner único "Instalar App Desktop" com ícone gradiente verde + título + subtítulo "Notifier · Windows" + seta. Hover com shimmer effect. Sidebar collapsed → vira só ícone. Sidebar agora usa `display:flex; flex-direction:column;` com `#sidebarScroll { flex:1; min-height:0; }` para o footer ficar fixo no rodapé sem overflow. Data/hora foi REMOVIDA da sidebar e movida para o topbar (mini relógio). CSS classes: `.install-app-banner`, `.install-app-icon`, `.install-app-text`, `.install-app-title`, `.install-app-sub`, `.install-app-arrow` ## Padrão de referência Toda view nova deve seguir [[padrao_visual_sistema_slate]]: - `body { background:#f8f9fa; font-family:'Poppins',... }` - `.page-head` com `

` (1.15rem, 700, slate-950) + `.subtitle` (0.78rem, slate-500) - `.dash-btn` (slate-50/slate-300/slate-600) com `.filled` (slate-900) e `.danger` (red-600) - `.content-card` (white + slate-200 + radius 10 + shadow leve) - `.table` com `th` slate-50/uppercase 0.7rem - `.status-badge` (status-ativo verde-claro / status-inativo vermelho-claro) - DataTable vanilla com `dom: "<'top'lf>rt<'bottom'ip>"` (NÃO usar dataTables.bootstrap5) - Modal com header slate-50, footer flex com `dash-btn`/`dash-btn filled` - Header `
` com logo - CDNs: boxicons 2.1.4, sweetalert2 11 ## Lembretes - **OPcache**: `validate_timestamps = 0` no servidor → SEMPRE rodar `pkill php-cgi` após deploy ([[deploy_procedimento]]) - **CRLF→LF**: obrigatório antes de upload (`tr -d '\r'`) - **Deploy atômico**: `.tmp + mv` para evitar ParseError em chunks parciais