alchemy_cms 5.3.4 → 6.0.0.b1

data/app/views/alchemy/admin/partials/_routes.html.erb

@@ -5,33 +5,22 @@
       return '<%= alchemy.admin_picture_path(id: 1) %>'.replace(/1/, id);
     },
 
-    admin_trash_path: function(page_id) {
-      var url = '<%= alchemy.admin_trash_path %>';
-      if (page_id) url += '?page_id=' + page_id;
-      return url;
-    },
-
     fold_admin_element_path: function(id) {
       return '<%= alchemy.fold_admin_element_path(id: 1) %>'.replace(/1/, id);
     },
 
-    toggle_folded_api_node_path: function(id) {
-      return '<%= alchemy.toggle_folded_api_node_path(id: 1) %>'.replace(/1/, id);
-    },
-
-    move_api_node_path: function(id) {
-      return '<%= alchemy.move_api_node_path(id: 1) %>'.replace(/1/, id);
-    },
-
-    move_admin_page_path: function(id) {
-      return '<%= alchemy.move_api_page_path(id: 1) %>'.replace(/1/, id);
-    },
+    node: {
+      toggle_folded_api_path: function(id) {
+        return '<%= alchemy.toggle_folded_api_node_path(id: 1) %>'.replace(/1/, id);
+      },
 
-    fold_admin_page_path: function(id) {
-      return '<%= alchemy.fold_admin_page_path(id: 1) %>'.replace(/1/, id);
+      move_api_path: function(id) {
+        return '<%= alchemy.move_api_node_path(id: 1) %>'.replace(/1/, id);
+      },
     },
 
     order_admin_elements_path: '<%= alchemy.order_admin_elements_path %>',
+    order_admin_pages_path: '<%= alchemy.order_admin_pages_path %>',
     link_admin_pages_path: '<%= alchemy.link_admin_pages_path %>',
     api_pages_path: '<%= alchemy.api_pages_path %>',
     api_elements_path: '<%= alchemy.api_elements_path %>'

data/app/views/alchemy/admin/pictures/_filter_and_size_bar.html.erb

@@ -8,8 +8,7 @@
       redirect_url: alchemy.admin_pictures_path(
         size: search_filter_params[:size],
         filter: 'last_upload',
-        content_id: @content.try(:id),
-        element_id: @element.try(:id)
+        form_field_id: @form_field_id
       ) %>
     <div class="toolbar_spacer"></div>
   <% end %>
@@ -19,8 +18,7 @@
         render_icon('search-minus'),
         alchemy.admin_pictures_path({
           size: "small",
-          content_id: @content,
-          element_id: @element,
+          form_field_id: @form_field_id,
           q: search_filter_params[:q],
           filter: search_filter_params[:filter],
           tagged_with: search_filter_params[:tagged_with]
@@ -35,8 +33,7 @@
         render_icon('search'),
         alchemy.admin_pictures_path({
           size: "medium",
-          content_id: @content,
-          element_id: @element,
+          form_field_id: @form_field_id,
           q: search_filter_params[:q],
           filter: search_filter_params[:filter],
           tagged_with: search_filter_params[:tagged_with]
@@ -51,8 +48,7 @@
         render_icon('search-plus'),
         alchemy.admin_pictures_path({
           size: "large",
-          content_id: @content,
-          element_id: @element,
+          form_field_id: @form_field_id,
           q: search_filter_params[:q],
           filter: search_filter_params[:filter],
           tagged_with: search_filter_params[:tagged_with]

data/app/views/alchemy/admin/pictures/_infos.html.erb

@@ -44,7 +44,6 @@
                     <% end %>
                     <p>
                       <%== Alchemy.t(:pictures_in_page, page: page_link, pictures: pictures) %>
-                      <em><%= Alchemy::Element.human_attribute_name(:trashed) if element.trashed? %></em>
                     </p>
                   </li>
                 <% end %>

data/app/views/alchemy/admin/pictures/_picture_to_assign.html.erb

@@ -1,12 +1,12 @@
-<div class="picture_thumbnail assign_image_list_detail <%= size.blank? ? 'medium' : size %>" name="<%= picture_to_assign.name %>" id="picture_to_assign_<%= picture_to_assign.id %>">
+<div class="picture_thumbnail assign_image_list_detail <%= size.blank? ? 'medium' : size %>" name="<%= picture_to_assign.name %>" id="assignable_<%= picture_to_assign.id %>">
   <%= link_to(
     image_tag(
       picture_to_assign.url(size: preview_size(size), flatten: true) || "alchemy/missing-image.svg",
       alt: picture_to_assign.name
     ),
-    alchemy.assign_admin_essence_pictures_path(
-      picture_id: picture_to_assign.id,
-      content_id: @content
+    alchemy.assign_admin_picture_path(
+      id: picture_to_assign.id,
+      form_field_id: @form_field_id
     ),
     remote: true,
     onclick: '$(self).attr("href", "#").off("click"); return false',

data/app/views/alchemy/admin/pictures/assign.js.erb

@@ -0,0 +1,10 @@
+(function () {
+  var $form_field = $("#<%= @form_field_id -%>")
+  $("#assignable_<%= @assignable_id %> a").attr("href", "#").off("click")
+  $form_field.val("<%= @assignable_id %>")
+  $form_field.attr("data-image-file-width", <%= @picture.image_file_width %>)
+  $form_field.attr("data-image-file-height", <%= @picture.image_file_height %>)
+  Alchemy.closeCurrentDialog(function() {
+    Alchemy.setElementDirty($form_field.closest(".element-editor"))
+  })
+})()

data/app/views/alchemy/admin/resources/_form.html.erb

@@ -2,6 +2,7 @@
   <% resource_handler.editable_attributes.each do |attribute| %>
     <% if relation = attribute[:relation] %>
       <%= f.association relation[:name].to_sym,
+        collection: relation[:collection],
         label_method: relation[:attr_method],
         include_blank: Alchemy.t(:blank, scope: 'resources.relation_select'),
         input_html: {class: 'alchemy_selectbox'} %>

data/app/views/alchemy/essences/_essence_audio_editor.html.erb

@@ -0,0 +1,4 @@
+<%= render(
+  "alchemy/essences/essence_file_editor",
+  essence_file_editor: essence_audio_editor
+) %>

data/app/views/alchemy/essences/_essence_audio_view.html.erb

@@ -0,0 +1,15 @@
+<% content = local_assigns[:content] || local_assigns[:essence_audio_view] %>
+<%- if content.ingredient -%>
+  <%= content_tag :audio,
+      controls: content.essence.controls,
+      autoplay: content.essence.autoplay,
+      loop: content.essence.loop,
+      muted: content.essence.muted do %>
+    <%= tag :source,
+      src: alchemy.show_attachment_path(
+        content.ingredient,
+        format: content.ingredient.suffix
+      ),
+      type: content.ingredient.file_mime_type %>
+  <% end %>
+<%- end -%>

data/app/views/alchemy/essences/_essence_file_editor.html.erb

@@ -1,6 +1,6 @@
 <% dialog_link = link_to_dialog render_icon(:file, style: 'regular'),
   alchemy.admin_attachments_path(
-    content_id: essence_file_editor.id,
+    form_field_id: essence_file_editor.form_field_id(:attachment_id),
     only: essence_file_editor.settings[:only],
     except: essence_file_editor.settings[:except]
   ),
@@ -22,17 +22,26 @@
       <div class="file_icon">
         <%= render_icon(essence_file_editor.ingredient.icon_css_class) %>
       </div>
-    <% else %>
-      <%= dialog_link %>
     <% end %>
     <div class="file_name">
-      <%= essence_file_editor.ingredient.try(:name) ||
-        ("&#x2190;" + Alchemy.t(:assign_file_from_archive)).html_safe %>
+      <%= essence_file_editor.ingredient.try(:name) %>
     </div>
+    <%= link_to render_icon(:times), "#",
+      class: [
+        "remove_file_link",
+        essence_file_editor.ingredient ? nil : "hidden"
+      ],
+      data: {
+        form_field_id: essence_file_editor.form_field_id(:attachment_id)
+      } %>
     <div class="essence_file_tools">
       <%= dialog_link %>
       <%= link_to_dialog render_icon(:edit),
-        alchemy.edit_admin_essence_file_path(id: essence_file_editor.essence.id),
+        alchemy.polymorphic_url([
+          :edit,
+          :admin,
+          essence_file_editor.essence
+        ]),
         {
           title: Alchemy.t(:edit_file_properties),
           size: '400x215'

data/app/views/alchemy/essences/_essence_headline_editor.html.erb

@@ -0,0 +1,36 @@
+<%= content_tag :div,
+  id: essence_headline_editor.dom_id,
+  class: essence_headline_editor.css_classes,
+  data: essence_headline_editor.data_attributes do %>
+  <%= content_label(essence_headline_editor) %>
+  <%= text_field_tag(
+    essence_headline_editor.form_field_name,
+    essence_headline_editor.essence.body,
+    id: essence_headline_editor.form_field_id
+  ) %>
+
+  <div class="input-row">
+    <% essence = essence_headline_editor.essence %>
+    <% if essence.level_options.length > 1 %>
+      <div class="input-column">
+        <%= label_tag Alchemy::EssenceHeadline.human_attribute_name(:level) %>
+        <%= select_tag(
+          essence_headline_editor.form_field_name(:level),
+          options_for_select(essence_headline_editor.essence.level_options, essence_headline_editor.essence.level),
+          class: "alchemy_selectbox full_width"
+        ) %>
+      </div>
+    <% end %>
+
+    <% if essence.size_options.length > 1 %>
+      <div class="input-column">
+        <%= label_tag Alchemy::EssenceHeadline.human_attribute_name(:size) %>
+        <%= select_tag(
+          essence_headline_editor.form_field_name(:size),
+          options_for_select(essence_headline_editor.essence.size_options, essence_headline_editor.essence.size),
+          class: "alchemy_selectbox full_width"
+        ) %>
+      </div>
+    <% end %>
+  </div>
+<% end %>

data/app/views/alchemy/essences/_essence_headline_view.html.erb

@@ -0,0 +1,10 @@
+<% content = local_assigns[:content] || local_assigns[:essence_headline_view] %>
+<%- html_options = local_assigns.fetch(:html_options, {}) -%>
+
+<%= content_tag "h#{content.essence.level}",
+    content.essence.ingredient,
+    class: [
+      content.essence.size ? "h#{content.essence.size}" : nil,
+      html_options[:class]
+    ]
+%>

data/app/views/alchemy/essences/_essence_link_editor.html.erb

@@ -10,13 +10,17 @@
     disabled: true
   %>
   <%= hidden_field_tag essence_link_editor.form_field_name(:link),
-    essence_link_editor.essence.link %>
+    essence_link_editor.essence.link,
+    "data-link-value": true %>
   <%= hidden_field_tag essence_link_editor.form_field_name(:link_title),
-    essence_link_editor.essence.link_title %>
+    essence_link_editor.essence.link_title,
+    "data-link-title": true %>
   <%= hidden_field_tag essence_link_editor.form_field_name(:link_class_name),
-    essence_link_editor.essence.link_class_name %>
+    essence_link_editor.essence.link_class_name,
+    "data-link-class": true %>
   <%= hidden_field_tag essence_link_editor.form_field_name(:link_target),
-    essence_link_editor.essence.link_target %>
+    essence_link_editor.essence.link_target,
+    "data-link-target": true %>
   <%= render 'alchemy/essences/shared/linkable_essence_tools', content: essence_link_editor.content %>
 <% end %>
 <script type="text/javascript" charset="utf-8">

data/app/views/alchemy/essences/_essence_page_editor.html.erb

@@ -14,7 +14,7 @@
 <script>
   $('#<%= essence_page_editor.form_field_id %>').alchemyPageSelect({
     placeholder: "<%= Alchemy.t(:search_page) %>",
-    url: "<%= alchemy.api_pages_path language_id: essence_page_editor.page&.language_id %>",
+    url: "<%= alchemy.api_pages_path %>",
     query_params: <%== essence_page_editor.settings[:query_params].to_json %>,
     <% if essence_page_editor.essence.page %>
     initialSelection: {

data/app/views/alchemy/essences/_essence_picture_editor.html.erb

@@ -5,11 +5,18 @@
   class: essence_picture_editor.css_classes,
   data: essence_picture_editor.data_attributes do %>
   <%= content_label(essence_picture_editor) %>
-  <div class="picture_thumbnail">
-    <span class="picture_tool delete">
-      <%= link_to render_icon(:times), '#',
-        onclick: "return Alchemy.removePicture('##{essence_picture_editor.form_field_id(:picture_id)}');" %>
-    </span>
+  <%= content_tag :div,
+    data: {
+      target_size: essence_picture_editor.essence.content.settings[:size] || [
+        essence_picture_editor.essence.image_file_width.to_i,
+        essence_picture_editor.essence.image_file_height.to_i
+      ].join("x"),
+      image_cropper: essence_picture_editor.essence.thumbnail_url_options[:crop],
+    },
+    class: "picture_thumbnail" do %>
+    <a class="picture_tool delete">
+      <%= render_icon(:times) %>
+    </a>
     <div class="picture_image">
       <div class="thumbnail_background">
         <%- if essence_picture_editor.ingredient -%>
@@ -27,18 +34,26 @@
     <%- end -%>
     <div class="edit_images_bottom">
       <%= render 'alchemy/essences/shared/essence_picture_tools', {
-        content: essence_picture_editor.content
+        essence_picture_editor: essence_picture_editor
       } %>
     </div>
-  </div>
+  <% end %>
   <%= hidden_field_tag essence_picture_editor.form_field_name(:picture_id),
-    essence_picture_editor.ingredient.try!(:id) %>
+    essence_picture_editor.ingredient&.id, data: {
+      picture_id: true,
+      image_file_width: essence_picture_editor.ingredient&.image_file_width,
+      image_file_height: essence_picture_editor.ingredient&.image_file_height
+    } %>
   <%= hidden_field_tag essence_picture_editor.form_field_name(:link),
-    essence_picture_editor.essence.link %>
+    essence_picture_editor.essence.link, data: { link_value: true }%>
   <%= hidden_field_tag essence_picture_editor.form_field_name(:link_title),
-    essence_picture_editor.essence.link_title %>
+    essence_picture_editor.essence.link_title, data: { link_title: true } %>
   <%= hidden_field_tag essence_picture_editor.form_field_name(:link_class_name),
-    essence_picture_editor.essence.link_class_name %>
+    essence_picture_editor.essence.link_class_name, data: { link_class: true } %>
   <%= hidden_field_tag essence_picture_editor.form_field_name(:link_target),
-    essence_picture_editor.essence.link_target %>
+    essence_picture_editor.essence.link_target, data: { link_target: true } %>
+  <%= hidden_field_tag essence_picture_editor.form_field_name(:crop_from),
+    essence_picture_editor.essence.crop_from, data: { crop_from: true } %>
+  <%= hidden_field_tag essence_picture_editor.form_field_name(:crop_size),
+    essence_picture_editor.essence.crop_size, data: { crop_size: true } %>
 <% end %>

data/app/views/alchemy/essences/_essence_text_editor.html.erb

@@ -12,10 +12,18 @@
     type: essence_text_editor.settings[:input_type] || "text"
   ) %>
   <% if essence_text_editor.settings[:linkable] %>
-    <%= hidden_field_tag essence_text_editor.form_field_name(:link), essence_text_editor.essence.link %>
-    <%= hidden_field_tag essence_text_editor.form_field_name(:link_title), essence_text_editor.essence.link_title %>
-    <%= hidden_field_tag essence_text_editor.form_field_name(:link_class_name), essence_text_editor.essence.link_class_name %>
-    <%= hidden_field_tag essence_text_editor.form_field_name(:link_target), essence_text_editor.essence.link_target %>
+    <%= hidden_field_tag essence_text_editor.form_field_name(:link),
+      essence_text_editor.essence.link,
+      "data-link-value": true %>
+    <%= hidden_field_tag essence_text_editor.form_field_name(:link_title),
+      essence_text_editor.essence.link_title,
+      "data-link-title": true %>
+    <%= hidden_field_tag essence_text_editor.form_field_name(:link_class_name),
+      essence_text_editor.essence.link_class_name,
+      "data-link-class": true %>
+    <%= hidden_field_tag essence_text_editor.form_field_name(:link_target),
+      essence_text_editor.essence.link_target,
+      "data-link-target": true %>
     <%= render 'alchemy/essences/shared/linkable_essence_tools', content: essence_text_editor.content %>
   <% end %>
 <% end %>

data/app/views/alchemy/essences/_essence_video_editor.html.erb

@@ -0,0 +1,4 @@
+<%= render(
+  "alchemy/essences/essence_file_editor",
+  essence_file_editor: essence_video_editor
+) %>

data/app/views/alchemy/essences/_essence_video_view.html.erb

@@ -0,0 +1,18 @@
+<% content = local_assigns[:content] || local_assigns[:essence_video_view] %>
+<%- if content.ingredient -%>
+  <%= content_tag :video,
+    controls: content.essence.controls,
+    autoplay: content.essence.autoplay,
+    loop: content.essence.loop,
+    muted: content.essence.muted,
+    preload: content.essence.preload.presence,
+    width: content.essence.width.presence,
+    height: content.essence.height.presence do %>
+    <%= tag :source,
+      src: alchemy.show_attachment_path(
+        content.ingredient,
+        format: content.ingredient.suffix
+      ),
+      type: content.ingredient.file_mime_type %>
+  <% end %>
+<%- end -%>

data/app/views/alchemy/essences/shared/_essence_picture_tools.html.erb

@@ -1,22 +1,27 @@
+<% content = essence_picture_editor.essence.content %>
 <% linkable = content.settings[:linkable] != false %>
+<% croppable = content.essence && content.essence.allow_image_cropping? %>
 
-<% if content.essence && content.essence.allow_image_cropping? %>
-  <%= link_to_dialog render_icon(:crop),
-    alchemy.crop_admin_essence_picture_path(content.essence), {
-      size: "1080x615",
-      title: Alchemy.t('Edit Picturemask'),
-      image_loader: false,
-      padding: false
-    }, {title: Alchemy.t('Edit Picturemask')} %>
-<%- else -%>
-  <a href="#" class="disabled" tabindex="-1"><%= render_icon(:crop) %></a>
-<%- end -%>
+<%= link_to_dialog render_icon(:crop),
+  alchemy.crop_admin_essence_picture_path(content.essence, {
+    crop_from_form_field_id: essence_picture_editor.form_field_id(:crop_from),
+    crop_size_form_field_id: essence_picture_editor.form_field_id(:crop_size),
+    picture_id: content.essence.picture_id
+  }), {
+    size: "1080x615",
+    title: Alchemy.t('Edit Picturemask'),
+    image_loader: false,
+    padding: false
+  }, {
+    title: Alchemy.t('Edit Picturemask'),
+    class: croppable ? "crop_link" : "disabled crop_link",
+    tabindex: croppable ? nil : "-1",
+    onclick: "return false"
+  } %>
 
 <%= link_to_dialog render_icon('file-image', style: 'regular'),
   alchemy.admin_pictures_path(
-    element_id: content.element,
-    content_id: content.id,
-    swap: true
+    form_field_id: essence_picture_editor.form_field_id(:picture_id)
   ),
   {
     title: (content.ingredient ? Alchemy.t(:swap_image) : Alchemy.t(:insert_image)),
@@ -29,14 +34,14 @@
   onclick: 'new Alchemy.LinkDialog(this).open(); return false;',
   class: content.linked? ? 'linked' : nil,
   title: Alchemy.t(:link_image),
-  'data-content-id' => content.id,
+  "data-parent-selector": "##{content.dom_id}",
   id: "edit_link_#{content.id}"
 } do %>
   <span class="disabled" tabindex="-1"><%= render_icon(:link) %></span>
 <% end %>
 
 <%= link_to_if linkable, render_icon(:unlink), '', {
-  onclick: "return Alchemy.LinkDialog.removeLink(this, #{content.id})",
+  onclick: "return Alchemy.LinkDialog.removeLink(this, '##{content.dom_id}')",
   class: content.linked? ? 'linked' : 'disabled',
   tabindex: content.linked? ? nil : '-1',
   title: Alchemy.t(:unlink)

data/app/views/alchemy/essences/shared/_linkable_essence_tools.html.erb

@@ -4,14 +4,14 @@
     '#',
     onclick: 'new Alchemy.LinkDialog(this).open(); return false;',
     class: "icon_button#{content.linked? ? ' linked' : ''} link-essence",
-    'data-content-id' => content.id,
+    "data-parent-selector": "##{content.dom_id}",
     title: Alchemy.t(:place_link),
     id: "edit_link_#{content.id}"
   ) %>
   <%= link_to(
     render_icon(:unlink),
     '#',
-    onclick: "return Alchemy.LinkDialog.removeLink(this, #{content.id})",
+    onclick: "return Alchemy.LinkDialog.removeLink(this, '##{content.dom_id}')",
     class: "icon_button unlink-essence #{content.linked? ? 'linked' : 'disabled'}",
     tabindex: content.linked? ? nil : '-1',
     'data-content-id' => content.id,

data/app/views/alchemy/ingredients/_audio_editor.html.erb

@@ -0,0 +1,5 @@
+<%= render(
+  "alchemy/ingredients/file_editor",
+  element_form: element_form,
+  file_editor: audio_editor
+) %>

data/app/views/alchemy/ingredients/_audio_view.html.erb

@@ -0,0 +1,14 @@
+<%- if audio_view.attachment -%>
+  <%= content_tag :audio,
+      controls: audio_view.controls,
+      autoplay: audio_view.autoplay,
+      loop: audio_view.loop,
+      muted: audio_view.muted do %>
+    <%= tag :source,
+      src: alchemy.show_attachment_path(
+        audio_view.attachment,
+        format: audio_view.attachment.suffix
+      ),
+      type: audio_view.attachment.file_mime_type %>
+  <% end %>
+<%- end -%>

data/app/views/alchemy/ingredients/_boolean_editor.html.erb

@@ -0,0 +1,11 @@
+<%= content_tag :div,
+  class: boolean_editor.css_classes,
+  data: boolean_editor.data_attributes do %>
+  <%= element_form.fields_for(:ingredients, boolean_editor.ingredient) do |f| %>
+    <%= f.label :value, style: "display: inline-block" do %>
+      <%= f.check_box :value %>
+      <%= render_ingredient_role(boolean_editor) %>
+    <% end %>
+    <%= render_hint_for(boolean_editor) %>
+  <% end %>
+<% end %>

data/app/views/alchemy/ingredients/_boolean_view.html.erb

@@ -0,0 +1 @@
+<%= Alchemy.t(boolean_view.value, scope: "ingredient_values.boolean") unless boolean_view.value.nil? -%>

data/app/views/alchemy/ingredients/_datetime_editor.html.erb

@@ -0,0 +1,17 @@
+<%= content_tag :div,
+  class: datetime_editor.css_classes,
+  data: datetime_editor.data_attributes do %>
+  <%= element_form.fields_for(:ingredients, datetime_editor.ingredient) do |f| %>
+    <%= ingredient_label(datetime_editor) %>
+    <%= alchemy_datepicker(
+      datetime_editor, :value, {
+        name: datetime_editor.form_field_name,
+        id: datetime_editor.form_field_id,
+        value: datetime_editor.value
+      }
+    ) %>
+  <% end %>
+  <label for="<%= datetime_editor.form_field_id %>" class="ingredient-date--label">
+    <i class="icon far fa-calendar-alt fa-fw fa-lg"></i>
+  </label>
+<% end %>

data/app/views/alchemy/ingredients/_datetime_view.html.erb

@@ -0,0 +1,9 @@
+<%- date_format = datetime_view.settings_value(:date_format,
+  local_assigns.fetch(:options, {})) -%>
+<%- if datetime_view.value.present? -%>
+<%- if date_format == 'rfc822' -%>
+<%= datetime_view.value.to_s(:rfc822) %>
+<%- else -%>
+<%= l(datetime_view.value, format: date_format) %>
+<%- end -%>
+<%- end -%>

data/app/views/alchemy/ingredients/_file_editor.html.erb

@@ -0,0 +1,50 @@
+<% dialog_link = link_to_dialog render_icon(:file, style: "regular"),
+  alchemy.admin_attachments_path(
+    form_field_id: file_editor.form_field_id(:attachment_id),
+    only: file_editor.settings[:only],
+    except: file_editor.settings[:except]
+  ),
+  {
+    title: Alchemy.t(:assign_file),
+    size: "780x585",
+    padding: false
+  },
+  class: "file_icon",
+  title: Alchemy.t(:assign_file) %>
+
+<%= content_tag :div,
+  class: file_editor.css_classes,
+  data: file_editor.data_attributes do %>
+  <%= element_form.fields_for(:ingredients, file_editor.ingredient) do |f| %>
+    <%= ingredient_label(file_editor) %>
+    <div class="file">
+      <% if file_editor.attachment %>
+        <div class="file_icon">
+          <%= render_icon(file_editor.attachment.icon_css_class) %>
+        </div>
+      <% end %>
+      <div class="file_name">
+        <%= file_editor.attachment&.name %>
+      </div>
+      <%= link_to render_icon(:times), "#",
+        class: [
+          "remove_file_link",
+          file_editor.attachment ? nil : "hidden"
+        ],
+        data: {
+          form_field_id: file_editor.form_field_id(:attachment_id)
+        } %>
+      <div class="file_tools">
+        <%= dialog_link %>
+        <%= link_to_dialog render_icon(:edit),
+          alchemy.edit_admin_ingredient_path(file_editor),
+          {
+            title: Alchemy.t(:edit_file_properties),
+            size: "400x215"
+          },
+          title: Alchemy.t(:edit_file_properties) %>
+      </div>
+      <%= f.hidden_field :attachment_id, value: file_editor.attachment&.id %>
+    </div>
+  <% end %>
+<% end %>

data/app/views/alchemy/ingredients/_file_view.html.erb

@@ -0,0 +1,17 @@
+<%- if attachment = file_view.attachment -%>
+<%- html_options = local_assigns.fetch(:html_options, {}) -%>
+<%= link_to(
+  file_view.link_text.presence ||
+    file_view.settings_value(:link_text, local_assigns.fetch(:options, {})) ||
+    attachment.name,
+  attachment.url(
+    download: true,
+    name: attachment.slug,
+    format: attachment.suffix
+  ),
+  {
+    class: file_view.css_class.presence,
+    title: file_view.title.presence
+  }.merge(html_options)
+) -%>
+<%- end -%>

data/app/views/alchemy/ingredients/_headline_editor.html.erb

@@ -0,0 +1,30 @@
+<%= content_tag :div,
+  class: headline_editor.css_classes,
+  data: headline_editor.data_attributes do %>
+  <%= element_form.fields_for(:ingredients, headline_editor.ingredient) do |f| %>
+    <%= ingredient_label(headline_editor) %>
+    <%= f.text_field :value %>
+
+    <div class="input-row">
+      <% if headline_editor.level_options.length > 1 %>
+        <div class="input-column">
+          <%= f.label :level %>
+          <%= f.select :level,
+            options_for_select(headline_editor.level_options, headline_editor.level),
+            {},
+            { class: "alchemy_selectbox full_width" } %>
+        </div>
+      <% end %>
+
+      <% if headline_editor.size_options.length > 1 %>
+        <div class="input-column">
+          <%= f.label :size %>
+          <%= f.select :size,
+            options_for_select(headline_editor.size_options, headline_editor.size),
+            {},
+            { class: "alchemy_selectbox full_width" } %>
+        </div>
+      <% end %>
+    </div>
+  <% end %>
+<% end %>

data/app/views/alchemy/ingredients/_headline_view.html.erb

@@ -0,0 +1,9 @@
+<%- html_options = local_assigns.fetch(:html_options, {}) -%>
+
+<%= content_tag "h#{headline_view.level}",
+    headline_view.value,
+    class: [
+      headline_view.size ? "h#{headline_view.size}" : nil,
+      html_options[:class]
+    ]
+%>