alchemy_cms 8.0.6 → 8.1.0

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

@@ -1,10 +1,13 @@
-<alchemy-growl><%= @notice %></alchemy-action>
+<alchemy-growl><%= @notice %></alchemy-growl>
 <alchemy-action name="closeCurrentDialog"></alchemy-action>
 
 <% if @while_page_edit -%>
   <%= turbo_stream.replace "locked_page_#{@page.id}" do %>
     <%= render("alchemy/admin/pages/current_page", current_page: @page) %>
   <% end %>
+  <%= turbo_stream.replace "publish_page_button" do %>
+    <%= render Alchemy::Admin::PublishPageButton.new(page: @page) %>
+  <% end %>
   <alchemy-action name="reloadPreview"></alchemy-action>
 <% else %>
   <%= turbo_stream.replace "locked_page_#{@page.id}" do %>
@@ -13,27 +16,13 @@
 
   <% if @view == "list" %>
     <turbo-stream action="refresh"></turbo-stream>
-  <% elsif @page.parent_id != @old_parent_id -%>
-    <%= turbo_stream.append "sitemap" do %>
-      <script type="module">
-        Alchemy.currentSitemap.load(<%= @page.get_language_root.id %>);
-      </script>
-    <% end %>
   <% else -%>
     <% if @page.layoutpage %>
       <%= turbo_stream.replace "page_#{@page.id}" do %>
         <%= render("alchemy/admin/layoutpages/layoutpage", layoutpage: @page) %>
       <% end %>
     <% else %>
-      <%= turbo_stream.append "sitemap" do %>
-        <script type="module">
-          const page = document.getElementById('page_<%= @page.id %>');
-          const page_html = "<%= j render('page', page: @page) %>".replace(/__ID__/g, "<%= @page.id %>");
-          const compiler = Handlebars.compile(page_html);
-          const tree = <%== @tree.to_json %>;
-          page.outerHTML = compiler(tree.pages[0]);
-        </script>
-      <% end %>
+      <turbo-stream action="refresh"></turbo-stream>
     <% end %>
   <% end -%>
 <% end %>

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

@@ -1,4 +1,4 @@
-<div id="flash_notices">
+<div id="flash_notices" data-auto-dismiss-delay="5000">
 <% flash.keys.each do |flash_type| %>
   <% if flash[flash_type.to_sym].present? %>
     <%= render Alchemy::Admin::Message.new(flash[flash_type.to_sym], type: flash_type, dismissable: true) %>

data/app/views/alchemy/admin/partials/{_remote_search_form.html.erb → _overlay_search_form.html.erb}

@@ -6,7 +6,7 @@
   size: @size
 )) -%>
 
-<%= search_form_for @query, url: url_for(action: 'index', size: @size), remote: true, html: {class: 'search_form', id: "resource_search"} do |f| %>
+<%= search_form_for @query, url: url_for(action: 'index', size: @size), html: {class: 'search_form', id: "resource_search"} do |f| %>
   <%= hidden_field_tag :form_field_id, @form_field_id %>
   <% Array(params[:only]).each do |only| %>
     <%= hidden_field_tag("only[]", only, form: "resource_search", id: nil) %>
@@ -23,7 +23,6 @@
       class: 'search_input_field',
       id: nil %>
     <%= link_to render_icon(:times, size: '1x'), clear_url,
-      remote: true,
       class: 'search_field_clear',
       title: Alchemy.t(:click_to_show_all),
       style: search_filter_params.fetch(:q, {}).fetch(resource_handler.search_field_name, '').present? ? 'visibility: visible' : 'visibility: hidden' %>

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

@@ -0,0 +1,12 @@
+<%= alchemy_form_for [:admin, item] do |f| %>
+  <%= f.hidden_field(:parent_id) %>
+  <%= f.hidden_field(:language_id) %>
+  <div class="input select">
+    <label for="paste_from_clipboard" class="control-label"><%= item.class.model_name.human %></label>
+    <%= select_tag 'paste_from_clipboard',
+      clipboard_select_tag_options(clipboard_items),
+      is: 'alchemy-select' %>
+  </div>
+  <%= f.input :name %>
+  <%= f.submit Alchemy.t(:paste) %>
+<% end %>

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

