Corrige dashboard por período, CRUD de usuário, PDFs e paginação na revisão

- 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
This commit is contained in:
2026-06-16 14:45:06 -03:00
parent aad167873f
commit fedf5bfcc9
17 changed files with 14917 additions and 24 deletions

View File

@@ -30,11 +30,24 @@
<div class="bg-[#1a1a1a] border border-orange-500 rounded-xl p-6 mb-6 text-center">
<p class="text-gray-400 text-sm mb-1">Total a pagar — <%= @motorista %></p>
<p class="text-orange-500 font-black text-4xl"><%= moeda(@total) %></p>
<p class="text-gray-500 text-xs mt-1"><%= @classificacoes.map(&:tracking_id).uniq.size %> entregas classificadas (<%= @classificacoes.size %> pilares)</p>
<p class="text-gray-500 text-xs mt-1"><%= @total_classificadas %> entregas classificadas (<%= @total_pilares %> pilares)</p>
</div>
<%# Seletor de itens por página %>
<form method="get" action="<%= revisar_consolidacao_consolidacao_entregas_path(@consolidacao) %>"
class="flex items-center justify-end gap-2 mb-2">
<input type="hidden" name="motorista" value="<%= @motorista %>">
<label class="text-gray-400 text-sm">Itens por página</label>
<select name="por_pagina" onchange="this.form.submit()"
class="bg-[#1a1a1a] border border-[#2a2a2a] text-white rounded-lg px-3 py-2 text-sm focus:border-orange-500 focus:outline-none cursor-pointer">
<% [20, 50, 100].each do |n| %>
<option value="<%= n %>" <%= 'selected' if @por_pagina == n %>><%= n %></option>
<% end %>
</select>
</form>
<%# Detalhe das classificações %>
<div class="bg-[#1a1a1a] border border-[#2a2a2a] rounded-xl overflow-hidden mb-6">
<div class="bg-[#1a1a1a] border border-[#2a2a2a] rounded-xl overflow-hidden mb-4">
<table class="w-full text-sm">
<thead class="bg-[#0a0a0a] text-gray-400">
<tr>
@@ -61,6 +74,37 @@
</table>
</div>
<%# Navegação de páginas %>
<% if @pagy.pages > 1 %>
<% pag = ->(p) { revisar_consolidacao_consolidacao_entregas_path(@consolidacao, motorista: @motorista, por_pagina: @por_pagina, page: p) } %>
<nav class="flex items-center justify-center gap-1.5 mb-6 flex-wrap">
<% if @pagy.prev %>
<%= link_to '', pag.call(@pagy.prev),
class: 'min-w-[40px] min-h-[40px] flex items-center justify-center rounded-lg border border-[#2a2a2a] text-white hover:border-orange-500' %>
<% else %>
<span class="min-w-[40px] min-h-[40px] flex items-center justify-center rounded-lg border border-[#2a2a2a] text-gray-700"></span>
<% end %>
<% @pagy.series.each do |item| %>
<% if item == :gap %>
<span class="px-2 text-gray-500">…</span>
<% elsif item.is_a?(String) %>
<span class="min-w-[40px] min-h-[40px] flex items-center justify-center rounded-lg bg-orange-500 text-black font-bold"><%= item %></span>
<% else %>
<%= link_to item, pag.call(item),
class: 'min-w-[40px] min-h-[40px] flex items-center justify-center rounded-lg border border-[#2a2a2a] text-white hover:border-orange-500' %>
<% end %>
<% end %>
<% if @pagy.next %>
<%= link_to '', pag.call(@pagy.next),
class: 'min-w-[40px] min-h-[40px] flex items-center justify-center rounded-lg border border-[#2a2a2a] text-white hover:border-orange-500' %>
<% else %>
<span class="min-w-[40px] min-h-[40px] flex items-center justify-center rounded-lg border border-[#2a2a2a] text-gray-700"></span>
<% end %>
</nav>
<% end %>
<%# Ações finais %>
<div class="flex flex-col md:flex-row gap-3">
<% if @proximo %>

View File

