phoenixRealWorld/lib/phoenixRealWorld_web/live/article_live/show.html.heex
2025-04-19 18:54:30 +09:00

33 lines
1 KiB
Text

<.header>
<:subtitle>This is a article record from your database.</:subtitle>
<!--変更 ログインしているかどうか&ログインユーザーと記事の作者が同じかどうか-->
<:actions :if={@current_user && @current_user.id == @article.author.id}>
<.link patch={~p"/articles/#{@article}/edit"} phx-click={JS.focus()}>
<button>Edit article</button>
</.link>
<.link phx-click={JS.push("delete")} data-confirm="Are you sure?">
<button>Delete article</button>
</.link>
</:actions>
</.header>
</:actions>
</.header>
<.list>
<:item title="Title">{@article.title}</:item>
<:item title="Body">{@article.body}</:item>
</.list>
<.back navigate={~p"/articles"}>Back to articles</.back>
<.modal :if={@live_action == :edit} id="article-modal" show on_cancel={JS.patch(~p"/articles/#{@article}")}>
<.live_component
module={PhoenixRealWorldWeb.ArticleLive.FormComponent}
id={@article.id}
title={@page_title}
action={@live_action}
article={@article}
patch={~p"/articles/#{@article}"}
/>
</.modal>