@@ -1,23 +1,26 @@
-<div id="overlay_toolbar">
-  <%= render 'filter_and_size_bar' %>
-</div>
-<div id="assign_image_list" class="with_padding<%= search_filter_params[:tagged_with].present? ? ' filtered' : '' %>">
-  <%= render "library_sidebar" %>
-  <% if @pictures.empty? %>
-    <%= render_message do %>
-      <% if search_filter_params.empty? %>
-        <%= Alchemy.t(:no_images_in_archive) %>
-      <% else %>
-        <%= Alchemy.t(:no_search_results) %>
+<%= turbo_frame_tag "archive_overlay" do %>
+  <div id="overlay_toolbar">
+    <%= render 'filter_and_size_bar' %>
+    <%= render 'alchemy/admin/partials/overlay_search_form' %>
+  </div>
+  <div id="assign_image_list" class="with_padding<%= search_filter_params[:tagged_with].present? ? ' filtered' : '' %>">
+    <%= render "library_sidebar" %>
+    <% if @pictures.empty? %>
+      <%= render_message do %>
+        <% if search_filter_params.empty? %>
+          <%= Alchemy.t(:no_images_in_archive) %>
+        <% else %>
+          <%= Alchemy.t(:no_search_results) %>
+        <% end %>
       <% end %>
-    <% end %>
-  <% else %>
-    <div id="overlay_picture_list" class="picture-size--<%= @size %>">
-      <%= render partial: 'picture_to_assign',
-        collection: @pictures,
-        locals: {size: @size} %>
+    <% else %>
+      <div id="overlay_picture_list" class="picture-size--<%= @size %>">
+        <%= render partial: 'picture_to_assign',
+          collection: @pictures,
+          locals: {size: @size} %>
 
-      <%= render "alchemy/admin/resources/pagination", resources: @pictures, remote: true, hide_per_page_select: true %>
-    </div>
-  <% end %>
-</div>
+        <%= render "alchemy/admin/resources/pagination", resources: @pictures, hide_per_page_select: true %>
+      </div>
+    <% end %>
+  </div>
+<% end %>

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

@@ -18,46 +18,38 @@
     <sl-tooltip content="<%= Alchemy.t(:small_thumbnails) %>">
       <%= link_to(
         render_icon('zoom-out'),
-        alchemy.admin_pictures_path({
-          size: "small",
-          form_field_id: @form_field_id,
-          q: search_filter_params[:q],
-          filter: search_filter_params[:filter],
-          tagged_with: search_filter_params[:tagged_with]
-        }),
-        remote: true,
+        alchemy.admin_pictures_path(
+          search_filter_params.merge(
+            size: "small",
+            form_field_id: @form_field_id
+          )
+        ),
         class: "icon_button"
       ) %>
     </sl-tooltip>
     <sl-tooltip content="<%= Alchemy.t(:medium_thumbnails) %>">
       <%= link_to(
         render_icon('search'),
-        alchemy.admin_pictures_path({
-          size: "medium",
-          form_field_id: @form_field_id,
-          q: search_filter_params[:q],
-          filter: search_filter_params[:filter],
-          tagged_with: search_filter_params[:tagged_with]
-        }),
-        remote: true,
+        alchemy.admin_pictures_path(
+          search_filter_params.merge(
+            size: "medium",
+            form_field_id: @form_field_id
+          )
+        ),
         class: "icon_button"
       ) %>
     </sl-tooltip>
     <sl-tooltip content="<%= Alchemy.t(:big_thumbnails) %>">
       <%= link_to(
         render_icon('zoom-in'),
-        alchemy.admin_pictures_path({
-          size: "large",
-          form_field_id: @form_field_id,
-          q: search_filter_params[:q],
-          filter: search_filter_params[:filter],
-          tagged_with: search_filter_params[:tagged_with]
-        }),
-        remote: true,
+        alchemy.admin_pictures_path(
+          search_filter_params.merge(
+            size: "large",
+            form_field_id: @form_field_id
+          )
+        ),
         class: "icon_button"
       ) %>
     </sl-tooltip>
