memEx/lib/memex_web/components/pipelines_table_component.ex

144 lines
3.6 KiB
Elixir
Raw Normal View History

2022-11-24 14:31:16 -05:00
defmodule MemexWeb.Components.PipelinesTableComponent do
@moduledoc """
A component that displays a list of pipelines
"""
use MemexWeb, :live_component
alias Ecto.UUID
2022-11-27 21:18:35 -05:00
alias Memex.{Accounts.User, Pipelines.Pipeline}
2022-11-24 14:31:16 -05:00
alias Phoenix.LiveView.{Rendered, Socket}
@impl true
@spec update(
%{
required(:id) => UUID.t(),
required(:current_user) => User.t(),
required(:pipelines) => [Pipeline.t()],
optional(any()) => any()
},
Socket.t()
) :: {:ok, Socket.t()}
def update(%{id: _id, pipelines: _pipelines, current_user: _current_user} = assigns, socket) do
socket =
socket
|> assign(assigns)
|> assign_new(:actions, fn -> [] end)
|> display_pipelines()
{:ok, socket}
end
defp display_pipelines(
%{
assigns: %{
pipelines: pipelines,
current_user: current_user,
actions: actions
}
} = socket
) do
columns =
if actions == [] or current_user |> is_nil() do
[]
else
[%{label: nil, key: :actions, sortable: false}]
end
columns = [
2022-11-26 14:51:18 -05:00
%{label: gettext("slug"), key: :slug},
2022-11-24 14:31:16 -05:00
%{label: gettext("description"), key: :description},
%{label: gettext("tags"), key: :tags},
%{label: gettext("visibility"), key: :visibility}
| columns
]
rows =
pipelines
|> Enum.map(fn pipeline ->
pipeline
|> get_row_data_for_pipeline(%{
columns: columns,
current_user: current_user,
actions: actions
})
end)
socket |> assign(columns: columns, rows: rows)
end
@impl true
def render(assigns) do
~H"""
<div class="w-full">
<.live_component
module={MemexWeb.Components.TableComponent}
id={@id}
columns={@columns}
rows={@rows}
/>
</div>
"""
end
@spec get_row_data_for_pipeline(Pipeline.t(), additional_data :: map()) :: map()
defp get_row_data_for_pipeline(pipeline, %{columns: columns} = additional_data) do
columns
|> Map.new(fn %{key: key} ->
{key, get_value_for_key(key, pipeline, additional_data)}
end)
end
@spec get_value_for_key(atom(), Pipeline.t(), additional_data :: map()) ::
any() | {any(), Rendered.t()}
2022-11-26 14:51:18 -05:00
defp get_value_for_key(:slug, %{slug: slug}, _additional_data) do
assigns = %{slug: slug}
2022-11-24 14:31:16 -05:00
2022-11-26 14:51:18 -05:00
slug_block = ~H"""
2023-03-14 23:51:50 -04:00
<.link navigate={Routes.pipeline_show_path(Endpoint, :show, @slug)} class="link">
2022-11-26 14:51:18 -05:00
<%= @slug %>
2022-11-24 14:31:16 -05:00
</.link>
"""
2022-11-26 14:51:18 -05:00
{slug, slug_block}
2022-11-24 14:31:16 -05:00
end
defp get_value_for_key(:description, %{description: description}, _additional_data) do
assigns = %{description: description}
description_block = ~H"""
<div class="truncate max-w-sm">
<%= @description %>
</div>
"""
{description, description_block}
end
defp get_value_for_key(:tags, %{tags: tags}, _additional_data) do
2022-12-15 22:33:10 -05:00
assigns = %{tags: tags}
~H"""
<div class="flex flex-wrap justify-center space-x-1">
2023-02-04 11:29:06 -05:00
<.link
:for={tag <- @tags}
patch={Routes.pipeline_index_path(Endpoint, :search, tag)}
class="link"
>
<%= tag %>
</.link>
2022-12-15 22:33:10 -05:00
</div>
"""
2022-11-24 14:31:16 -05:00
end
defp get_value_for_key(:actions, pipeline, %{actions: actions}) do
assigns = %{actions: actions, pipeline: pipeline}
~H"""
<div class="flex justify-center items-center space-x-4">
<%= render_slot(@actions, @pipeline) %>
</div>
"""
end
defp get_value_for_key(key, pipeline, _additional_data), do: pipeline |> Map.get(key)
end