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:
@@ -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