-    <%= hidden_field_tag('size', @size, id: 'overlay_thumbnails_size') %>
   </div>
-  <%= render partial: 'alchemy/admin/partials/remote_search_form' %>
 </div>

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

@@ -1,4 +1,4 @@
-<div class="picture_thumbnail <%= @size %>" id="picture_<%= picture.id %>" name="<%= picture.name %>">
+<div class="picture_thumbnail <%= @size %>" id="picture_<%= picture.id %>">
   <span class="picture_tool select">
     <%= check_box_tag "picture_ids[]", picture.id %>
   </span>
@@ -19,23 +19,19 @@
     </sl-tooltip>
   </div>
   <% end %>
-  <% picture_url = picture.thumbnail_url(size: preview_size(@size)) %>
-  <% image = picture_url ? image_tag(picture_url, alt: picture.name) : '<alchemy-icon name="file-damage"></alchemy-icon>'.html_safe %>
   <% if can?(:edit, picture) %>
     <% picture_index ||= picture_offset + picture_iteration.index %>
-    <%= link_to(
-      image,
-      alchemy.admin_picture_path(
-        picture,
-        search_filter_params.merge(
-          picture_index: picture_index.to_i + 1,
-          size: @size.presence
-        ).to_h
-      ),
-      class: 'thumbnail_background'
-    ) %>
+    <%= link_to alchemy.admin_picture_path(
+      picture,
+      search_filter_params.merge(
+        picture_index: picture_index.to_i + 1,
+        size: @size.presence
+      ).to_h
+    ) do %>
+      <%= render Alchemy::Admin::PictureThumbnail.new(picture, size: @size) %>
+    <% end %>
   <% else %>
-    <%= image %>
+    <%= render Alchemy::Admin::PictureThumbnail.new(picture, size: @size) %>
   <% end %>
   <span class="picture_name" title="<%= picture.name %>">
     <%= picture.name %>

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

@@ -2,10 +2,6 @@
   <% if picture_to_assign.image_file %>
     <sl-tooltip content="<%= Alchemy.t(:assign_image) %>">
       <%= link_to(
-        image_tag(
-          picture_to_assign.thumbnail_url(size: preview_size(size)),
-          alt: picture_to_assign.name
-        ),
         alchemy.assign_admin_picture_path(
           id: picture_to_assign.id,
           form_field_id: @form_field_id
@@ -13,8 +9,9 @@
         remote: true,
         onclick: '$(self).attr("href", "#").off("click"); return false',
         method: 'put',
-        class: 'thumbnail_background'
-      ) %>
+      ) do %>
+        <%= render Alchemy::Admin::PictureThumbnail.new(picture_to_assign) %>
+      <% end %>
     </sl-tooltip>
   <% else %>
     <alchemy-icon name="file-damage"></alchemy-icon>

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

@@ -1,14 +1,13 @@
 <% if Alchemy::Picture.tag_counts.any? %>
   <label><%= Alchemy.t("Filter by tag") %></label>
-  <%= render Alchemy::Admin::ListFilter.new(".tag-list li") %>
+  <%= render Alchemy::Admin::ListFilter.new(".tag-list li", placeholder: Alchemy.t("Filter tags")) %>
   <ul>
-    <%= render_tag_list('Alchemy::Picture') %>
+    <%= render Alchemy::Admin::TagsList.new('Alchemy::Picture') %>
   </ul>
   <% if search_filter_params[:tagged_with].present? %>
     <%= link_to(
       render_icon(:close, size: '1x') + Alchemy.t('Remove tag filter'),
       url_for(search_filter_params.except(:tagged_with)),
-      remote: request.xhr?,
       class: 'secondary button small with_icon'
     ) %>
   <% end %>

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

@@ -40,7 +40,6 @@
           class: "icon_button"
         ) %>
       </sl-tooltip>
-      <%= hidden_field_tag('size', @size, id: 'overlay_thumbnails_size') %>
     </div>
     <div class="toolbar_spacer"></div>
     <div class="toolbar_button">

data/app/views/alchemy/admin/pictures/update.turbo_stream.erb

