phoenixRealWorld/lib/phoenixRealWorld_web/live/article_live/index.html.heex
2025-04-19 17:21:36 +09:00

43 lines
1.2 KiB
Text

<.header>
Listing Articles
<:actions :if={@current_user}>
<.link patch={~p"/articles/new"}>
<.button>New Article</.button>
</.link>
</:actions>
</.header>
<.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>
<:col :let={{_id, article}} label="Body">{article.body}</:col>
<:action :let={{_id, article}}>
<div class="sr-only">
<.link navigate={~p"/articles/#{article}"}>Show</.link>
</div>
<%!-- <.link patch={~p"/articles/#{article}/edit"}>Edit</.link> --%>
</:action>
<%!-- <:action :let={{id, article}}>
<.link
phx-click={JS.push("delete", value: %{id: article.id}) |> hide("##{id}")}
data-confirm="Are you sure?"
>
Delete
</.link>
</:action> --%>
</.table>
<.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}
current_user={@current_user}
patch={~p"/articles"}
/>
</.modal>