@@ -63,21 +63,15 @@
</div>
</div>
<%# Veículos — multi-select opcional %>
<%# Veículos — multi-select opcional (filtrado pelo motorista + período) %>
<div>
<label class="block text-white font-semibold mb-2">
Veículos <span class="text-gray-500 font-normal text-sm">(opcional — filtra entregas por veículo)</span>
Veículos <span class="text-gray-500 font-normal text-sm">(opcional — só os veículos usados pelo(s) motorista(s) no período)</span>
</label>
<div class="bg-[#0a0a0a] border border-[#2a2a2a] rounded-lg p-3 max-h-48 overflow-y-auto space-y-1">
<% if @veiculos.blank? %>
<p class="text-gray-500 text-sm px-2 py-2">Nenhum veículo encontrado no período.</p>
<% end %>
<% @veiculos.each do |v| %>
<label class="flex items-center gap-2 text-white hover:bg-[#1a1a1a] rounded px-2 py-2 cursor-pointer text-sm min-h-[44px]">
<%= check_box_tag 'consolidacao[vehicle_ids][]', v, false, class: 'rounded text-orange-500 bg-[#1a1a1a] border-[#2a2a2a]', id: nil %>
<%= v %>
</label>
<% end %>
<div id="veiculos-lista"
data-url="<%= veiculos_disponiveis_consolidacoes_path %>"
class="bg-[#0a0a0a] border border-[#2a2a2a] rounded-lg p-3 max-h-48 overflow-y-auto space-y-1">
<p class="text-gray-500 text-sm px-2 py-2">Selecione um motorista para listar os veículos.</p>
</div>
</div>
@@ -90,3 +84,82 @@
</div>
<% end %>
</div>
<script>
(function () {
const lista = document.getElementById('veiculos-lista');
if (!lista) return;
const url = lista.dataset.url;
const dataIni = document.getElementById('consolidacao_data_inicio');
const dataFim = document.getElementById('consolidacao_data_fim');
// Mantém os veículos que já estavam marcados ao recarregar a lista.
function veiculosMarcados() {
return Array.from(lista.querySelectorAll('input[name="consolidacao[vehicle_ids][]"]:checked'))
.map(c => c.value);
}
function motoristasSelecionados() {
return Array.from(document.querySelectorAll('.chk-motorista:checked')).map(c => c.value);
}
function escapeHtml(s) {
return String(s).replace(/[&<>"']/g, c =>
({ '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;' }[c]));
}
function renderVeiculos(veiculos, marcados) {
if (!veiculos.length) {
lista.innerHTML = '<p class="text-gray-500 text-sm px-2 py-2">Nenhum veículo encontrado para este(s) motorista(s) no período.</p>';
return;
}
lista.innerHTML = veiculos.map(function (v) {
const checked = marcados.includes(v) ? 'checked' : '';
const val = escapeHtml(v);
return '<label class="flex items-center gap-2 text-white hover:bg-[#1a1a1a] rounded px-2 py-2 cursor-pointer text-sm min-h-[44px]">' +
'<input type="checkbox" name="consolidacao[vehicle_ids][]" value="' + val + '" ' + checked +
' class="rounded text-orange-500 bg-[#1a1a1a] border-[#2a2a2a]">' + val + '</label>';
}).join('');
}
let controller = null;
async function atualizarVeiculos() {
const motoristas = motoristasSelecionados();
const marcados = veiculosMarcados();
if (!motoristas.length) {
lista.innerHTML = '<p class="text-gray-500 text-sm px-2 py-2">Selecione um motorista para listar os veículos.</p>';
return;
}
const params = new URLSearchParams();
motoristas.forEach(m => params.append('motoristas[]', m));
if (dataIni && dataIni.value) params.append('inicio', dataIni.value);
if (dataFim && dataFim.value) params.append('fim', dataFim.value);
if (controller) controller.abort();
controller = new AbortController();
try {
const resp = await fetch(url + '?' + params.toString(), {
headers: { 'Accept': 'application/json' },
signal: controller.signal
});
const data = await resp.json();
renderVeiculos(data.veiculos || [], marcados);
} catch (e) {
if (e.name !== 'AbortError') {
lista.innerHTML = '<p class="text-red-400 text-sm px-2 py-2">Erro ao carregar veículos.</p>';
}
}
}
document.addEventListener('change', function (e) {
if (e.target.classList.contains('chk-motorista')) atualizarVeiculos();
});
if (dataIni) dataIni.addEventListener('change', atualizarVeiculos);
if (dataFim) dataFim.addEventListener('change', atualizarVeiculos);
// Estado inicial (caso o form volte com motoristas já marcados após erro de validação)
if (motoristasSelecionados().length) atualizarVeiculos();
})();
</script>