summaryrefslogtreecommitdiff
path: root/app/views/page_translations/edit.html.erb
blob: 0172a501634e2b19b693ef0a545ff9e1d9d9e417 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
<div class="translation_banner">
  <%= t(".editing_prefix") %> <strong><%= @locale.to_s.upcase %></strong> <%= t(".translation_of") %> <strong><%= title_for_node(@node) %></strong>.
</div>

<p class="node_action_bar"><%= link_to t("page_translations.revision_history_link"), node_revisions_path(@node, :translation_locale => @locale) %></p>

<p class="field_hint">
  <%= t(".metadata_hint_prefix") %> <%= link_to t(".metadata_hint_link"), edit_node_path(@node) %>.
</p>

<div class="node_action_bar">
  <%= button_to t("nodes.edit.unlock_back"), unlock_node_path(@node), method: :put,
        form: { class: 'button_to state_changing' },
        disabled: @node.autosave.present? %>
  <%= submit_tag t(".save_translation", :lang => @locale.to_s.upcase), form: "translation_edit_form" %>
  <%= submit_tag t("nodes.edit.save_unlock_exit"), name: "unlock_exit", form: "translation_edit_form" %>
  <%= link_to t("nodes.edit.preview"), preview_page_path(@page, :locale => @locale), target: "_blank", rel: "noopener", class: "preview_link" %>
</div>

<div class="admin_layout">
  <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 class="layout_row">
      <div class="layout_row_label"><%= Page.human_attribute_name(:title) %></div>
      <div class="layout_row_content">
        <%= text_field_tag "page[title]", @translation&.title %>
      </div>
    </div>

    <div class="layout_row">
      <div class="layout_row_label"><%= Page.human_attribute_name(:abstract) %></div>
      <div class="layout_row_content">
        <%= text_area_tag "page[abstract]", @translation&.abstract %>
      </div>
    </div>

    <div id="body_field">
      <div class="layout_row">
        <div class="layout_row_label"><%= Page.human_attribute_name(:body) %></div>
        <div class="layout_row_content">
          <div class="body_toolbar_row">
            <button type="button" id="preview_toggle" class="view_toggle" aria-pressed="false" aria-label="<%= t("admin.common.toggle_preview") %>" title="<%= t("admin.common.toggle_preview") %>">
              <%= icon("layout-sidebar-right", library: "tabler", "aria-hidden": true) %> <span><%= t("nodes.edit.live_preview") %></span>
            </button>
            <button type="button" id="preview_force_render" class="view_toggle" style="display:none" aria-label="<%= t("admin.common.force_render") %>" title="<%= t("admin.common.force_render") %>">
              <%= icon("refresh", library: "tabler", "aria-hidden": true) %> <span><%= t("nodes.edit.force_refresh") %></span>
            </button>
          </div>

          <div id="editor_and_preview">
            <div class="preview_content">
              <div class="layout_row_content">
                <%= text_area_tag "page[body]", @translation&.body, :class => 'with_editor' %>
              </div>
            </div>
            <div id="preview_panel" style="display:none">
              <iframe id="live_preview_iframe" title="<%= t("nodes.edit.live_preview") %>" data-src="<%= preview_page_path(@page, :locale => @locale) %>"></iframe>
            </div>
          </div>
        </div>
      </div>
    </div>
  <% end %>
</div>