summaryrefslogtreecommitdiff
path: root/app/views/page_translations/edit.html.erb
blob: 20ec1c9ae0777ab829a204072b3a4fd4c5242c57 (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
<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 standalone_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 id="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 id="edit_grid">
      <div id="content">
        <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 class="layout_row_label"><%= Page.human_attribute_name(:abstract) %></div>
        <div class="layout_row_content">
          <%= text_area_tag "page[abstract]", @translation&.abstract %>
        </div>

        <div class="layout_row_label"><%= Page.human_attribute_name(:body) %></div>
        <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>
  <% end %>
</div>