@@ -1,4 +1,4 @@
-<alchemy-growl type=<%= @message[:type] %>>
+<alchemy-growl type="<%= @message[:type] %>">
   <%= @message[:body] %>
 </alchemy-growl>
 <%= turbo_stream.replace("picture_#{@picture.id}") do %>

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

@@ -17,7 +17,7 @@
                 <li class="<%= cycle('even', 'odd') %>">
                   <% page_link = link_to element.display_name_with_preview_text,
                                   edit_admin_page_path(page, anchor: "element_#{element.id}") %>
-                  <% ingredients = related_ingredients.map { |p| Alchemy::IngredientEditor.new(p).translated_role }.to_sentence %>
+                  <% ingredients = related_ingredients.map(&:translated_role).to_sentence %>
                   <%= element.definition.icon_file %>
                   <p>
                     <%== Alchemy.t(:pictures_in_page, page: page_link, pictures: ingredients) %>

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

@@ -1,14 +1,13 @@
 <div class="tag-list<%= ' with_filter_bar' if resource_has_filters %><%= ' filtered' if search_filter_params[:tagged_with].present? %>">
   <h3><%= Alchemy.t("Filter by tag") %></h3>
-  <%= render Alchemy::Admin::ListFilter.new(".tag-list li") %>
+  <%= render Alchemy::Admin::ListFilter.new(".tag-list li", placeholder: Alchemy.t("Filter tags")) %>
   <ul>
-    <%= render_tag_list(resource_model.name) %>
+    <%= render Alchemy::Admin::TagsList.new(resource_model.name) %>
   </ul>
   <% if search_filter_params[:tagged_with].present? %>
     <%= link_to(
       render_icon(:times, size: '1x') + Alchemy.t('Remove tag filter'),
       url_for(search_filter_params.except(:tagged_with)),
-      remote: request.xhr?,
       class: 'secondary button small with_icon'
     ) %>
   <% end %>

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

@@ -32,7 +32,7 @@
       <select class="select" id="select" is="alchemy-select">
         <option value="">Please choose</option>
         <option value="1">Option 1</option>
-        <option selected="selected" value="2">Option 2</option>
+        <option selected value="2">Option 2</option>
         <option value="3">Option 3</option>
       </select>
     </div>
@@ -47,7 +47,7 @@
     <div class="input">
       <label class="control-label" for="datetime_picker">Date Time Picker</label>
       <alchemy-datepicker input-type="datetime">
-        <input type="text" id="datetime_picker">
+        <input type="text" id="datetime_picker" autocomplete="off">
       </alchemy-datepicker>
     </div>
 
@@ -57,12 +57,12 @@
         <div class="input-row">
           <div class="input-column">
             <alchemy-datepicker input-type="date">
-              <input type="text" id="date_picker">
+              <input type="text" id="date_picker" autocomplete="off">
             </alchemy-datepicker>
           </div>
           <div class="input-column">
             <alchemy-datepicker input-type="time">
-              <input type="text" id="time_picker">
+              <input type="text" id="time_picker" autocomplete="off">
             </alchemy-datepicker>
           </div>
         </div>
@@ -71,23 +71,23 @@
 
     <div class="input">
       <label class="control-label" for="optional_string">String</label>
-      <input type="text" id="optional_string">
+      <input type="text" id="optional_string" autocomplete="off">
     </div>
     <div class="input required">
       <label class="required control-label" for="required_string">
         Required String<abbr title="required">*</abbr>
       </label>
-      <input type="text" id="required_string">
+      <input type="text" id="required_string" autocomplete="off">
     </div>
     <div class="input field_with_errors">
       <label class="control-label" for="string_with_error">String with error</label>
-      <input type="text" id="string_with_error">
+      <input type="text" id="string_with_error" autocomplete="off">
       <small class="error">Error message</small>
     </div>
     <alchemy-char-counter max-chars="60">
       <div class="input">
         <label class="control-label" for="string_with_counter">String with char counter</label>
-        <input type="text" id="string_with_counter">
+        <input type="text" id="string_with_counter" autocomplete="off">
       </div>
     </alchemy-char-counter>
 
@@ -95,7 +95,7 @@
       <label class="control-label">Check Boxes</label>
       <div class="control_group">
         <label class="checkbox">
