96 lines
5.3 KiB
Plaintext
96 lines
5.3 KiB
Plaintext
<% ctx = { status: params[:status], canal: params[:canal] }.compact_blank %>
|
||
<div class="space-y-6">
|
||
<div>
|
||
<h1 class="text-2xl font-bold text-white">Envios</h1>
|
||
<p class="text-gray-400 text-sm mt-0.5">
|
||
O que saiu, para quem e se chegou. Uma falha de envio nunca trava o fechamento —
|
||
então é aqui que ela aparece.
|
||
</p>
|
||
</div>
|
||
|
||
<div class="flex flex-wrap items-center gap-2">
|
||
<% [['', 'Todos'], ['enviado', 'Enviados'], ['falhou', 'Falhados'], ['pendente', 'Pendentes']].each do |valor, rotulo| %>
|
||
<% ativo = params[:status].to_s == valor %>
|
||
<%= link_to rotulo, admin_envios_path(ctx.merge(status: valor.presence).compact), data: { turbo: false },
|
||
class: "px-3 py-2 rounded-xl text-sm border #{ativo ? 'bg-orange-500 text-black border-orange-500 font-bold' : 'bg-[#1a1a1a] text-gray-300 border-white/10 hover:border-orange-500'}" %>
|
||
<% end %>
|
||
<span class="text-gray-600">|</span>
|
||
<% [['', 'Todos os canais'], ['whatsapp', 'WhatsApp'], ['email', 'E-mail']].each do |valor, rotulo| %>
|
||
<% ativo = params[:canal].to_s == valor %>
|
||
<%= link_to rotulo, admin_envios_path(ctx.merge(canal: valor.presence).compact), data: { turbo: false },
|
||
class: "px-3 py-2 rounded-xl text-sm border #{ativo ? 'bg-orange-500 text-black border-orange-500 font-bold' : 'bg-[#1a1a1a] text-gray-300 border-white/10 hover:border-orange-500'}" %>
|
||
<% end %>
|
||
<% if @total_falhas.positive? %>
|
||
<span class="ml-auto text-sm text-red-400"><%= @total_falhas %> falha(s) neste filtro</span>
|
||
<% end %>
|
||
</div>
|
||
|
||
<div class="bg-[#1a1a1a] rounded-2xl border border-white/5 overflow-hidden">
|
||
<% if @envios.empty? %>
|
||
<p class="px-6 py-10 text-center text-gray-500 text-sm">Nenhum envio registrado ainda.</p>
|
||
<% else %>
|
||
<div class="overflow-x-auto">
|
||
<table class="w-full text-sm">
|
||
<thead class="bg-white/5 text-gray-400 text-xs uppercase tracking-wider">
|
||
<tr>
|
||
<th class="text-left px-6 py-3 font-medium">Quando</th>
|
||
<th class="text-left px-4 py-3 font-medium">Evento</th>
|
||
<th class="text-left px-4 py-3 font-medium">Destinatário</th>
|
||
<th class="text-left px-4 py-3 font-medium">Canal</th>
|
||
<th class="text-left px-4 py-3 font-medium">Situação</th>
|
||
<th class="text-left px-4 py-3 font-medium">Mensagem</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody class="divide-y divide-white/5">
|
||
<% @envios.each do |envio| %>
|
||
<tr class="hover:bg-white/5 align-top">
|
||
<td class="px-6 py-2.5 text-gray-400 whitespace-nowrap"><%= envio.created_at.strftime('%d/%m/%Y %H:%M') %></td>
|
||
<td class="px-4 py-2.5 text-gray-300"><%= envio.evento_notificacao&.nome || '—' %></td>
|
||
<td class="px-4 py-2.5">
|
||
<span class="text-white"><%= envio.contato&.nome || envio.user&.nome || '—' %></span>
|
||
<span class="block text-xs text-gray-500 font-mono"><%= envio.destino %></span>
|
||
</td>
|
||
<td class="px-4 py-2.5 text-gray-300"><%= envio.canal == 'whatsapp' ? 'WhatsApp' : 'E-mail' %></td>
|
||
<td class="px-4 py-2.5">
|
||
<% cor = { 'enviado' => 'text-green-400', 'falhou' => 'text-red-400' }.fetch(envio.status, 'text-yellow-400') %>
|
||
<span class="<%= cor %>"><%= envio.status.capitalize %></span>
|
||
<% if envio.falhou? && envio.erro.present? %>
|
||
<span class="block text-xs text-red-300/80 max-w-[22rem]"><%= envio.erro.truncate(160) %></span>
|
||
<% end %>
|
||
</td>
|
||
<td class="px-4 py-2.5 text-gray-400 max-w-[24rem]">
|
||
<span class="block truncate" title="<%= envio.corpo %>"><%= envio.corpo.to_s.truncate(90) %></span>
|
||
</td>
|
||
</tr>
|
||
<% end %>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
|
||
<% if @pagy.pages > 1 %>
|
||
<% pag = ->(p) { admin_envios_path(ctx.merge(page: p)) } %>
|
||
<nav class="flex items-center justify-center gap-1.5 py-4 flex-wrap border-t border-white/5">
|
||
<% if @pagy.prev %>
|
||
<%= link_to '‹', pag.call(@pagy.prev), data: { turbo: false },
|
||
class: 'min-w-[40px] min-h-[40px] flex items-center justify-center rounded-lg border border-[#2a2a2a] text-white hover:border-orange-500' %>
|
||
<% 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), data: { turbo: false },
|
||
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), data: { turbo: false },
|
||
class: 'min-w-[40px] min-h-[40px] flex items-center justify-center rounded-lg border border-[#2a2a2a] text-white hover:border-orange-500' %>
|
||
<% end %>
|
||
</nav>
|
||
<% end %>
|
||
<% end %>
|
||
</div>
|
||
</div>
|