alchemy_cms 8.0.0.a → 8.0.0.c

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

@@ -0,0 +1,13 @@
+<div id="sorting_select">
+  <div class="filter-input">
+    <alchemy-auto-submit>
+      <%= label_tag "q[s]", t(".label") %>
+      <%= select_tag "q[s]", options_for_select([
+        [t(".by_latest"), "created_at desc"],
+        [t(".alphabetical"), "name asc"]
+      ], search_filter_params.dig(:q, :s)),
+      form: "resource_search",
+      class: "full_width" %>
+    </alchemy-auto-submit>
+  </div>
+</div>

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

@@ -1,5 +1,5 @@
 <% if Alchemy::Picture.tag_counts.any? %>
-  <h3><%= Alchemy.t("Filter by tag") %></h3>
+  <label><%= Alchemy.t("Filter by tag") %></label>
   <%= render Alchemy::Admin::ListFilter.new(".tag-list li") %>
   <ul>
     <%= render_tag_list('Alchemy::Picture') %>

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

@@ -1,9 +1,4 @@
-<%= form_tag update_multiple_admin_pictures_path do %>
-  <%= hidden_field_tag :q, search_filter_params[:q] %>
-  <%= hidden_field_tag :size, @size %>
-  <%= hidden_field_tag :tagged_with, search_filter_params[:tagged_with] %>
-  <%= hidden_field_tag :filter, search_filter_params[:filter] %>
-
+<%= form_tag update_multiple_admin_pictures_path(search_filter_params.merge(size: @size.presence)) do %>
   <% @pictures.pluck(:id).each do |id| %>
   <%= hidden_field_tag "picture_ids[]", id %>
   <% end %>

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

@@ -17,10 +17,7 @@
         <%= link_to(
           render_icon('zoom-out'),
           alchemy.admin_pictures_path(
-            size: "small",
-            q: search_filter_params[:q],
-            filter: search_filter_params[:filter],
-            tagged_with: search_filter_params[:tagged_with]
+            search_filter_params.merge(size: "small").to_h
           ),
           class: "icon_button"
         ) %>
@@ -29,10 +26,7 @@
         <%= link_to(
           render_icon('search'),
           alchemy.admin_pictures_path(
-            size: "medium",
-            q: search_filter_params[:q],
-            filter: search_filter_params[:filter],
-            tagged_with: search_filter_params[:tagged_with]
+            search_filter_params.merge(size: "medium").to_h
           ),
           class: "icon_button"
         ) %>
@@ -41,10 +35,7 @@
         <%= link_to(
           render_icon('zoom-in'),
           alchemy.admin_pictures_path(
-            size: "large",
-            q: search_filter_params[:q],
-            filter: search_filter_params[:filter],
-            tagged_with: search_filter_params[:tagged_with]
+            search_filter_params.merge(size: "large").to_h
           ),
           class: "icon_button"
         ) %>

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

@@ -1,16 +1,19 @@
 <div class="zoomed-picture-background">
-  <%= image_tag @picture.url || "alchemy/missing-image.svg" %>
+  <% if @picture.image_file %>
+    <%= image_tag @picture.url %>
+  <% else %>
+    <alchemy-icon name="file-damage"></alchemy-icon>
+  <% end %>
 </div>
 
 <div class="picture-overlay-navigation">
   <% if @previous %>
     <%= link_to alchemy.admin_picture_path(
-        id: @previous,
-        q: search_filter_params[:q],
-        page: params[:page],
-        tagged_with: search_filter_params[:tagged_with],
-        size: @size,
-        filter: search_filter_params[:filter]
+        :previous,
+        search_filter_params.merge(
+          picture_index: @previous,
+          size: @size
+        ).to_h
       ),
       class: "previous-picture",
       remote: true do %>
