mirror of
https://github.com/plausible/analytics.git
synced 2024-12-24 01:54:34 +03:00
104 lines
3.3 KiB
Elixir
104 lines
3.3 KiB
Elixir
defmodule PlausibleWeb.Live.FunnelSettings do
|
|
@moduledoc """
|
|
LiveView allowing listing, creating and deleting funnels.
|
|
"""
|
|
use Phoenix.LiveView
|
|
use Phoenix.HTML
|
|
|
|
use Plausible.Funnel
|
|
|
|
alias Plausible.{Sites, Goals, Funnels}
|
|
|
|
def mount(
|
|
_params,
|
|
%{"site_id" => _site_id, "domain" => domain, "current_user_id" => user_id},
|
|
socket
|
|
) do
|
|
true = Plausible.Funnels.enabled_for?("user:#{user_id}")
|
|
|
|
site = Sites.get_for_user!(user_id, domain, [:owner, :admin, :super_admin])
|
|
|
|
funnels = Funnels.list(site)
|
|
goal_count = Goals.count(site)
|
|
|
|
{:ok,
|
|
assign(socket,
|
|
site_id: site.id,
|
|
domain: site.domain,
|
|
funnels: funnels,
|
|
goal_count: goal_count,
|
|
add_funnel?: false,
|
|
current_user_id: user_id
|
|
)}
|
|
end
|
|
|
|
# Flash sharing with live views within dead views can be done via re-rendering the flash partial.
|
|
# Normally, we'd have to use live_patch which we can't do with views unmounted at the router it seems.
|
|
def render(assigns) do
|
|
~H"""
|
|
<div id="funnel-settings-main">
|
|
<.live_component id="embedded_liveview_flash" module={PlausibleWeb.Live.Flash} flash={@flash} />
|
|
<%= if @add_funnel? do %>
|
|
<%= live_render(
|
|
@socket,
|
|
PlausibleWeb.Live.FunnelSettings.Form,
|
|
id: "funnels-form",
|
|
session: %{
|
|
"current_user_id" => @current_user_id,
|
|
"domain" => @domain
|
|
}
|
|
) %>
|
|
<% else %>
|
|
<div :if={@goal_count >= Funnel.min_steps()}>
|
|
<.live_component
|
|
module={PlausibleWeb.Live.FunnelSettings.List}
|
|
id="funnels-list"
|
|
funnels={@funnels}
|
|
/>
|
|
<button type="button" class="button mt-6" phx-click="add-funnel">+ Add Funnel</button>
|
|
</div>
|
|
|
|
<div :if={@goal_count < Funnel.min_steps()}>
|
|
<PlausibleWeb.Components.Generic.notice class="mt-4" title="Not enough goals">
|
|
You need to define at least two goals to create a funnel. Go ahead and <%= link(
|
|
"add goals",
|
|
to: PlausibleWeb.Router.Helpers.site_path(@socket, :settings_goals, @domain),
|
|
class: "text-indigo-500 w-full text-center"
|
|
) %> to proceed.
|
|
</PlausibleWeb.Components.Generic.notice>
|
|
</div>
|
|
<% end %>
|
|
</div>
|
|
"""
|
|
end
|
|
|
|
def handle_event("add-funnel", _value, socket) do
|
|
{:noreply, assign(socket, add_funnel?: true)}
|
|
end
|
|
|
|
def handle_event("cancel-add-funnel", _value, socket) do
|
|
{:noreply, assign(socket, add_funnel?: false)}
|
|
end
|
|
|
|
def handle_event("delete-funnel", %{"funnel-id" => id}, socket) do
|
|
site =
|
|
Sites.get_for_user!(socket.assigns.current_user_id, socket.assigns.domain, [:owner, :admin])
|
|
|
|
id = String.to_integer(id)
|
|
:ok = Funnels.delete(site, id)
|
|
socket = put_flash(socket, :success, "Funnel deleted successfully")
|
|
Process.send_after(self(), :clear_flash, 5000)
|
|
{:noreply, assign(socket, funnels: Enum.reject(socket.assigns.funnels, &(&1.id == id)))}
|
|
end
|
|
|
|
def handle_info({:funnel_saved, funnel}, socket) do
|
|
socket = put_flash(socket, :success, "Funnel saved successfully")
|
|
Process.send_after(self(), :clear_flash, 5000)
|
|
{:noreply, assign(socket, add_funnel?: false, funnels: [funnel | socket.assigns.funnels])}
|
|
end
|
|
|
|
def handle_info(:clear_flash, socket) do
|
|
{:noreply, clear_flash(socket)}
|
|
end
|
|
end
|