-          <input type="checkbox" value="1" checked="checked">
+          <input type="checkbox" value="1" checked>
           Checked
         </label>
         <label class="checkbox">
@@ -140,7 +140,7 @@
 <h2>Selects</h2>
 
 <div style="display: flex; gap: 1em;">
-  <div style="width: 25%">
+  <div style="width: 20%">
     <h3>Select with Search</h3>
     <select is="alchemy-select" class="full_width">
       <option value="1">Option 1</option>
@@ -153,24 +153,29 @@
     </select>
   </div>
 
-  <div style="width: 25%">
+  <div style="width: 20%">
     <h3>Page Select</h3>
     <%= render Alchemy::Admin::PageSelect.new do %>
-      <input name="page" class="full_width" />
+      <input name="page" class="full_width">
     <% end %>
   </div>
 
-  <div style="width: 25%">
+  <div style="width: 20%">
+    <h3>Element Select</h3>
+    <%= render Alchemy::Admin::ElementSelect.new(Alchemy::Element.definitions) %>
+  </div>
+
+  <div style="width: 20%">
     <h3>Node Select</h3>
     <%= render Alchemy::Admin::NodeSelect.new do %>
-      <input name="node" class="full_width" />
+      <input name="node" class="full_width">
     <% end %>
   </div>
 
-  <div style="width: 25%">
+  <div style="width: 20%">
     <h3>Attachment Select</h3>
     <%= render Alchemy::Admin::AttachmentSelect.new do %>
-      <input name="attachment" class="full_width" />
+      <input name="attachment" class="full_width">
     <% end %>
   </div>
 </div>
@@ -179,7 +184,7 @@
 
 <div style="width: 25%">
   <alchemy-tags-autocomplete>
-    <input type="text" class="full_width" />
+    <input type="text" class="full_width" autocomplete="off">
   </alchemy-tags-autocomplete>
 </div>
 
@@ -198,19 +203,19 @@
 <h3>Info Message</h3>
 
 <%= render_message do %>
-  <p>Lorem ipsum <strong>dolor</strong> sit amet, <a href="">consectetur</a> adipiscing elit.</p>
+  <p>Lorem ipsum <strong>dolor</strong> sit amet, <a href="#">consectetur</a> adipiscing elit.</p>
 <% end %>
 
 <h3>Warning Message</h3>
 
 <%= render_message :warning do %>
-  <p>Lorem ipsum dolor sit amet, <a href="">consectetur</a> adipiscing elit.</p>
+  <p>Lorem ipsum dolor sit amet, <a href="#">consectetur</a> adipiscing elit.</p>
 <% end %>
 
 <h3>Error Message</h3>
 
 <%= render_message :error do %>
-  <p>Lorem ipsum dolor sit amet, <a href="">consectetur</a> adipiscing elit.</p>
+  <p>Lorem ipsum dolor sit amet, <a href="#">consectetur</a> adipiscing elit.</p>
 <% end %>
 
 <h3>Growl Messages</h3>

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

@@ -13,7 +13,7 @@
     <div class="input tags">
       <label class="control-label"><%= Alchemy.t('Tags') %></label>
       <div class="control_group" id="tags_tag_list">
-        <%= render Alchemy::Admin::ListFilter.new(".tag-list li") %>
+        <%= render Alchemy::Admin::ListFilter.new(".tag-list li", placeholder: Alchemy.t("Filter tags")) %>
         <ul class="tags tag-list">
           <%= render partial: "radio_tag", collection: @tags, locals: {name: "tag"} %>
         </ul>

data/app/views/alchemy/admin/tinymce/_setup.html.erb

@@ -1,8 +1,8 @@
 <% tinymce_base_path = "#{Rails.application.config.assets.prefix}/tinymce" %>
 
-<link rel="preload" href="<%= asset_path("#{tinymce_base_path}/skins/ui/alchemy/skin.min.css") %>" as="style" />
+<link rel="preload" href="<%= asset_path("#{tinymce_base_path}/skins/ui/alchemy/skin.min.css") %>" as="style">
 <% if Alchemy::Tinymce.init[:content_css] %>
