memEx/lib/memex_web/live/pipeline_live/index.html.heex

<div class="mx-auto flex flex-col justify-center items-start space-y-4 max-w-3xl">
  <h1 class="text-xl">
    <%= gettext("pipelines") %>
  </h1>

  <.form
    :let={f}
    for={:search}
    phx-change="search"
    phx-submit="search"
    class="self-stretch flex flex-col items-stretch"
  >
    <%= text_input(f, :search_term,
      class: "input input-primary",
      value: @search,
      phx_debounce: 300,
      placeholder: gettext("search")
    ) %>
  </.form>

  <%= if @pipelines |> Enum.empty?() do %>
    <h1 class="self-center text-primary-500">
      <%= gettext("no pipelines found") %>
    </h1>
  <% else %>
    <.live_component
      module={MemexWeb.Components.PipelinesTableComponent}
      id="pipelines-index-table"
      current_user={@current_user}
      pipelines={@pipelines}
    >
      <:actions :let={pipeline}>
        <%= if is_owner?(pipeline, @current_user) do %>
          <.link
            patch={Routes.pipeline_index_path(@socket, :edit, pipeline.slug)}
            data-qa={"pipeline-edit-#{pipeline.id}"}
          >
            <%= dgettext("actions", "edit") %>
          </.link>
        <% end %>
        <%= if is_owner_or_admin?(pipeline, @current_user) do %>
          <.link
            href="#"
            phx-click="delete"
            phx-value-id={pipeline.id}
            data-confirm={dgettext("prompts", "are you sure?")}
            data-qa={"delete-pipeline-#{pipeline.id}"}
          >
            <%= dgettext("actions", "delete") %>
          </.link>
        <% end %>
      </:actions>
    </.live_component>
  <% end %>

  <%= if @current_user do %>
    <.link patch={Routes.pipeline_index_path(@socket, :new)} class="self-end btn btn-primary">
      <%= dgettext("actions", "new pipeline") %>
    </.link>
  <% end %>
</div>

<%= if @live_action in [:new, :edit] do %>
  <.modal return_to={Routes.pipeline_index_path(@socket, :index)}>
    <.live_component
      module={MemexWeb.PipelineLive.FormComponent}
      id={@pipeline.id || :new}
      current_user={@current_user}
      title={@page_title}
      action={@live_action}
      pipeline={@pipeline}
      return_to={Routes.pipeline_index_path(@socket, :index)}
    />
  </.modal>
<% end %>