alchemy_cms 5.3.5 → 6.0.0.b1

data/app/views/alchemy/admin/pages/edit.html.erb

@@ -56,23 +56,44 @@
     <% end %>
     <label><%= Alchemy.t(:page_properties) %></label>
   </div>
-  <% if can?(:publish, @page) %>
-    <div class="button_with_label">
-      <%= form_tag alchemy.publish_admin_page_path(@page), id: 'publish_page_form' do %>
-        <%= button_tag class: 'icon_button', title: Alchemy.t(:explain_publishing) do %>
-          <%= render_icon('cloud-upload-alt') %>
-        <% end %>
-        <label><%= Alchemy.t("Publish page") %></label>
+  <div class="button_with_label">
+    <%= form_tag alchemy.publish_admin_page_path(@page), id: 'publish_page_form' do %>
+      <%= button_tag class: 'icon_button', disabled: cannot?(:publish, @page) do %>
+        <%= render_icon('cloud-upload-alt') %>
       <% end %>
-    </div>
-  <% end %>
+      <label>
+        <% if @page.language.public? %>
+          <%= Alchemy.t(:explain_publishing) %>
+        <% elsif @page.editable_by?(current_alchemy_user) %>
+          <%= Alchemy.t(:publish_page_language_not_public) %>
+        <% else %>
+          <%= Alchemy.t(:publish_page_not_allowed) %>
+        <% end %>
+      </label>
+    <% end %>
+  </div>
   <% unless @page.layoutpage? %>
     <div class="button_with_label">
-      <%= form_tag alchemy.visit_admin_page_path(@page), id: 'visit_page_form' do %>
-        <%= button_tag class: 'icon_button', disabled: !@page.public? do %>
+      <% if @page.public? %>
+        <%= link_to show_page_url(
+              urlname: @page.urlname,
+              locale: prefix_locale? ? @page.language_code : nil,
+              host: @page.site.host == "*" ? request.host : @page.site.host,
+            ),
+            title: Alchemy.t("Visit page"),
+            data: { turbolinks: false },
+            target: "_blank",
+            class: 'icon_button' do %>
           <%= render_icon('external-link-alt') %>
         <% end %>
         <label><%= Alchemy.t("Visit page") %></label>
+      <% else %>
+        <%= content_tag "a",
+            title: Alchemy.t(:cannot_visit_unpublic_page),
+            class: 'disabled icon_button' do %>
+          <%= render_icon('external-link-alt') %>
+        <% end %>
+        <label><%= Alchemy.t(:cannot_visit_unpublic_page) %></label>
       <% end %>
     </div>
   <% end %>
