Add Translations

mix phx.gen.live Translations Translation translations \
  lang:string title:string teaser:text content:map \
  date:utc_datetime user_id:references:users \
  public:boolean unauthorized:boolean article_id:references:articles

lib/outlook_web/live/translation_live/show.html.heex

@@ -0,0 +1,32 @@
+<.header>
+  Translation <%= @translation.id %>
+  <:subtitle>This is a translation record from your database.</:subtitle>
+  <:actions>
+    <.link patch={~p"/translations/#{@translation}/show/edit"} phx-click={JS.push_focus()}>
+      <.button>Edit translation</.button>
+    </.link>
+  </:actions>
+</.header>
+
+<.list>
+  <:item title="Lang"><%= @translation.lang %></:item>
+  <:item title="Title"><%= @translation.title %></:item>
+  <:item title="Teaser"><%= @translation.teaser %></:item>
+  <:item title="Content"><%= @translation.content %></:item>
+  <:item title="Date"><%= @translation.date %></:item>
+  <:item title="Public"><%= @translation.public %></:item>
+  <:item title="Unauthorized"><%= @translation.unauthorized %></:item>
+</.list>
+
+<.back navigate={~p"/translations"}>Back to translations</.back>
+
+<.modal :if={@live_action == :edit} id="translation-modal" show on_cancel={JS.patch(~p"/translations/#{@translation}")}>
+  <.live_component
+    module={OutlookWeb.TranslationLive.FormComponent}
+    id={@translation.id}
+    title={@page_title}
+    action={@live_action}
+    translation={@translation}
+    navigate={~p"/translations/#{@translation}"}
+  />
+</.modal>