@@ -19,12 +22,11 @@
   <% end %>
   <% if @next %>
     <%= link_to alchemy.admin_picture_path(
-        id: @next,
-        q: search_filter_params[:q],
-        page: params[:page],
-        tagged_with: search_filter_params[:tagged_with],
-        size: @size,
-        filter: search_filter_params[:filter]
+        :next,
+        search_filter_params.merge(
+          picture_index: @next,
+          size: @size
+        ).to_h
       ),
       class: "next-picture",
       remote: true do %>
@@ -34,7 +36,8 @@
 </div>
 
 <div class="picture-details-overlay">
-  <%= render 'form' %>
+  <%= render 'form', picture_index: @previous || @next || 0 %>
+  <hr>
   <%= render 'infos' %>
 </div>
 

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

@@ -2,5 +2,5 @@
   <%= @message[:body] %>
 </alchemy-growl>
 <%= turbo_stream.replace("picture_#{@picture.id}") do %>
-  <%= render "picture", picture: @picture %>
+  <%= render "picture", picture: @picture, picture_index: params[:picture_index] %>
 <% end %>

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

@@ -1,17 +1,7 @@
 <div id="filter_bar">
-  <% alchemy_filters.each do |filter| %>
-    <%= render filter.input_component(search_filter_params, @query) %>
-  <% end %>
+  <alchemy-auto-submit>
+    <% alchemy_filters.each do |filter| %>
+      <%= render filter.input_component(search_filter_params, @query) %>
+    <% end %>
+  </alchemy-auto-submit>
 </div>
-
-<script type="module">
-  // Still using jQuery here, because select2 does emit the event from
-  // the correct element.
-  $('#filter_bar').on('change', function(event) {
-    // We need to dispatch a submit event, so that Turbo that listens
-    // to it submits the search form us.
-    const submitEvent = new Event("submit", { bubbles: true, cancelable: true });
-    event.target.form.dispatchEvent(submitEvent);
-    return false;
-  });
-</script>

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

@@ -0,0 +1,36 @@
+<div class="resource-usage-info">
+  <% if assignments.any? %>
+    <alchemy-message type="info">
+      <%= Alchemy.t(resource_name, scope: :used_on_these_pages) %>
+    </alchemy-message>
+    <ul class="resource_page_list">
+      <% assignments.group_by(&:page).each do |page, related_ingredients| %>
+        <% if page %>
+          <li>
+            <h3>
+              <%= render_icon 'file' %>
+              <p><%= link_to page.name, edit_admin_page_path(page) %></p>
+            </h3>
+            <ul class="list">
+              <% related_ingredients.group_by(&:element).each do |element, related_ingredients| %>
+                <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 %>
+                  <%= render_icon(:draggable, style: false) %>
+                  <p>
+                    <%== Alchemy.t(:pictures_in_page, page: page_link, pictures: ingredients) %>
+                  </p>
+                </li>
+              <% end %>
+            </ul>
+          </li>
+        <% end %>
+      <% end %>
+    </ul>
+  <% else %>
+    <%= render_message do %>
+      <%= Alchemy.t(resource_name, scope: :not_in_use_yet) %>
+    <% end %>
+  <% end %>
+</div>

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

@@ -19,71 +19,6 @@
 
 <h1>AlchemyCMS Styleguide</h1>
 
