Files
Reem-Notas/app/views/admin/eventos_notificacao/index.html.erb

91 lines
5.6 KiB
Plaintext

<div class="space-y-6">
<div class="flex flex-col sm:flex-row sm:items-center justify-between gap-4">
<div>
<h1 class="text-2xl font-bold text-white">Eventos de notificação</h1>
<p class="text-gray-400 text-sm mt-0.5">
O que dispara mensagem e para quais grupos. Você cria quantos eventos quiser —
o <strong class="text-gray-300">gatilho</strong> sai de uma lista fixa, porque gatilho é código.
</p>
</div>
<%= link_to 'Novo evento', new_admin_evento_path, data: { turbo: false },
class: 'px-4 py-2.5 rounded-xl text-sm font-semibold bg-orange-500 text-black hover:bg-orange-400' %>
</div>
<div class="space-y-3">
<% @eventos.each do |evento| %>
<div class="bg-[#1a1a1a] rounded-2xl border border-white/5 p-5">
<div class="flex flex-wrap items-start justify-between gap-3">
<div class="min-w-0">
<p class="text-white font-bold flex items-center gap-2 flex-wrap">
<%= evento.nome %>
<span class="px-2 py-0.5 rounded-full bg-white/5 border border-white/10 text-xs text-gray-400"><%= evento.gatilho_label %></span>
<% if evento.sistema? %>
<span class="px-2 py-0.5 rounded-full bg-blue-500/15 border border-blue-500/30 text-xs text-blue-300" title="Nasce com o sistema: pode desativar, não apagar">sistema</span>
<% end %>
<% unless evento.ativo? %>
<span class="px-2 py-0.5 rounded-full bg-white/5 border border-white/10 text-xs text-gray-500">desativado</span>
<% end %>
</p>
<p class="text-sm text-gray-400 mt-1"><%= evento.descricao.presence || '—' %></p>
<p class="text-xs text-gray-500 mt-2">
<% assinantes = evento.assinaturas.select(&:ativo) %>
<% if assinantes.any? %>
Grupos: <%= assinantes.map { |a| "#{a.grupo_contato.nome} (#{a.canal_label})" }.join(' · ') %>
<% else %>
<span class="text-amber-400">Nenhum grupo assina — este evento não manda nada.</span>
<% end %>
<% if evento.agendado? %>
· <%= evento.frequencia == 'semanal' ? "toda #{Date::DAYNAMES[evento.dia_semana.to_i]}" : 'todo dia' %> às <%= format('%02d:00', evento.hora.to_i) %>
<% end %>
</p>
</div>
<div class="flex items-center gap-3 whitespace-nowrap">
<%# Editor de blocos, um por canal. O ✓ diz se já existe mensagem
montada — sem ela o evento usa o texto padrão do sistema. %>
<% %w[whatsapp email].each do |canal| %>
<% montado = evento.template_utilizavel(canal).present? %>
<%= link_to "#{montado ? '✓ ' : ''}#{canal == 'email' ? 'E-mail' : 'WhatsApp'}",
template_admin_evento_path(evento, canal: canal), data: { turbo: false },
title: montado ? 'Mensagem montada no editor' : 'Sem mensagem — usa o texto padrão',
class: "text-sm #{montado ? 'text-green-400 hover:text-green-300' : 'text-gray-400 hover:text-orange-400'}" %>
<% end %>
<span class="text-gray-700">|</span>
<%= link_to 'Editar', edit_admin_evento_path(evento), data: { turbo: false },
class: 'text-gray-300 hover:text-orange-400 text-sm' %>
<% if evento.apagavel? %>
<%= button_to 'Excluir', admin_evento_path(evento), method: :delete,
form: { data: { turbo_confirm: "Excluir o evento #{evento.nome}?" } },
class: 'text-red-400 hover:text-red-300 text-sm inline' %>
<% end %>
</div>
</div>
<%# Disparo manual: manda mensagem DE VERDADE. O texto é digitado aqui
porque o editor de blocos ainda não existe. %>
<% if evento.manual? && evento.ativo? %>
<details class="mt-4 border-t border-white/5 pt-4">
<summary class="cursor-pointer text-sm text-orange-400 hover:text-orange-300 select-none">Disparar agora</summary>
<% com_template = %w[whatsapp email].any? { |c| evento.template_utilizavel(c) } %>
<%= form_with url: disparar_admin_evento_path(evento), method: :post,
data: { turbo: false }, class: 'mt-3 space-y-3' do |f| %>
<% if com_template %>
<p class="text-xs text-green-400">
Este evento tem mensagem montada no editor — ela será usada nos canais configurados.
O texto abaixo só vale para o canal que ainda não tem mensagem própria.
</p>
<% end %>
<%= f.text_field :assunto, placeholder: 'Assunto (só e-mail)', value: evento.nome,
class: 'w-full bg-[#141414] border border-white/10 rounded-xl text-white text-sm px-3 py-2.5 focus:outline-none focus:border-orange-500' %>
<%= f.text_area :corpo, rows: 4, required: !com_template, placeholder: com_template ? 'Opcional — só para o canal sem mensagem montada' : 'Mensagem que será enviada…',
class: 'w-full bg-[#141414] border border-white/10 rounded-xl text-white text-sm px-3 py-2.5 focus:outline-none focus:border-orange-500' %>
<%= f.submit 'Enviar para os grupos assinantes',
data: { turbo_confirm: 'Isso envia mensagem de verdade para todos os contatos dos grupos assinantes. Confirmar?' },
class: 'px-4 py-2.5 rounded-xl text-sm font-semibold bg-orange-500 text-black hover:bg-orange-400 cursor-pointer' %>
<% end %>
</details>
<% end %>
</div>
<% end %>
</div>
</div>