thelonius/phoenix-ausblick
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Add listing translation with article

Browse Source
This commit is contained in:
Thelonius Kort
2023-01-14 21:51:04 +01:00
parent b7db9cdd8e
commit 3b1c1d04a1
3 changed files with 32 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
lib/outlook_web/live/article_live/show.ex
View File

@ -14,7 +14,7 @@ defmodule OutlookWeb.ArticleLive.Show do
{:noreply,
socket
|> assign(:page_title, page_title(socket.assigns.live_action))
|> assign(:article, Articles.get_article!(id))}
|> assign(:article, Articles.get_article_with_translations!(id))}
end
defp page_title(:show), do: "Show Article"

28
lib/outlook_web/live/article_live/show.html.heex
View File

@ -10,13 +10,35 @@
<.link patch={~p"/articles/#{@article}/show/edit"} phx-click={JS.push_focus()}>
<.button>Edit article</.button>
</.link>
<.link patch={~p"/translations/new?article_id=#{@article}"}>
<.button>New Translation</.button>
</.link>
</:actions>
</.header>
<.table id="translations" rows={@article.translations} row_click={&JS.navigate(~p"/translations/#{&1}")}>
<:col :let={translation} label="Lang"><%= translation.lang %></:col>
<:col :let={translation} label="Title"><%= translation.title %></:col>
<:col :let={translation} label="Teaser"><%= translation.teaser %></:col>
<:col :let={translation} label="Date"><%= translation.date %></:col>
<:col :let={translation} label="Public"><%= translation.public %></:col>
<:action :let={translation}>
<div class="sr-only">
<.link navigate={~p"/translations/#{translation}"}>Show</.link>
</div>
<.link navigate={~p"/translations/#{translation}/edit"}>Edit</.link>
</:action>
<%!-- <:action :let={translation}>
<.link phx-click={JS.push("delete", value: %{id: translation.id})} data-confirm="Are you sure?">
Delete
</.link>
</:action> --%>
</.table>
<div class="article">
<a href="#" class="show-link" phx-click={JS.add_class("show-boundary", to: ".article")}>show boundaries</a>
<a href="#" class="hide-link" phx-click={JS.remove_class("show-boundary", to: ".article")}>hide boundaries</a>
<%= InternalTree.render_html(@article.content) |> raw %>
<a href="#" class="show-link" phx-click={JS.add_class("show-boundary", to: ".article")}>show boundaries</a>
<a href="#" class="hide-link" phx-click={JS.remove_class("show-boundary", to: ".article")}>hide boundaries</a>
<.render_doc tree={@article.content} />
</div>
<.link navigate={~p"/translations/new?article_id=#{@article.id}"}>New Translation</.link>