Supply related-asset URLs/name and public inline-image CSS

RelatedAssetsController#create's JSON includes large_url,
original_url, and name alongside thumb_url/url; the related-asset
list items in both editors carry them as data-large-url,
data-original-url, and data-name.

ccc.css gets the public-facing .inline-image--full/--half/--left/
--right rules -- admin.css and TinyMCE's content_style cover the
cockpit and in-editor renderings respectively.

1 files changed, 9 insertions, 0 deletions

diff --git a/app/views/page_translations/edit.html.erb b/app/views/page_translations/edit.html.erb
index 0f64d400..00bf221e 100644
--- a/app/views/page_translations/edit.html.erb
+++ b/app/views/page_translations/edit.html.erb
@@ -20,6 +20,15 @@
 </div>
 
 <div id="page_editor">
+  <ul id="related_asset_list" style="display:none">
+    <% @page.related_assets.includes(:asset).each do |related| %>
+      <li data-large-url="<%= related.asset.upload.url(:large) %>"
+          data-original-url="<%= related.asset.upload.url %>"
+          data-name="<%= related.asset.name %>">
+        <%= image_tag related.asset.upload.url(:thumb) %>
+      </li>
+    <% end %>
+  </ul>
   <%= form_with url: node_translation_path(@node, @locale), method: :patch, local: true, id: "translation_edit_form",
         data: { autosave_url: autosave_node_translation_path(@node, @locale), show_url: node_path(@node) } do |f| %>
     <div id="content">