-  <link rel="preload" href="<%= asset_path(Alchemy::Tinymce.init[:content_css]) %>" as="style" />
+  <link rel="preload" href="<%= asset_path(Alchemy::Tinymce.init[:content_css]) %>" as="style">
 <% end %>
 <% Alchemy::Tinymce.preloadable_plugins.each do |plugin| %>
   <link rel="preload" href="<%= asset_path("#{tinymce_base_path}/plugins/#{plugin}/plugin.min.js") %>" as="script">

data/app/views/alchemy/admin/uploader/_button.html.erb

@@ -1,7 +1,7 @@
 <% file_types = Alchemy.config.uploader.allowed_filetypes[object.class.model_name.collection] || ['*'] %>
 <% accept ||= file_types.to_a == ["*"] ? nil : file_types.map {|type| ".#{type}"}.join(", ") %>
 
-<alchemy-uploader dropzone="<%= local_assigns[:dropzone] || "#main_content" %>">
+<alchemy-uploader redirect-url="<%= redirect_url %>" dropzone="<%= local_assigns[:dropzone] || "#main_content" %>">
   <%= form_for [:admin, object], html: { multipart: true, class: 'upload-button' } do |f| %>
     <%= f.file_field file_attribute,
       class: 'fileupload fileupload--field', multiple: true, accept: accept,
@@ -15,17 +15,3 @@
     <% end %>
   <% end %>
 </alchemy-uploader>
-
-<script type='text/javascript'>
-  document.querySelector("alchemy-uploader").addEventListener("Alchemy.upload.successful", (evt) => {
-    setTimeout(() => {
-      var url = '<%= redirect_url.html_safe %>';
-      evt.target.uploadProgress.visible = false;
-      <% if local_assigns[:in_dialog] %>
-      $.get(url, null, null, 'script');
-      <% else %>
-      Turbo.visit(url);
-      <% end %>
-    }, 1000)
-  })
-</script>

data/app/views/alchemy/attachments/show.html.erb

@@ -1 +1 @@
-<%#= @attachment.public_filename %>
+<%#= @attachment.public_filename %>

data/app/views/alchemy/base/permission_denied.js.erb

@@ -1,3 +1,3 @@
 Alchemy.closeCurrentDialog(function() {
-  Turbo.visit('<%= Alchemy.login_path %>');
+  Turbo.visit('<%= Alchemy.config.login_path %>');
 });

data/app/views/alchemy/ingredients/shared/_anchor.html.erb

@@ -1,9 +1,11 @@
 <span class="edit-ingredient-anchor-link">
-  <%= link_to_dialog render_icon(:bookmark, { style: ingredient_editor.dom_id.present? ? "fill" : "line" }),
-    alchemy.edit_admin_ingredient_path(id: ingredient_editor.id),
-    {
-      title: Alchemy.t(:edit_anchor),
-      size: "380x125"
-    },
-    title: Alchemy.t(:edit_anchor) %>
+  <% disabled = cannot?(:edit, ingredient) %>
+  <%= content_tag "sl-tooltip", content: Alchemy.t(:edit_anchor), disabled: disabled do %>
+    <%= link_to_dialog render_icon(:bookmark, { style: ingredient.dom_id.present? ? "fill" : "line" }),
+      disabled ? nil : alchemy.edit_admin_ingredient_path(id: ingredient.id),
+      {
+        title: Alchemy.t(:edit_anchor),
+        size: "380x125"
+      } %>
+  <% end %>
 </span>

data/app/views/alchemy/ingredients/shared/_link_tools.html.erb

@@ -1,10 +1,17 @@
-<%= content_tag "alchemy-link-buttons", class: local_assigns[:wrapper_class], data: {ingredient_id: ingredient_editor.id} do %>
-  <%= content_tag "sl-tooltip", content: Alchemy.t(:place_link) do %>
+<% disabled = cannot?(:edit, ingredient) %>
+<%= content_tag "alchemy-link-buttons", class: local_assigns[:wrapper_class], data: {ingredient_id: ingredient.id} do %>
+  <%= content_tag "sl-tooltip",
+    content: Alchemy.t(:place_link),
+    disabled: disabled do %>
     <%= content_tag "button", "", is: "alchemy-link-button",
