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:
@@ -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 %>
|
||||
|
||||
@@ -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 =>
|
||||
({ '&': '&', '<': '<', '>': '>', '"': '"', "'": ''' }[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>
|
||||
|
||||
Reference in New Issue
Block a user