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

Update editing translation

Browse Source
This commit is contained in:
Thelonius Kort
2023-01-09 21:35:35 +01:00
parent 71e6a8da60
commit 33ed533a1a
10 changed files with 111 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
lib/outlook_web/components/html_doc_component.ex
View File

@ -19,15 +19,15 @@ defmodule OutlookWeb.HtmlDocComponent do
def dnode(%{node: %{status: status}} = assigns) do
~H"""
<span class="tunit" uuid={@node.uuid}>
<.dynamic_tag name="span" class="tunit" uuid={@node.uuid} {Map.get(@node.eph, :attributes, %{})}>
<%= @node.content |> raw %>
</span>
</.dynamic_tag>
"""
end
def dnode(assigns) when assigns.node.type == :element do
~H"""
<.dynamic_tag name={@node.name} uuid={@node.uuid}>
<.dynamic_tag name={@node.name} uuid={@node.uuid} {Map.get(@node.eph, :attributes, %{})}>
<%= for child_node <- @node.content do %>
<.dnode node={child_node} />
<% end %>

2
lib/outlook_web/components/layouts/app.html.heex
View File

@ -36,7 +36,7 @@
</div>
</header>
<main class="px-4 py-20 sm:px-6 lg:px-8">
<div class="mx-auto max-w-2xl">
<div class="mx-auto max-w-4xl">
<.flash kind={:info} title="Success!" flash={@flash} />
<.flash kind={:error} title="Error!" flash={@flash} />
<.flash

2
lib/outlook_web/components/layouts/root.html.heex
View File

@ -11,7 +11,7 @@
<script defer phx-track-static type="text/javascript" src={~p"/assets/app.js"}>
</script>
</head>
<body class="bg-white antialiased">
<body class="bg-white antialiased max-h-screen">
<ul>
<%= if @current_user do %>
<li>

2
lib/outlook_web/components/tunit_editor_component.ex
View File

@ -30,7 +30,7 @@ defmodule OutlookWeb.TunitEditorComponent do
<%= @current_tunit.content |> raw %>
</div> --%>
<form phx-change="update_current_tunit" phx-target={@target} disabled={@disabled}>
<textarea name="content" class="h-48 rounded border-slate-500 resize-none"><%= @current_tunit.content %></textarea>
<textarea name="content" class="h-48 rounded border-slate-500 resize-none w-full"><%= @current_tunit.content %></textarea>
</form>
</div>
<div class="grid grid-cols-scheise gap-3">

25
lib/outlook_web/live/translation_live/form_component.ex
View File

@ -7,8 +7,8 @@ defmodule OutlookWeb.TranslationLive.FormComponent do
@impl true
def render(assigns) do
~H"""
<div class="flex">
<div>
<div class="flex gap-8 max-h-fit">
<div class="basis-1/2 overflow-auto">
<.header>
<%= @title %>
<:subtitle>Use this form to manage translation records in your database.</:subtitle>
@ -29,19 +29,21 @@ defmodule OutlookWeb.TranslationLive.FormComponent do
<.input field={{f, :teaser}} type="textarea" label="teaser" class="h-28" />
<%!-- <.input field={{f, :content}} type="text" label="content" /> --%>
<.input field={{f, :date}} type="datetime-local" label="date" />
<.input field={{f, :public}} type="checkbox" label="public" />
<.input field={{f, :unauthorized}} type="checkbox" label="unauthorized" />
<div class="flex items-center justify-between">
<.input field={{f, :public}} type="checkbox" label="public" />
<.input field={{f, :unauthorized}} type="checkbox" label="unauthorized" />
</div>
<:actions>
<.button phx-disable-with="Saving...">Save Translation</.button>
</:actions>
</.simple_form>
<.tunit_editor current_tunit={@current_tunit} target={@myself} />
</div>
<div class="article">
</div>
<div class="article basis-1/2 overflow-auto">
<.button phx-disable-with="Translating..." phx-click="translate-deepl" phx-target={@myself}
data-confirm-not="Are you sure? All previously translated text will be lost.">Translate with Deepl</.button>
<progress :if={@deepl_progress} max="100" value={@deepl_progress} />
<.render_doc tree={@translation.article.content} />
<.render_doc tree={@article_tree} />
</div>
</div>
"""
@ -56,6 +58,7 @@ defmodule OutlookWeb.TranslationLive.FormComponent do
|> assign(assigns)
|> assign(:current_tunit, nil)
|> assign(:changeset, changeset)
|> assign_article_tree(translation)
|> assign(:deepl_progress, nil)}
end
@ -125,6 +128,14 @@ defmodule OutlookWeb.TranslationLive.FormComponent do
end
defp update_current_tunit(socket), do: socket
defp assign_article_tree(socket, translation) do
socket
|> assign(
:article_tree,
InternalTree.garnish(translation.article.content,
%{tunits: %{phx: %{click: "select_current_tunit", target: socket.assigns.myself}}}))
end
defp update_translation_with_current_tunit(socket) do
translation_content = if socket.assigns.current_tunit do
socket.assigns.translation_content

7
lib/outlook_web/live/translation_live/new_edit.ex
View File

@ -11,9 +11,9 @@ defmodule OutlookWeb.TranslationLive.NewEdit do
def render(assigns) do
~H"""
<.live_component
module={OutlookWeb.TranslationLive.FormComponent}
module={FormComponent}
id={@form_cmpnt_id}
title="New Translation"
title={@page_title}
action={@live_action}
translation={@translation}
translation_content={@translation_content}
@ -62,4 +62,7 @@ defmodule OutlookWeb.TranslationLive.NewEdit do
send_update(self(), FormComponent, deepl_translation: payload, id: @form_cmpnt_id)
{:noreply, socket}
end
defp page_title(:new), do: "New Translation"
defp page_title(:edit), do: "Edit Translation"
end