<.header> Listing Articles <:actions :if={@current_user}> <.link patch={~p"/articles/new"}> <.button>New Article <.table id="articles" rows={@streams.articles} row_click={fn {_id, article} -> JS.navigate(~p"/articles/#{article}") end} > <:col :let={{_id, article}} label="Title">{article.title} <:col :let={{_id, article}} label="Body">{article.body} <:action :let={{_id, article}}>
<.link navigate={~p"/articles/#{article}"}>Show
<.link patch={~p"/articles/#{article}/edit"}>Edit <:action :let={{id, article}}> <.link phx-click={JS.push("delete", value: %{id: article.id}) |> hide("##{id}")} data-confirm="Are you sure?" > Delete <.modal :if={@live_action in [:new, :edit]} id="article-modal" show on_cancel={JS.patch(~p"/articles")}> <.live_component module={PhoenixRealWorldWeb.ArticleLive.FormComponent} id={@article.id || :new} title={@page_title} action={@live_action} article={@article} patch={~p"/articles"} />