victor
fedf5bfcc9
- Dashboard: no_periodo passa a cobrir o dia inteiro (planned_date é timestamp), corrigindo período que zerava ao terminar no dia dos dados - Dashboard: card de consolidações filtra por sobreposição de datas (não created_at) - Usuários: adiciona helper role_options_for_select (corrige edição/criação) - Consolidação: set_consolidacao nas actions de PDF/preview (corrige Pundit::NotDefinedError em Relatório Individual, Gerar Holerite e Preview) - Revisão: paginação com Pagy (20/página + seletor 20/50/100) - Nova consolidação: veículos filtrados pelo(s) motorista(s) no período
253 lines
12 KiB
HTML
253 lines
12 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="pt-BR" class="dark">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="csrf-param" content="authenticity_token">
|
|
<meta name="csrf-token" content="V0huiUnnR6iuZZliHnfydw0_28pJd5ho66yiE1jO186V5ffx6xm7oL5TuqTEwVv9v-9pxKKkTDbXwLQRAdLL3w">
|
|
<title>teste | Reem Logística</title>
|
|
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
<script>
|
|
tailwind.config = {
|
|
darkMode: 'class',
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
brand: {
|
|
preto: '#0a0a0a',
|
|
'preto-card': '#1a1a1a',
|
|
laranja: '#f97316',
|
|
'laranja-escuro': '#ea580c',
|
|
branco: '#ffffff',
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
|
|
|
|
<style>
|
|
body { font-family: 'Inter', sans-serif; }
|
|
/* Scrollbar tema escuro */
|
|
::-webkit-scrollbar { width: 6px; }
|
|
::-webkit-scrollbar-track { background: #0a0a0a; }
|
|
::-webkit-scrollbar-thumb { background: #f97316; border-radius: 3px; }
|
|
/* Loading spinner laranja */
|
|
.spinner {
|
|
border: 3px solid #1a1a1a;
|
|
border-top-color: #f97316;
|
|
border-radius: 50%;
|
|
animation: spin 0.8s linear infinite;
|
|
}
|
|
@keyframes spin { to { transform: rotate(360deg); } }
|
|
</style>
|
|
|
|
<script type="importmap" data-turbo-track="reload">{
|
|
"imports": {
|
|
"application": "/assets/application-09caced1.js",
|
|
"@hotwired/turbo-rails": "/assets/turbo.min-86bf8853.js",
|
|
"@hotwired/stimulus": "/assets/stimulus.min-7ea3d58b.js",
|
|
"@hotwired/stimulus-loading": "/assets/stimulus-loading-25917588.js",
|
|
"controllers/application": "/assets/controllers/application-75a69c37.js",
|
|
"controllers": "/assets/controllers/index-dfefe98d.js",
|
|
"controllers/validacao_controller": "/assets/controllers/validacao_controller-3ce614b7.js"
|
|
}
|
|
}</script>
|
|
<link rel="modulepreload" href="/assets/application-09caced1.js">
|
|
<link rel="modulepreload" href="/assets/turbo.min-86bf8853.js">
|
|
<link rel="modulepreload" href="/assets/stimulus.min-7ea3d58b.js">
|
|
<link rel="modulepreload" href="/assets/stimulus-loading-25917588.js">
|
|
<link rel="modulepreload" href="/assets/controllers/application-75a69c37.js">
|
|
<link rel="modulepreload" href="/assets/controllers/index-dfefe98d.js">
|
|
<link rel="modulepreload" href="/assets/controllers/validacao_controller-3ce614b7.js">
|
|
<script type="module">import "application"</script>
|
|
|
|
</head>
|
|
|
|
<body class="bg-[#0a0a0a] text-white min-h-screen">
|
|
|
|
|
|
<div id="sidebar-overlay"
|
|
class="fixed inset-0 bg-black/70 z-30 hidden md:hidden"
|
|
onclick="toggleSidebar()"></div>
|
|
|
|
<aside id="sidebar"
|
|
class="fixed top-0 left-0 h-full w-64 bg-[#111111] border-r border-[#2a2a2a] z-40
|
|
transform -translate-x-full md:translate-x-0 transition-transform duration-300">
|
|
|
|
<div class="flex items-center gap-3 px-6 py-5 border-b border-[#2a2a2a]">
|
|
<div class="w-9 h-9 bg-orange-500 rounded-lg flex items-center justify-center font-black text-black text-lg">G</div>
|
|
<div>
|
|
<p class="font-bold text-white text-sm leading-tight">Reem Transporte</p>
|
|
<p class="text-orange-500 text-xs">Logística</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="px-6 py-4 border-b border-[#2a2a2a]">
|
|
<p class="text-xs text-gray-500 mb-1">Logado como</p>
|
|
<p class="text-white font-semibold text-sm truncate">Administrador Gade</p>
|
|
<span class="inline-block mt-1 px-2 py-0.5 text-xs rounded-full
|
|
bg-orange-500 text-black">
|
|
Administrador
|
|
</span>
|
|
</div>
|
|
|
|
<nav class="px-3 py-4 space-y-1 flex-1 overflow-y-auto">
|
|
|
|
<a class="flex items-center gap-3 px-3 py-2.5 rounded-lg text-sm font-medium transition-all min-h-[44px] text-gray-400 hover:bg-[#1a1a1a] hover:text-white" href="/dashboard">📊 Dashboard</a>
|
|
<a class="flex items-center gap-3 px-3 py-2.5 rounded-lg text-sm font-medium transition-all min-h-[44px] text-gray-400 hover:bg-[#1a1a1a] hover:text-white" href="/consolidacoes">📦 Consolidações</a>
|
|
|
|
|
|
<div class="pt-4 mt-4 border-t border-[#2a2a2a]">
|
|
<p class="px-3 text-xs text-gray-600 uppercase tracking-wider mb-2">Administração</p>
|
|
<a class="flex items-center gap-3 px-3 py-2.5 rounded-lg text-sm font-medium transition-all min-h-[44px] text-gray-400 hover:bg-[#1a1a1a] hover:text-white" href="/admin/usuarios">👥 Usuários</a>
|
|
<a class="flex items-center gap-3 px-3 py-2.5 rounded-lg text-sm font-medium transition-all min-h-[44px] text-gray-400 hover:bg-[#1a1a1a] hover:text-white" href="/admin/configuracoes">⚙️ Configurações</a>
|
|
<a class="flex items-center gap-3 px-3 py-2.5 rounded-lg text-sm font-medium transition-all min-h-[44px] text-gray-400 hover:bg-[#1a1a1a] hover:text-white" href="/admin/auditoria_logs">🔍 Auditoria</a>
|
|
</div>
|
|
</nav>
|
|
|
|
<div class="px-6 py-4 border-t border-[#2a2a2a]">
|
|
<a data-turbo-method="delete" data-turbo-confirm="Deseja sair?" class="flex items-center gap-2 text-gray-400 hover:text-red-400 text-sm transition-colors" href="/auth/logout">
|
|
<span>🚪</span> Sair
|
|
</a> </div>
|
|
</aside>
|
|
|
|
<header class="md:hidden fixed top-0 left-0 right-0 z-30 bg-[#111111] border-b border-[#2a2a2a] px-4 py-3 flex items-center justify-between">
|
|
<button onclick="toggleSidebar()"
|
|
class="text-orange-500 text-2xl min-h-[48px] min-w-[48px] flex items-center justify-center">
|
|
☰
|
|
</button>
|
|
<div class="flex items-center gap-2">
|
|
<div class="w-7 h-7 bg-orange-500 rounded flex items-center justify-center font-black text-black text-sm">G</div>
|
|
<span class="font-bold text-white text-sm">Reem Logística</span>
|
|
</div>
|
|
<div class="w-12"></div>
|
|
</header>
|
|
<div class="h-14 md:hidden"></div>
|
|
|
|
<script>
|
|
function toggleSidebar() {
|
|
const s = document.getElementById('sidebar');
|
|
const o = document.getElementById('sidebar-overlay');
|
|
s.classList.toggle('-translate-x-full');
|
|
o.classList.toggle('hidden');
|
|
}
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<main class="ml-0 md:ml-64 p-4 md:p-8 min-h-screen">
|
|
|
|
<div class="max-w-4xl mx-auto">
|
|
|
|
<div class="mb-6">
|
|
<a class="text-gray-500 hover:text-orange-500 text-sm" href="/consolidacoes">← Consolidações</a>
|
|
<div class="flex flex-col md:flex-row md:items-center md:justify-between gap-3 mt-2">
|
|
<div>
|
|
<div class="flex items-center gap-3">
|
|
<h1 class="text-2xl font-bold text-white">teste</h1>
|
|
<span class="inline-flex items-center gap-1 px-2.5 py-1 rounded-full text-xs font-bold bg-yellow-500 text-black">📝 Rascunho</span>
|
|
</div>
|
|
<p class="text-gray-400 text-sm mt-1">
|
|
📅 01/02/2026 → 28/02/2026
|
|
· Criada por Administrador Gade
|
|
</p>
|
|
</div>
|
|
<div class="flex gap-2">
|
|
<a class="bg-orange-500 hover:bg-orange-600 text-black font-bold px-5 py-3 rounded-lg min-h-[48px] flex items-center" href="/consolidacoes/3/wizard">✏️ Continuar validação</a>
|
|
<form class="button_to" method="post" action="/consolidacoes/3/arquivar"><button data-turbo-confirm="Arquivar esta consolidação? Ela não será excluída, apenas movida para o arquivo." class="text-gray-400 hover:text-white border border-[#2a2a2a] px-4 py-3 rounded-lg min-h-[48px]" type="submit">📁 Arquivar</button><input type="hidden" name="authenticity_token" value="bFgW-DhUfHVabQb6YBBZhcI6kTfr6RY-m2AcIg74Too_85JbSI2x1yKmq7VymjoA3QnfDb2v-F5VSGRHh8Q_DQ" autocomplete="off" /></form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="bg-[#1a1a1a] border border-orange-500 rounded-xl p-6 mb-6 text-center">
|
|
<p class="text-gray-400 text-sm">Valor total da consolidação</p>
|
|
<p class="text-orange-500 font-black text-4xl">R$ 5265,00</p>
|
|
</div>
|
|
|
|
<h2 class="text-white font-bold text-lg mb-3">👥 Motoristas</h2>
|
|
<div class="space-y-3">
|
|
<div class="bg-[#1a1a1a] border border-[#2a2a2a] rounded-xl p-5">
|
|
<div class="flex flex-col md:flex-row md:items-center md:justify-between gap-4">
|
|
<div>
|
|
<p class="text-white font-bold text-lg">Bruno Corgozinho</p>
|
|
<p class="text-orange-500 font-black text-xl">R$ 5265,00</p>
|
|
</div>
|
|
<div class="flex flex-wrap gap-2">
|
|
<button onclick="abrirPreview('/consolidacoes/3/preview_holerite?motorista=Bruno+Corgozinho')"
|
|
class="bg-[#0a0a0a] hover:bg-[#2a2a2a] text-white border border-orange-500 font-semibold px-4 py-3 rounded-lg text-sm min-h-[48px]">
|
|
👁️ Ver antes de gerar
|
|
</button>
|
|
<a class="bg-orange-800 hover:bg-orange-700 text-white font-semibold px-4 py-3 rounded-lg text-sm min-h-[48px] flex items-center" href="/consolidacoes/3/gerar_pdf_relatorio?motorista=Bruno+Corgozinho">📄 Relatório Individual</a>
|
|
<a class="bg-orange-500 hover:bg-orange-600 text-black font-bold px-4 py-3 rounded-lg text-sm min-h-[48px] flex items-center" href="/consolidacoes/3/gerar_pdf_holerite?motorista=Bruno+Corgozinho">🧾 Gerar Holerite</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="modal-preview" class="fixed inset-0 bg-black/80 z-50 hidden items-center justify-center p-4">
|
|
<div class="bg-[#1a1a1a] border border-[#2a2a2a] rounded-2xl max-w-2xl w-full max-h-[85vh] flex flex-col">
|
|
<div class="flex items-center justify-between px-6 py-4 border-b border-[#2a2a2a]">
|
|
<h3 class="text-white font-bold">👁️ Pré-visualização do Holerite</h3>
|
|
<button onclick="fecharPreview()" class="text-gray-400 hover:text-white text-2xl min-w-[44px] min-h-[44px]">✕</button>
|
|
</div>
|
|
<div id="modal-preview-conteudo" class="overflow-y-auto p-6 flex-1">
|
|
<div class="flex justify-center py-10"><div class="spinner w-10 h-10"></div></div>
|
|
</div>
|
|
<div class="flex gap-3 px-6 py-4 border-t border-[#2a2a2a]">
|
|
<a id="modal-confirmar" href="#"
|
|
class="flex-1 bg-orange-500 hover:bg-orange-600 text-black font-bold py-3 rounded-lg text-center min-h-[48px] flex items-center justify-center">
|
|
✓ Confirmar e baixar PDF
|
|
</a>
|
|
<button onclick="fecharPreview()"
|
|
class="px-6 py-3 text-gray-400 hover:text-white border border-[#2a2a2a] rounded-lg min-h-[48px]">
|
|
← Voltar
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
async function abrirPreview(url) {
|
|
const modal = document.getElementById('modal-preview');
|
|
const conteudo = document.getElementById('modal-preview-conteudo');
|
|
modal.classList.remove('hidden');
|
|
modal.classList.add('flex');
|
|
conteudo.innerHTML = '<div class="flex justify-center py-10"><div class="spinner w-10 h-10"></div></div>';
|
|
|
|
const resp = await fetch(url);
|
|
conteudo.innerHTML = await resp.text();
|
|
|
|
// O link de confirmar aponta para o PDF do mesmo motorista
|
|
document.getElementById('modal-confirmar').href =
|
|
url.replace('preview_holerite', 'gerar_pdf_holerite');
|
|
}
|
|
function fecharPreview() {
|
|
const modal = document.getElementById('modal-preview');
|
|
modal.classList.add('hidden');
|
|
modal.classList.remove('flex');
|
|
}
|
|
</script>
|
|
|
|
</main>
|
|
|
|
<script>
|
|
setTimeout(() => {
|
|
['flash-notice', 'flash-alert'].forEach(id => {
|
|
const el = document.getElementById(id);
|
|
if (el) el.style.transition = 'opacity 0.5s', el.style.opacity = '0',
|
|
setTimeout(() => el.remove(), 500);
|
|
});
|
|
}, 4000);
|
|
</script>
|
|
|
|
<script async nonce="" type="text/javascript" id="mini-profiler" src="/mini-profiler-resources/includes.js?v=e0bcc9ce0ae3bb5d6b736b6f282f601f" data-css-url="/mini-profiler-resources/includes.css?v=e0bcc9ce0ae3bb5d6b736b6f282f601f" data-version="e0bcc9ce0ae3bb5d6b736b6f282f601f" data-path="/mini-profiler-resources/" data-current-id="5vfdctp5mnyu0tdtx94a" data-ids="5vfdctp5mnyu0tdtx94a,md2esz0jc4j57ce236e8" data-horizontal-position="left" data-vertical-position="top" data-trivial="false" data-children="false" data-max-traces="20" data-controls="false" data-total-sql-count="false" data-authorized="true" data-toggle-shortcut="alt+p" data-start-hidden="false" data-collapse-results="true" data-html-container="body" data-hidden-custom-fields="" data-turbo-permanent="false"></script>
|
|
</body>
|
|
</html>
|