-<h2>Typography</h2>
-
-<h1>Heading 1</h1>
-<h2>Heading 2</h2>
-<h3>Heading 3</h3>
-<h4>Heading 4</h4>
-<h5>Heading 5</h5>
-
-<p>This is a paragraph, with <a href="#">a link</a>, a <kbd>keyboard shortcut</kbd> and an <code>inline code snippet</code>.</p>
-
-<h2>Messages</h2>
-
-<h3>Info Message</h3>
-
-<%= render_message do %>
-  <p>Lorem ipsum <strong>dolor</strong> sit amet, consectetur 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>
-<% end %>
-
-<h3>Error Message</h3>
-
-<%= render_message :error do %>
-  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
-<% end %>
-
-<h3>Tags Autocomplete</h3>
-
-<div>
-  <alchemy-tags-autocomplete>
-    <input type="text" class="full_width" />
-  </alchemy-tags-autocomplete>
-</div>
-
-<h3>Growl Messages</h3>
-
-<%= link_to render_icon(:check), 'javascript:Alchemy.growl("Success message")', class: "icon_button" %>
-<%= link_to render_icon(:info), 'javascript:Alchemy.growl("Info message", "info")', class: "icon_button" %>
-<%= link_to render_icon(:alert), 'javascript:Alchemy.growl("Warning message", "warn")', class: "icon_button" %>
-<%= link_to render_icon(:bug), 'javascript:Alchemy.growl("Error message", "error")', class: "icon_button" %>
-
-<h2>Dialog Links</h2>
-
-<sl-tooltip content="Open in Dialog">
-  <a
-    href="/admin/styleguide"
-    is="alchemy-dialog-link"
-    class="icon_button"
-    data-dialog-options="{&quot;size&quot;:&quot;800x600&quot;,&quot;title&quot;:&quot;Styleguide in Dialog&quot;}"
-  >
-    <%= render_icon "window" %>
-  </a>
-</sl-tooltip>
-<a
-  href="#"
-  is="alchemy-dialog-link"
-  class="icon_button disabled"
->
-  <%= render_icon "window" %>
-</a>
-
 <h2>Forms</h2>
 
 <div class="panel">
@@ -102,6 +37,13 @@
       </select>
     </div>
 
+    <div class="input select">
+      <label class="select control-label" for="select">Disabled Select</label>
+      <select class="select" id="disabled-select" is="alchemy-select" disabled>
+        <option value="">Cannot choose</option>
+      </select>
+    </div>
+
     <div class="input">
       <label class="control-label" for="datetime_picker">Date Time Picker</label>
       <alchemy-datepicker input-type="datetime">
@@ -171,7 +113,7 @@
     <div class="input text">
       <label class="text control-label" for="textarea">Textarea</label>
       <textarea class="text" id="textarea"></textarea>
-      <small class="hint">With hint</small>
+      <small class="hint">With hint and a <a href="/admin/styleguide">link</a> inside.</small>
     </div>
 
     <div class="input text tinymce_container">
@@ -188,6 +130,116 @@
   </form>
 </div>
 