-      class: [ingredient_editor.linked? ? "linked" : nil] %>
+      disabled: disabled,
+      class: [ingredient.linked? ? "linked" : nil] %>
   <% end %>
-  <%= content_tag "sl-tooltip", content: Alchemy.t(:unlink) do %>
+  <%= content_tag "sl-tooltip",
+    content: Alchemy.t(:unlink),
+    disabled: disabled do %>
     <%= content_tag "button", "", is: "alchemy-unlink-button",
-      class: [ingredient_editor.linked? ? "linked" : "disabled"] %>
+      disabled: disabled,
+      class: [ingredient.linked? ? "linked" : "disabled"] %>
   <% end %>
 <% end %>

data/app/views/alchemy/ingredients/shared/_picture_tools.html.erb

@@ -1,27 +1,26 @@
 <% linkable = picture_editor.settings[:linkable] != false %>
 <% croppable = picture_editor.allow_image_cropping? %>
+<% disabled = cannot?(:edit, picture_editor.ingredient) %>
 
-<%= content_tag "sl-tooltip", content: Alchemy.t("Edit Picturemask"), placement: "top-start", disabled: !croppable do %>
+<%= content_tag "sl-tooltip", content: Alchemy.t("Edit Picturemask"), placement: "top-start", disabled: !croppable || disabled do %>
   <%= link_to_dialog render_icon(:crop),
-    alchemy.crop_admin_ingredient_path(picture_editor.ingredient, {
+    (croppable && !disabled) ? alchemy.crop_admin_ingredient_path(picture_editor.ingredient, {
       crop_from_form_field_id: picture_editor.form_field_id(:crop_from),
       crop_size_form_field_id: picture_editor.form_field_id(:crop_size),
       picture_id: picture_editor.picture&.id
-    }), {
+    }) : nil, {
       size: "1080x615",
       title: Alchemy.t("Edit Picturemask"),
       image_loader: false,
       padding: false
     }, {
-      class: croppable ? "crop_link icon_button" : "disabled crop_link icon_button" ,
-      tabindex: croppable ? nil : "-1",
-      onclick: "return false"
+      class: "crop_link icon_button"
     } %>
 <% end %>
 
-<%= content_tag "sl-tooltip", content: picture_editor.picture ? Alchemy.t(:swap_image) : Alchemy.t(:insert_image) do %>
+<%= content_tag "sl-tooltip", content: picture_editor.picture ? Alchemy.t(:swap_image) : Alchemy.t(:insert_image), disabled: disabled do %>
   <%= link_to_dialog render_icon("image-add"),
-    alchemy.admin_pictures_path(
+    disabled ? nil : alchemy.admin_pictures_path(
       form_field_id: picture_editor.form_field_id(:picture_id)
     ),
     {
@@ -33,15 +32,15 @@
 <% end %>
 
 <% if linkable %>
-  <%= render "alchemy/ingredients/shared/link_tools", ingredient_editor: picture_editor %>
+  <%= render "alchemy/ingredients/shared/link_tools", ingredient: picture_editor.ingredient %>
 <% else %>
   <span class="icon_button disabled"><%= render_icon("link", style: "m") %></span>
   <span class="icon_button disabled"><%= render_icon("link-unlink", style: "m") %></span>
 <% end %>
 
-<%= content_tag "sl-tooltip", content: Alchemy.t(:edit_image_properties), placement: "top-end" do %>
+<%= content_tag "sl-tooltip", content: Alchemy.t(:edit_image_properties), placement: "top-end", disabled: disabled do %>
   <%= link_to_dialog render_icon(:edit),
-    alchemy.edit_admin_ingredient_path(id: picture_editor.id, language_id: @page.language_id),
+    disabled ? nil : alchemy.edit_admin_ingredient_path(id: picture_editor.id, language_id: @page.language_id),
     {
       title: Alchemy.t(:edit_image_properties),
       size: "380x255"

data/app/views/alchemy/language_links/_spacer.html.erb

@@ -1 +1 @@
-<%= options[:spacer].html_safe %>
+<%= options[:spacer].html_safe %>

data/app/views/alchemy/messages_mailer/new.html.erb

@@ -1 +1 @@
-<%= render_elements %>
+<%= render_elements %>