Aggiunge filtri avanzati per i destinatari delle campagne email.
La scelta della lista passa da un wizard a tre passi, con anteprima del conteggio e lista congelata solo dopo la conferma. Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Cursor
@@ -0,0 +1,261 @@
|
||||
<%
|
||||
preset_hints = {
|
||||
"to_send" => "Chi in campagna è ancora da contattare. È la scelta giusta quasi sempre.",
|
||||
"all" => "Tutte le società del progetto, anche già inviate o clienti.",
|
||||
"test_a" => "Solo chi ha già Test A in scheda.",
|
||||
"test_b" => "Solo chi ha già Test B in scheda."
|
||||
}
|
||||
extra_parts = @filters.summary_parts.drop(1)
|
||||
compact_select = "#{input_class} h-28 py-1"
|
||||
org_open = @filters.organization_extra_active? || @open_sections.include?("organization")
|
||||
campaign_open = @filters.campaign_extra_active? || @open_sections.include?("campaign")
|
||||
history_open = @filters.history_active? || @open_sections.include?("history")
|
||||
exclude_open = @filters.exclusions_active? || @open_sections.include?("exclusions")
|
||||
%>
|
||||
|
||||
<div class="mx-auto max-w-5xl space-y-6">
|
||||
<%= render "mailings/wizard", mailing: @mailing, current: :audience %>
|
||||
|
||||
<div>
|
||||
<h1 class="text-2xl font-semibold tracking-tight">Destinatari</h1>
|
||||
<p class="mt-1 text-sm text-zinc-500">
|
||||
Scegli da dove parti, eventualmente raffina, poi genera la lista. I filtri avanzati stanno nei box sotto.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<%= form_with url: audience_mailing_path(@mailing), method: :patch, class: "grid gap-6 xl:grid-cols-[1fr_20rem]",
|
||||
data: { controller: "audience-preview", action: "change->audience-preview#refresh" } do %>
|
||||
<%= hidden_field_tag :intent, "preview", data: { audience_preview_target: "intent" } %>
|
||||
<div class="order-2 space-y-4 xl:order-1">
|
||||
<section class="<%= card_class %> space-y-4 p-4 md:p-6">
|
||||
<div>
|
||||
<h2 class="text-base font-semibold">Chi deve ricevere questa email?</h2>
|
||||
<p class="mt-1 text-sm text-zinc-500">Tre cose bastano: lista di partenza, sport, regione. Il resto è opzionale.</p>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label class="mb-1 block text-sm font-medium">Lista di partenza</label>
|
||||
<%= select_tag "filters[preset]", options_for_select(Catalog::MAILING_AUDIENCES.map { |k, v| [v, k] }, @filters.preset), class: input_class %>
|
||||
<p class="mt-1 text-xs text-zinc-500"><%= preset_hints[@filters.preset] %></p>
|
||||
</div>
|
||||
|
||||
<div class="grid gap-4 md:grid-cols-2">
|
||||
<div>
|
||||
<label class="mb-1 block text-sm font-medium">Sport</label>
|
||||
<%= hidden_field_tag "filters[sports][]", "" %>
|
||||
<%= select_tag "filters[sports][]", options_for_select(@sport_options, @filters["sports"]),
|
||||
multiple: true, size: 5, class: compact_select %>
|
||||
<p class="mt-1 text-xs text-zinc-500">Vuoto = tutti gli sport. Tieni premuto Ctrl o Cmd per più valori.</p>
|
||||
</div>
|
||||
<div>
|
||||
<label class="mb-1 block text-sm font-medium">Regione</label>
|
||||
<%= hidden_field_tag "filters[regions][]", "" %>
|
||||
<%= select_tag "filters[regions][]", options_for_select(@region_options, @filters["regions"]),
|
||||
multiple: true, size: 5, class: compact_select %>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<% if extra_parts.any? %>
|
||||
<div class="flex flex-wrap gap-1.5">
|
||||
<% extra_parts.each do |part| %>
|
||||
<span class="rounded-full bg-zinc-100 px-2.5 py-1 text-xs text-zinc-700 dark:bg-zinc-800 dark:text-zinc-200"><%= part %></span>
|
||||
<% end %>
|
||||
</div>
|
||||
<% end %>
|
||||
</section>
|
||||
|
||||
<%= render layout: "mailings/audience_disclosure", locals: {
|
||||
name: "organization",
|
||||
title: "Altri dati società",
|
||||
hint: "M/F, provincia, streaming, stato, numero in lista",
|
||||
open: org_open,
|
||||
count: @filters.organization_extra_count
|
||||
} do %>
|
||||
<div class="grid gap-4 md:grid-cols-2">
|
||||
<div>
|
||||
<label class="mb-1 block text-sm font-medium">M/F</label>
|
||||
<%= hidden_field_tag "filters[team_genders][]", "" %>
|
||||
<%= select_tag "filters[team_genders][]", options_for_select(Catalog::TEAM_GENDERS.map { |k, v| [v, k] }, @filters["team_genders"]),
|
||||
multiple: true, size: 3, class: compact_select %>
|
||||
</div>
|
||||
<div>
|
||||
<label class="mb-1 block text-sm font-medium">Provincia</label>
|
||||
<%= hidden_field_tag "filters[provinces][]", "" %>
|
||||
<%= select_tag "filters[provinces][]", options_for_select(@province_options, @filters["provinces"]),
|
||||
multiple: true, size: 4, class: compact_select %>
|
||||
</div>
|
||||
<div>
|
||||
<label class="mb-1 block text-sm font-medium">Streaming</label>
|
||||
<%= hidden_field_tag "filters[streaming_statuses][]", "" %>
|
||||
<%= select_tag "filters[streaming_statuses][]", options_for_select(Catalog::STREAMING_STATUSES.map { |k, v| [v, k] }, @filters["streaming_statuses"]),
|
||||
multiple: true, size: 4, class: compact_select %>
|
||||
</div>
|
||||
<div>
|
||||
<label class="mb-1 block text-sm font-medium">Stato organizzazione</label>
|
||||
<%= hidden_field_tag "filters[statuses][]", "" %>
|
||||
<%= select_tag "filters[statuses][]", options_for_select(Catalog::ORGANIZATION_STATUSES.map { |k, v| [v, k] }, @filters["statuses"]),
|
||||
multiple: true, size: 4, class: compact_select %>
|
||||
</div>
|
||||
<div>
|
||||
<label class="mb-1 block text-sm font-medium">N. lista da</label>
|
||||
<%= number_field_tag "filters[list_min]", @filters["list_min"], min: 1, class: input_class %>
|
||||
</div>
|
||||
<div>
|
||||
<label class="mb-1 block text-sm font-medium">N. lista a</label>
|
||||
<%= number_field_tag "filters[list_max]", @filters["list_max"], min: 1, class: input_class %>
|
||||
</div>
|
||||
</div>
|
||||
<% end %>
|
||||
|
||||
<%= render layout: "mailings/audience_disclosure", locals: {
|
||||
name: "campaign",
|
||||
title: "Campagna e trattativa",
|
||||
hint: "Stato invio, test A/B, stage, valore stimato",
|
||||
open: campaign_open,
|
||||
count: @filters.campaign_extra_count
|
||||
} do %>
|
||||
<div class="grid gap-4 md:grid-cols-2">
|
||||
<div>
|
||||
<label class="mb-1 block text-sm font-medium">Stato invio campagna</label>
|
||||
<%= hidden_field_tag "filters[send_statuses][]", "" %>
|
||||
<%= select_tag "filters[send_statuses][]", options_for_select(Catalog::SEND_STATUSES.map { |k, v| [v, k] }, @filters["send_statuses"]),
|
||||
multiple: true, size: 3, class: compact_select %>
|
||||
<p class="mt-1 text-xs text-zinc-500">Serve soprattutto se la lista di partenza è «tutte».</p>
|
||||
</div>
|
||||
<div>
|
||||
<label class="mb-1 block text-sm font-medium">Test A/B in scheda</label>
|
||||
<%= hidden_field_tag "filters[ab_variants][]", "" %>
|
||||
<%= select_tag "filters[ab_variants][]", options_for_select(Catalog::AB_VARIANTS.map { |k, v| [v, k] }, @filters["ab_variants"]),
|
||||
multiple: true, size: 2, class: compact_select %>
|
||||
</div>
|
||||
<div>
|
||||
<label class="mb-1 block text-sm font-medium">Stage pipeline</label>
|
||||
<%= hidden_field_tag "filters[pipeline_stages][]", "" %>
|
||||
<%= select_tag "filters[pipeline_stages][]", options_for_select(Catalog::PIPELINE_STAGES.map { |k, v| [v, k] }, @filters["pipeline_stages"]),
|
||||
multiple: true, size: 5, class: compact_select %>
|
||||
</div>
|
||||
<div>
|
||||
<label class="mb-1 block text-sm font-medium">Valore stimato</label>
|
||||
<%= select_tag "filters[estimated_value]", options_for_select([["Qualsiasi", "any"], ["Presente", "present"], ["Assente", "blank"]], @filters["estimated_value"]), class: input_class %>
|
||||
</div>
|
||||
</div>
|
||||
<% end %>
|
||||
|
||||
<%= render layout: "mailings/audience_disclosure", locals: {
|
||||
name: "history",
|
||||
title: "Storico email",
|
||||
hint: "Chi ha già ricevuto o aperto una campagna",
|
||||
open: history_open,
|
||||
count: @filters.history_active? ? 1 : 0
|
||||
} do %>
|
||||
<div class="grid gap-4 md:grid-cols-2">
|
||||
<div class="md:col-span-2">
|
||||
<label class="mb-1 block text-sm font-medium">Criterio</label>
|
||||
<%= select_tag "filters[history_kind]", options_for_select([
|
||||
["Nessun filtro storico", ""],
|
||||
["Mai ricevuta una campagna", "never"],
|
||||
["Ha ricevuto questa campagna", "received"],
|
||||
["Non ha ricevuto questa campagna", "not_received"],
|
||||
["Ha aperto questa campagna", "opened"],
|
||||
["Ha ricevuto ma non aperto questa campagna", "not_opened"],
|
||||
["Inviata negli ultimi N giorni", "recent"]
|
||||
], @filters.history_kind), class: input_class %>
|
||||
</div>
|
||||
<div>
|
||||
<label class="mb-1 block text-sm font-medium">Campagna</label>
|
||||
<%= select_tag "filters[history_mailing_id]",
|
||||
options_from_collection_for_select(@history_mailings, :id, :name, @filters.history_mailing_id),
|
||||
include_blank: "Scegli campagna", class: input_class %>
|
||||
</div>
|
||||
<div>
|
||||
<label class="mb-1 block text-sm font-medium">Ultimi N giorni</label>
|
||||
<%= number_field_tag "filters[history_days]", @filters.history_days, min: 1, placeholder: "30", class: input_class %>
|
||||
</div>
|
||||
</div>
|
||||
<% end %>
|
||||
|
||||
<%= render layout: "mailings/audience_disclosure", locals: {
|
||||
name: "exclusions",
|
||||
title: "Escludi dalla lista",
|
||||
hint: "Clienti, già ricevute, già aperte, invii recenti",
|
||||
open: exclude_open,
|
||||
count: @filters.exclusions_count
|
||||
} do %>
|
||||
<label class="flex min-h-11 items-center gap-3 text-sm">
|
||||
<%= hidden_field_tag "filters[exclude_customers]", "0" %>
|
||||
<%= check_box_tag "filters[exclude_customers]", "1", @filters["exclude_customers"], class: "size-5" %>
|
||||
Clienti attivi e inattivi
|
||||
</label>
|
||||
<div>
|
||||
<label class="mb-1 block text-sm font-medium">Chi ha già ricevuto</label>
|
||||
<%= hidden_field_tag "filters[exclude_received_mailing_ids][]", "" %>
|
||||
<%= select_tag "filters[exclude_received_mailing_ids][]",
|
||||
options_from_collection_for_select(@history_mailings, :id, :name, @filters["exclude_received_mailing_ids"]),
|
||||
multiple: true, size: 4, class: compact_select %>
|
||||
</div>
|
||||
<div>
|
||||
<label class="mb-1 block text-sm font-medium">Chi ha aperto</label>
|
||||
<%= hidden_field_tag "filters[exclude_opened_mailing_ids][]", "" %>
|
||||
<%= select_tag "filters[exclude_opened_mailing_ids][]",
|
||||
options_from_collection_for_select(@history_mailings, :id, :name, @filters["exclude_opened_mailing_ids"]),
|
||||
multiple: true, size: 4, class: compact_select %>
|
||||
</div>
|
||||
<div>
|
||||
<label class="mb-1 block text-sm font-medium">Chi ha ricevuto qualcosa negli ultimi N giorni</label>
|
||||
<%= number_field_tag "filters[exclude_mailed_within_days]", @filters["exclude_mailed_within_days"], min: 1, class: input_class %>
|
||||
</div>
|
||||
<% end %>
|
||||
|
||||
<div class="flex flex-col gap-2 sm:flex-row xl:hidden">
|
||||
<%= button_tag "Genera lista e rivedi", type: "submit", class: "#{btn_primary} w-full sm:w-auto",
|
||||
data: { action: "audience-preview#apply" } %>
|
||||
<%= link_to "Vai alla revisione senza rigenerare", @mailing, class: "#{btn_secondary} w-full sm:w-auto" %>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<aside class="order-1 space-y-4 self-start xl:sticky xl:top-4 xl:order-2">
|
||||
<div class="<%= card_class %> p-4">
|
||||
<div class="text-xs uppercase tracking-wide text-zinc-500">Corrispondenze</div>
|
||||
<% if @audience_counts[:with_email].zero? %>
|
||||
<div class="mt-1 text-3xl font-semibold tabular-nums">0</div>
|
||||
<p class="mt-1 text-sm text-amber-800 dark:text-amber-200">Nessuna società con email. Allarga i filtri.</p>
|
||||
<% else %>
|
||||
<div class="mt-1 text-3xl font-semibold tabular-nums"><%= @audience_counts[:with_email] %></div>
|
||||
<p class="mt-1 text-sm text-zinc-500">
|
||||
<%= @audience_counts[:with_email] == 1 ? "società con email valida" : "società con email valida" %>
|
||||
su <%= @audience_counts[:total] %>
|
||||
</p>
|
||||
<% end %>
|
||||
<% if @mailing.mailing_recipients.any? %>
|
||||
<p class="mt-3 text-xs text-zinc-500">
|
||||
Lista già generata: <%= @mailing.pending_count %> da inviare.
|
||||
Generando di nuovo la sostituisci.
|
||||
</p>
|
||||
<% else %>
|
||||
<p class="mt-3 text-xs text-zinc-500">La lista si congela solo quando premi genera.</p>
|
||||
<% end %>
|
||||
|
||||
<div class="mt-4 hidden flex-col gap-2 xl:flex">
|
||||
<%= button_tag "Genera lista e rivedi", type: "submit", class: "#{btn_primary} w-full",
|
||||
data: { action: "audience-preview#apply" } %>
|
||||
<%= link_to "Vai alla revisione senza rigenerare", @mailing, class: "#{btn_secondary} w-full" %>
|
||||
</div>
|
||||
</div>
|
||||
<div class="<%= card_class %> p-4">
|
||||
<h2 class="text-sm font-semibold">Anteprima</h2>
|
||||
<ul class="mt-3 space-y-2 text-sm">
|
||||
<% @audience_preview.each do |org| %>
|
||||
<li>
|
||||
<div class="font-medium"><%= org.name %></div>
|
||||
<div class="text-xs text-zinc-500"><%= [org.sport, org.region, org.list_position].compact.join(" · ") %></div>
|
||||
</li>
|
||||
<% end %>
|
||||
<% if @audience_preview.empty? %>
|
||||
<li class="text-zinc-500">Nessuna organizzazione con questi filtri.</li>
|
||||
<% end %>
|
||||
</ul>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
<% end %>
|
||||
</div>
|
||||
Reference in New Issue
Block a user