+<h2>Buttons</h2>
+
+<p>
+  <button class="secondary" disabled>Disabled Secondary</button>
+  <button type="submit" is="alchemy-button" disabled>Disabled Primary</button>
+</p>
+
+<h2>Selects</h2>
+
+<div style="display: flex; gap: 1em;">
+  <div style="width: 25%">
+    <h3>Select with Search</h3>
+    <select is="alchemy-select" class="full_width">
+      <option value="1">Option 1</option>
+      <option value="2">Option 2</option>
+      <option value="3">Option 3</option>
+      <option value="4">Option 4</option>
+      <option value="5">Option 5</option>
+      <option value="6">Option 6</option>
+      <option value="7">Option 7</option>
+    </select>
+  </div>
+
+  <div style="width: 25%">
+    <h3>Page Select</h3>
+    <%= render Alchemy::Admin::PageSelect.new do %>
+      <input name="page" class="full_width" />
+    <% end %>
+  </div>
+
+  <div style="width: 25%">
+    <h3>Node Select</h3>
+    <%= render Alchemy::Admin::NodeSelect.new do %>
+      <input name="node" class="full_width" />
+    <% end %>
+  </div>
+
+  <div style="width: 25%">
+    <h3>Attachment Select</h3>
+    <%= render Alchemy::Admin::AttachmentSelect.new do %>
+      <input name="attachment" class="full_width" />
+    <% end %>
+  </div>
+</div>
+
+<h3>Tags Autocomplete</h3>
+
+<div style="width: 25%">
+  <alchemy-tags-autocomplete>
+    <input type="text" class="full_width" />
+  </alchemy-tags-autocomplete>
+</div>
+
+<h2>Typography</h2>
+
+<h1>Heading 1</h1>
+<h2>Heading 2</h2>
+<h3>Heading 3</h3>
+<h4>Heading 4</h4>
+<h5>Heading 5</h5>
+
+<p>This is a paragraph, with <a href="#">a link</a>, a <kbd>keyboard shortcut</kbd> and an <code>inline code snippet</code>.</p>
+
+<h2>Messages</h2>
+
+<h3>Info Message</h3>
+
+<%= render_message do %>
+  <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>
+<% end %>
+
+<h3>Error Message</h3>
+
+<%= render_message :error do %>
+  <p>Lorem ipsum dolor sit amet, <a href="">consectetur</a> adipiscing elit.</p>
+<% end %>
+
+<h3>Growl Messages</h3>
+
+<%= link_to render_icon(:check), 'javascript:Alchemy.growl("Success message")', class: "icon_button" %>
+<%= link_to render_icon(:info), 'javascript:Alchemy.growl("Info message", "info")', class: "icon_button" %>
+<%= link_to render_icon(:alert), 'javascript:Alchemy.growl("Warning message", "warn")', class: "icon_button" %>
+<%= link_to render_icon(:bug), 'javascript:Alchemy.growl("Error message", "error")', class: "icon_button" %>
+
+<h2>Dialog Links</h2>
+
+<sl-tooltip content="Open in Dialog">
+  <a
+    href="/admin/styleguide"
+    is="alchemy-dialog-link"
+    class="icon_button"
+    data-dialog-options="{&quot;size&quot;:&quot;800x600&quot;,&quot;title&quot;:&quot;Styleguide in Dialog&quot;}"
+  >
+    <%= render_icon "window" %>
+  </a>
+</sl-tooltip>
+<a
+  href="#"
+  is="alchemy-dialog-link"
+  class="icon_button disabled"
+>
+  <%= render_icon "window" %>
+</a>
+
 <h2>Tables</h2>
 
 <h3>Normal Table</h3>

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

@@ -1,5 +1,5 @@
 <% file_types = Alchemy.config.uploader.allowed_filetypes[object.class.model_name.collection] || ['*'] %>
-<% accept = file_types == ["*"] ? false : file_types.map {|type| ".#{type}"}.join(", ") %>
+<% accept = file_types.to_a == ["*"] ? nil : file_types.map {|type| ".#{type}"}.join(", ") %>
 
 <alchemy-uploader dropzone="<%= local_assigns[:dropzone] || "#main_content" %>">
   <%= form_for [:admin, object], html: { multipart: true, class: 'upload-button' } do |f| %>

data/app/views/alchemy/base/error_notice.html.erb

@@ -1,3 +1,3 @@
 <%= render_message :error do %>
-  <strong><%= @notice %></strong>
+  <%= @notice %>
 <% end %>

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

@@ -7,7 +7,6 @@
       <%= f.text_field :page_id,
         value: page_editor.page&.id,
         id: page_editor.form_field_id(:page_id),
-        required: page_editor.presence_validation?,
         class: 'full_width' %>
       <% end %>
     <% end %>

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

@@ -9,7 +9,6 @@
       <%= f.text_area :value,
         minlength: richtext_editor.length_validation&.fetch(:minimum, nil),
         maxlength: richtext_editor.length_validation&.fetch(:maximum, nil),
-        required: richtext_editor.presence_validation?,
         id: richtext_editor.form_field_id(:value) %>
     <% end %>
   <% end %>

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

@@ -24,8 +24,7 @@
       <%= f.select :value, options_tags, {}, {
         id: select_editor.form_field_id,
         class: ["ingredient-editor-select"],
-        is: "alchemy-select",
-        required: select_editor.presence_validation?
+        is: "alchemy-select"
       } %>
     <% end %>
   <% end %>

data/app/views/layouts/alchemy/admin.html.erb

@@ -1,8 +1,9 @@
 <!DOCTYPE html>
