Modificação na area do motorista

This commit is contained in:
2026-08-26 15:40:50 -03:00
parent 6c78570658
commit e4b17653ef
5 changed files with 108 additions and 34 deletions

View File

@@ -1,8 +1,12 @@
<%# app/views/consolidacoes/_lista.html.erb — visão por CONSOLIDAÇÃO %>
<% if @consolidacoes.any? %>
<%# Em celular/monitor pequeno a lista vira carrossel de 10 em 10; em tela
grande aparece inteira (ver carrossel_controller.js). %>
<div data-controller="carrossel" data-carrossel-tamanho-value="10">
<div class="space-y-3">
<% @consolidacoes.each do |c| %>
<%= link_to consolidacao_path(c),
data: { carrossel_target: 'item' },
class: 'block bg-[#1a1a1a] border border-[#2a2a2a] hover:border-orange-500 rounded-xl p-5 transition-colors' do %>
<div class="flex flex-col md:flex-row md:items-center md:justify-between gap-3">
<div>
@@ -28,6 +32,10 @@
<% end %>
<% end %>
</div>
<%= render 'shared/carrossel_controles',
anterior: 'Consolidações anteriores', proximo: 'Próximas consolidações' %>
</div>
<% else %>
<div class="bg-[#1a1a1a] border border-[#2a2a2a] rounded-xl p-12 text-center">
<p class="mb-4"><%= icone :vazio, tamanho: 'w-12 h-12', cor: 'text-gray-600', espaco: false %></p>

View File

@@ -46,10 +46,15 @@
<p class="text-gray-500 text-sm mt-1">Ajuste as datas acima — o recorte pega a consolidação inteira dentro da faixa.</p>
</div>
<% else %>
<%# Em celular/monitor pequeno vira carrossel de 10 em 10; em tela grande sai a
lista inteira. O motorista com a composição aberta define a página inicial
(data-carrossel-inicial) — senão o clique dele cairia numa página escondida. %>
<div data-controller="carrossel" data-carrossel-tamanho-value="10">
<div class="space-y-3">
<% @totais.linhas.each do |linha| %>
<% aberto = @detalhe_motorista == linha[:motorista] %>
<div class="bg-[#1a1a1a] border rounded-xl overflow-hidden transition-colors <%= aberto ? 'border-orange-500' : 'border-[#2a2a2a] hover:border-orange-500/60' %>">
<div data-carrossel-target="item" data-carrossel-inicial="<%= aberto %>"
class="bg-[#1a1a1a] border rounded-xl overflow-hidden transition-colors <%= aberto ? 'border-orange-500' : 'border-[#2a2a2a] hover:border-orange-500/60' %>">
<%# Cabeçalho do motorista — o clique abre/fecha a composição %>
<%= link_to consolidacoes_path(ctx.merge(detalhe: (aberto ? nil : linha[:motorista])).compact_blank),
@@ -121,6 +126,10 @@
<% end %>
</div>
<%= render 'shared/carrossel_controles',
anterior: 'Motoristas anteriores', proximo: 'Próximos motoristas' %>
</div>
<p class="text-gray-500 text-xs mt-4">
<%= icone :dica %>
<% if @status_totais == 'finalizada' %>