@@ -128,14 +149,14 @@
 <script type="text/javascript" charset="utf-8">
 
   $(function() {
-    $('#unlock_page_form, #visit_page_form, #publish_page_form').on('submit', function(event) {
+    $('#unlock_page_form, #publish_page_form').on('submit', function(event) {
       var not_dirty = Alchemy.checkPageDirtyness(this);
       if (!not_dirty) Alchemy.pleaseWaitOverlay(false);
       return not_dirty;
     });
-    Alchemy.PagePublicationFields();
+    Alchemy.Sitemap.watchPagePublicationState();
     Alchemy.PageLeaveObserver();
-    Alchemy.ElementsWindow.init('<%= alchemy.admin_elements_path(page_id: @page.id) %>', {
+    Alchemy.ElementsWindow.init('<%= alchemy.admin_elements_path(page_version_id: @page_version.id) %>', {
       texts: {
         title: '<%= Alchemy.t("Elements") %>',
         dirtyTitle: '<%= Alchemy.t("Warning!") %>',
@@ -152,7 +173,7 @@
           hotkey: 'alt+n',
           iconClass: 'plus',
           onClick: function() {
-            Alchemy.openDialog('<%= alchemy.new_admin_element_path(page_id: @page.id) %>', {
+            Alchemy.openDialog('<%= alchemy.new_admin_element_path(page_version_id: @page_version.id) %>', {
               title: '<%= Alchemy.t("New Element") %>',
               size: '320x125'
             });
@@ -169,15 +190,6 @@
               size: '400x305'
             });
           }
-        },
-        {
-          title: '<%= Alchemy.t("Show trash") %>',
-          label: '<%= Alchemy.t("Show trash") %>',
-          iconClass: 'trash-alt<%= trash_empty?("elements") ? "" : " full" %>',
-          buttonId: 'element_trash_button',
-          onClick: function() {
-            Alchemy.TrashWindow.open(<%= @page.id %>, '<%= Alchemy.t("Trash") %>');
-          }
         }
       ]
     }, function() {
@@ -185,7 +197,7 @@
       Alchemy.SortableElements(<%= @page.id %>, '<%= form_authenticity_token %>');
       Alchemy.ElementEditors.init();
       Alchemy.SelectBox('.element-editor');
-      Alchemy.Tinymce.init(<%= @page.richtext_contents_ids.to_json %>);
+      Alchemy.Tinymce.init(<%= (@page.richtext_contents_ids + @page.richtext_ingredients_ids).to_json %>);
       $('#fixed-elements').tabs().tabs('paging', {
         follow: true,
         followOnSelect: true,

data/app/views/alchemy/admin/pages/fold.js.erb

@@ -0,0 +1,2 @@
+$('#fold_button_<%= @page.id %>').css('background', 'none');
+Alchemy.Sitemap.fetch(<%= @page.id %>);

data/app/views/alchemy/admin/pages/index.html.erb

@@ -37,7 +37,7 @@
   <% else %>
     <% if @page_root %>
       <h2 id="page_filter_result"></h2>
-      <%= render "sitemap", page_partial: "page" %>
+      <%= render "sitemap", page_partial: "page", full: !!@sorting %>
     <% elsif can?(:create, Alchemy::Page) %>
       <%= render partial: "create_language_form" %>
     <% else %>

data/app/views/alchemy/admin/pages/sort.html.erb

@@ -0,0 +1,19 @@
+<% content_for :toolbar do %>
+  <div class="button_with_label">
+    <%= link_to alchemy.admin_pages_path, class: 'icon_button' do %>
+      <%= render_icon 'angle-double-left' %>
+    <% end %>
+    <label><%= Alchemy.t(:cancel) %></label>
+  </div>
+<% end %>
+
+<div id="sort_panel">
+  <%= render_message do %>
+    <%= Alchemy.t(:explain_sitemap_dragndrop_sorting) %>
+  <% end %>
+  <div class="buttons">
+    <%= button_tag Alchemy.t('save order'), id: 'save_page_order' %>
+  </div>
+</div>
+
+<%= render 'sitemap', page_partial: 'page', full: true %>

data/app/views/alchemy/admin/pages/update.js.erb

@@ -13,13 +13,6 @@
   Alchemy.growl("<%= j @notice %>");
   Alchemy.closeCurrentDialog();
 
-<% elsif @page.parent_id != @old_parent_id -%>
-
-  Alchemy.closeCurrentDialog(function() {
-    Alchemy.growl("<%= j @notice %>");
-    Alchemy.currentSitemap.load(<%= @page.get_language_root.id %>);
-  });
-
 <% else -%>
 
   if (page) {

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

@@ -3,8 +3,7 @@
       size: @size,
     }.merge(search_filter_params.except(:q))
   ), remote: true, html: {class: 'search_form', id: nil} do |f| %>
-  <%= hidden_field_tag("element_id", @element.blank? ? "" : @element.id, id: nil) %>
-  <%= hidden_field_tag("content_id", @content.blank? ? "" : @content.id, id: nil) %>
+  <%= hidden_field_tag :form_field_id, @form_field_id %>
   <div class="search_field">
     <button type="submit">
       <%= render_icon('search') %>
@@ -15,8 +14,7 @@
       id: nil %>
     <%= link_to render_icon(:times, size: 'xs'), url_for({
         action: 'index',
-        element_id: @element.blank? ? '' : @element.id,
-        content_id: @content.blank? ? '' : @content.id,
+        form_field_id: @form_field_id,
         size: @size,
         overlay: true
       }.merge(search_filter_params.except(:q))),

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_node_editor.html.erb

@@ -17,7 +17,7 @@
   }) %>
   $('#<%= essence_node_editor.form_field_id %>').alchemyNodeSelect({
     placeholder: "<%= Alchemy.t(:search_node) %>",
-    url: "<%= alchemy.api_nodes_path(language_id: essence_node_editor.page&.language_id) %>",
+    url: "<%= alchemy.api_nodes_path %>",
     query_params: <%== query_params.to_json %>,
     <% if essence_node_editor.essence.node %>
     <% serialized_node = ActiveModelSerializers::SerializableResource.new(essence_node_editor.essence.node, include: :ancestors) %>

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)