-<html lang="<%= ::I18n.locale %>" class="no-js loading-custom-elements alchemy-light">
+<html lang="<%= ::I18n.locale %>" class="no-js loading-custom-elements">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="color-scheme" content="light dark">
     <title><%= render_alchemy_title %></title>
     <link rel="shortcut icon" href="<%= asset_path('alchemy/favicon.ico') %>">
     <link rel="preload" href="<%= asset_path("alchemy/icons-sprite.svg") %>" as="image" type="<%= Mime::Type.lookup_by_extension(:svg) %>" crossorigin>
@@ -10,9 +11,10 @@
     <meta name="robots" content="noindex">
     <meta name="turbo-prefetch" content="false">
     <meta name="turbo-cache-control" content="no-cache">
+    <%= stylesheet_link_tag('alchemy/theme', media: 'screen', 'data-turbo-track' => true) %>
     <%= stylesheet_link_tag('alchemy/admin', media: 'screen', 'data-turbo-track' => true) %>
     <%= stylesheet_link_tag('alchemy/admin/print', media: 'print', 'data-turbo-track' => true) %>
-    <% Alchemy.admin_stylesheets.each do |stylesheet| %>
+    <% Alchemy.config.admin_stylesheets.each do |stylesheet| %>
       <%= stylesheet_link_tag(stylesheet, 'data-turbo-track' => true) %>
     <% end %>
     <%= yield :stylesheets %>
@@ -27,7 +29,7 @@
     <%= render 'alchemy/admin/tinymce/setup' %>
     <%= render 'alchemy/admin/partials/routes' %>
     <%= javascript_importmap_tags("alchemy_admin", importmap: Alchemy.importmap) %>
-    <% Alchemy.admin_js_imports.each do |path| %>
+    <% Alchemy.config.admin_js_imports.each do |path| %>
       <script type="module">
         import "<%= path %>"
       </script>
@@ -49,23 +51,26 @@
         <% end %>
         <%= yield(:alchemy_main_navigation) %>
       </div>
-      <div id="logout" class="main_navi_entry">
-        <% if current_alchemy_user %>
-          <%= link_to_dialog(
-            %(
-              #{render_icon('logout-box-r', class: 'module')}
-              <label>#{Alchemy.t(:leave)}</label>
-            ).html_safe,
-            alchemy.leave_admin_path, {
-              size: "300x155",
-              title: Alchemy.t("Leave Alchemy")
-          }, {'data-alchemy-hotkey' => 'alt+q'}) %>
-        <% else %>
-          <%= link_to(alchemy.root_path) do %>
-            <%= render_icon "logout-box-r", size: "lg" %>
-            <label><%= Alchemy.t(:leave) %></label>
+
+      <div id="logout">
+        <div class="main_navi_entry">
+          <% if current_alchemy_user %>
+            <%= link_to_dialog(
+              %(
+                #{render_icon('logout-box-r', class: 'module')}
+                <label>#{Alchemy.t(:leave)}</label>
+              ).html_safe,
+              alchemy.leave_admin_path, {
+                size: "300x155",
+                title: Alchemy.t("Leave Alchemy")
+            }, {'data-alchemy-hotkey' => 'alt+q'}) %>
+          <% else %>
+            <%= link_to(alchemy.root_path) do %>
+              <%= render_icon "logout-box-r", size: "lg" %>
+              <label><%= Alchemy.t(:leave) %></label>
+            <% end %>
           <% end %>
-        <% end %>
+        </div>
       </div>
     </div>
     <% if current_alchemy_user %>
@@ -78,10 +83,7 @@
         <% end %>
         <div id="user_info">
           <%= current_alchemy_user_name %>
-          <% if Alchemy::I18n.available_locales.length > 1 %>
-            <%= select_tag 'change_locale',
-              options_for_select(translations_for_select, ::I18n.locale) %>
-          <% end %>
+          <%= render Alchemy::Admin::LocaleSelect.new %>
         </div>
       </div>
       <div id="toolbar">

data/config/locales/alchemy.en.yml

@@ -143,7 +143,7 @@ en:
         without_tag:
           name: Without tag
         deletable:
-          name: Not linked by file content
+          name: Not used
       attachment:
         by_file_type:
           name: File Type
@@ -156,6 +156,8 @@ en:
           name: Recently uploaded only
         without_tag:
           name: Without tag
+        deletable:
+          name: Not used
 
     default_ingredient_texts:
       lorem: "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
@@ -224,6 +226,11 @@ en:
       elements:
         toolbar:
           hide: Hide
+      pictures:
+        sorting_select:
+          label: "Sorting"
+          by_latest: "Latest"
+          alphabetical: "A-Z"
     add_nested_element: "Add %{name}"
     anchor: "Anchor"
     anchor_link_headline: You can link to an anchor from the current page.
@@ -333,7 +340,6 @@ en:
     "Size": "Size"
     "Successfully deleted element": "Successfully deleted %{element}"
     "Tags": "Tags"
-    "These pictures could not be deleted, because they were in use": "These pictures could not be deleted, because they were in use: %{names}"
     "This page is locked": "This page is currently locked by %{name}"
     "Title": "Title"
     "Trash": "Trash"
@@ -561,6 +567,7 @@ en:
     password: "Password"
     paste: "paste"
     pictures_in_page: "%{page} in %{pictures}"
+    pictures_will_be_deleted_now: Pictures will be deleted now
     place_link: "Add link"
     player_version: "Flash Player version"
     "please enter subject and mail address": "Please enter recipient and subject."
@@ -621,6 +628,12 @@ en:
     tag_list: Tags
     tags_get_created_if_used_the_first_time: "Tags get created if used the first time."
     this_picture_is_used_on_these_pages: "This picture is used on following pages"
+    used_on_these_pages:
+      attachment: "This file is used on following pages"
+      picture: "This picture is used on following pages"
+    not_in_use_yet:
+      attachment: "This file is not in use yet."
+      picture: "This picture is not in use yet."
     title: "Title"
     to_alchemy: "To Alchemy"
     unknown: "unknown"
@@ -773,16 +786,19 @@ en:
               node_ingredients_present: "This menu item is in use inside an Alchemy element on the following pages: %{page_names}."
         alchemy/site:
           attributes:
-            languages:
-              still_present: "are still attached to this site. Please remove them first."
+            base:
+              restrict_dependent_destroy:
+                has_many: "There are still %{record} attached to this site. Please remove them first."
         alchemy/language:
           attributes:
-            pages:
-              still_present: "are still attached to this language. Please remove them first."
+            base:
+              restrict_dependent_destroy:
+                has_many: "There are still %{record} attached to this language. Please remove them first."
         alchemy/page:
           attributes:
-            nodes:
-              still_present: "are still attached to this page. Please remove them first."
+            base:
+              restrict_dependent_destroy:
+                has_many: "There are still %{record} attached to this page. Please remove them first."
     models:
       gutentag/tag:
         one: Tag
@@ -869,6 +885,7 @@ en:
         public: "Public"
         locale: Localization
         code: ISO Code
+        nodes: Menu nodes
       alchemy/legacy_page_url:
         urlname: "URL-Path"
       alchemy/node:
@@ -887,6 +904,7 @@ en:
         meta_description: "Description"
         meta_keywords: "Keywords"
         name: "Name"
+        nodes: "Menu nodes"
         page_layout: "Page type"
         public: "public"
         restricted: "restricted"

data/db/migrate/20250905140323_add_created_at_index_to_pictures_and_attachments.rb

@@ -0,0 +1,14 @@
+class AddCreatedAtIndexToPicturesAndAttachments < ActiveRecord::Migration[7.1]
+  disable_ddl_transaction! if connection.adapter_name.match?(/postgres/i)
+
+  def change
+    add_index :alchemy_pictures, :created_at, if_not_exists: true, algorithm: algorithm
+    add_index :alchemy_attachments, :created_at, if_not_exists: true, algorithm: algorithm
+  end
+
+  private
+
+  def algorithm
+    connection.adapter_name.match?(/postgres/i) ? :concurrently : nil
+  end
+end