headmin 0.5.1 → 0.5.2

data/app/views/headmin/forms/_repeater.html.erb

@@ -11,24 +11,24 @@
   #
   # ==== Examples
   #   # Basic version
-  #   <% render "headmin/forms/repeater", form: form, attribute: :questions do |question| %#>
-  #     <% render "admin/questions/fields, form: :question" %#>
+  #   <% render 'headmin/forms/repeater', form: form, attribute: :questions do |question| %#>
+  #     <% render 'admin/questions/fields, form: :question' %#>
   #   <% end %#>
   #
   #   # Let list group sit flush within its container
-  #   <% render "headmin/forms/repeater", form: form, attribute: :questions, flush: true do |question| %#>
-  #     <% render "admin/questions/fields, form: :question" %#>
+  #   <% render 'headmin/forms/repeater', form: form, attribute: :questions, flush: true do |question| %#>
+  #     <% render 'admin/questions/fields, form: :question' %#>
   #   <% end %#>
   #
   #   # With fixed header row. A header row can be used to show the labels, so you can omit them in the repeated fields
-  #   <% render "headmin/forms/repeater", form: form, attribute: :questions, header: 'admin/questions/header' do |question| %#>
-  #     <% render "admin/questions/fields, form: :question" %#>
+  #   <% render 'headmin/forms/repeater', form: form, attribute: :questions, header: 'admin/questions/header' do |question| %#>
+  #     <% render 'admin/questions/fields, form: :question' %#>
   #   <% end %#>
   #
   #   # Allow more than one type of fields to be inserted. You must specify the templates as an array of view paths
   #   <% templates = ['admin/questions/fields/type_1', 'admin/questions/fields/type_2'] %#>
-  #   <% render "headmin/forms/repeater", form: form, attribute: :questions, templates: templates do |question| %#>
-  #     <% render "admin/questions/fields, form: :question" %#>
+  #   <% render 'headmin/forms/repeater', form: form, attribute: :questions, templates: templates do |question| %#>
+  #     <% render 'admin/questions/fields, form: :question' %#>
   #   <% end %#>
 
   label = local_assigns.has_key?(:label) ? label : nil
@@ -52,7 +52,7 @@
 
 <!-- Label -->
 <% if show_label %>
-  <%= render "headmin/forms/label", form: form, attribute: attribute, text: label, required: required %>
+  <%= render 'headmin/forms/label', form: form, attribute: attribute, text: label, required: required %>
 <% end %>
 
 <ul class="repeater list-group <%= 'list-group-flush' if flush %>" data-controller="repeater" data-repeater-target="list" data-repeater-id-value="<%= repeater_id %>">
@@ -66,7 +66,7 @@
 
   <!-- Rows -->
   <%= form.fields_for attribute, associations do |ff| %>
-    <%= render "headmin/forms/repeater/row", pass_thru: pass_thru, form: ff, repeater_id: repeater_id do %>
+    <%= render 'headmin/forms/repeater/row', pass_thru: pass_thru, form: ff, repeater_id: repeater_id do %>
       <%= yield(ff) %>
     <% end %>
   <% end %>
@@ -93,7 +93,7 @@
     </div>
 
     <!-- Popup  -->
-    <%= render "headmin/popup", id: "repeater-buttons-#{repeater_id}" do %>
+    <%= render 'headmin/popup', id: "repeater-buttons-#{repeater_id}" do %>
       <div class="d-grid gap-2">
         <% template_names.each do |name| %>
           <div
@@ -114,7 +114,7 @@
     <% template_names.each do |name| %>
       <template data-repeater-target="template" data-template-name="<%= name %>" data-template-id-regex="<%= association_object.object_id %>">
         <%= form.fields_for attribute, association_object, child_index: association_object.object_id do |ff| %>
-          <%= render "headmin/forms/repeater/row", form: ff, pass_thru: pass_thru, repeater_id: repeater_id do %>
+          <%= render 'headmin/forms/repeater/row', form: ff, pass_thru: pass_thru, repeater_id: repeater_id do %>
             <% yield(ff, name) %>
           <% end %>
         <% end %>

data/app/views/headmin/forms/_search.html.erb

@@ -24,20 +24,20 @@
   # ==== Examples
   #   Basic version
   #   <%= form_with do |form| %#>
-  #     <%= render "headmin/forms/search", form: form, attribute: "basic_example" %#>
+  #     <%= render 'headmin/forms/search', form: form, attribute: "basic_example" %#>
   #   <% end %#>
 
   search = Headmin::Form::SearchView.new(local_assigns)
 %>
 
-<%= render "headmin/forms/wrapper", search.wrapper_options do %>
-  <%= render "headmin/forms/label", search.label_options if search.prepend_label? %>
-  <%= render "headmin/forms/input_group", search.input_group_options do %>
+<%= render 'headmin/forms/wrapper', search.wrapper_options do %>
+  <%= render 'headmin/forms/label', search.label_options if search.prepend_label? %>
+  <%= render 'headmin/forms/input_group', search.input_group_options do %>
     <%= form.search_field(search.attribute, search.input_options) %>
-    <%= render "headmin/forms/datalist", search.datalist_options if search.datalist? %>
-    <%= render "headmin/forms/autocomplete", search.autocomplete_options if search.autocomplete? %>
+    <%= render 'headmin/forms/datalist', search.datalist_options if search.datalist? %>
+    <%= render 'headmin/forms/autocomplete', search.autocomplete_options if search.autocomplete? %>
   <% end %>
-  <%= render "headmin/forms/validation", search.validation_options if search.validate? %>
-  <%= render "headmin/forms/hint", search.hint_options if search.hint? %>
-  <%= render "headmin/forms/label", search.label_options if search.append_label? %>
+  <%= render 'headmin/forms/validation', search.validation_options if search.validate? %>
+  <%= render 'headmin/forms/hint', search.hint_options if search.hint? %>
+  <%= render 'headmin/forms/label', search.label_options if search.append_label? %>
 <% end %>

data/app/views/headmin/forms/_select.html.erb

@@ -25,19 +25,19 @@
   # ==== Examples
   #   Basic version
   #   <%= form_with do |form| %#>
-  #     <%= render "headmin/forms/select", form: form, attribute: :color, collection: %w[red green blue] %#>
+  #     <%= render 'headmin/forms/select', form: form, attribute: :color, collection: %w[red green blue] %#>
   #   <% end %#>
 
   select = Headmin::Form::SelectView.new(local_assigns)
 %>
 
-<%= render "headmin/forms/wrapper", select.wrapper_options do %>
-  <%= render "headmin/forms/label", select.label_options if select.prepend_label? %>
-  <%= render "headmin/forms/input_group", select.input_group_options do %>
+<%= render 'headmin/forms/wrapper', select.wrapper_options do %>
+  <%= render 'headmin/forms/label', select.label_options if select.prepend_label? %>
+  <%= render 'headmin/forms/input_group', select.input_group_options do %>
     <%= form.select(select.attribute, select.collection, select.select_options, select.input_options) %>
   <% end %>
-  <%= render "headmin/forms/validation", select.validation_options if select.validate? %>
-  <%= render "headmin/forms/hint", select.hint_options if select.hint? %>
-  <%= render "headmin/forms/datalist", select.datalist_options if select.datalist? %>
-  <%= render "headmin/forms/label", select.label_options if select.append_label? %>
+  <%= render 'headmin/forms/validation', select.validation_options if select.validate? %>
+  <%= render 'headmin/forms/hint', select.hint_options if select.hint? %>
+  <%= render 'headmin/forms/datalist', select.datalist_options if select.datalist? %>
+  <%= render 'headmin/forms/label', select.label_options if select.append_label? %>
 <% end %>

data/app/views/headmin/forms/_switch.html.erb

@@ -20,10 +20,10 @@
   # ==== Examples
   #   Basic version
   #   <%= form_with do |form| %#>
-  #     <%= render "headmin/forms/switch", form: form, attribute: :active %#>
+  #     <%= render 'headmin/forms/switch', form: form, attribute: :active %#>
   #   <% end %#>
 
   switch = Headmin::Form::SwitchView.new(local_assigns)
 %>
 
-<%= render "headmin/forms/checkbox", switch.options %>
+<%= render 'headmin/forms/checkbox', switch.options %>

data/app/views/headmin/forms/_text.html.erb

@@ -24,20 +24,20 @@
   # ==== Examples
   #   Basic version
   #   <%= form_with do |form| %#>
-  #     <%= render "headmin/forms/text", form: form, attribute: :title %#>
+  #     <%= render 'headmin/forms/text', form: form, attribute: :title %#>
   #   <% end %#>
 
   text = Headmin::Form::TextView.new(local_assigns)
 %>
 
-<%= render "headmin/forms/wrapper", text.wrapper_options do %>
-  <%= render "headmin/forms/label", text.label_options if text.prepend_label? %>
-  <%= render "headmin/forms/input_group", text.input_group_options do %>
+<%= render 'headmin/forms/wrapper', text.wrapper_options do %>
+  <%= render 'headmin/forms/label', text.label_options if text.prepend_label? %>
+  <%= render 'headmin/forms/input_group', text.input_group_options do %>
     <%= form.text_field(text.attribute, text.input_options) %>
-    <%= render "headmin/forms/datalist", text.datalist_options if text.datalist? %>
-    <%= render "headmin/forms/autocomplete", text.autocomplete_options if text.autocomplete? %>
+    <%= render 'headmin/forms/datalist', text.datalist_options if text.datalist? %>
+    <%= render 'headmin/forms/autocomplete', text.autocomplete_options if text.autocomplete? %>
   <% end %>
-  <%= render "headmin/forms/validation", text.validation_options if text.validate? %>
-  <%= render "headmin/forms/hint", text.hint_options if text.hint? %>
-  <%= render "headmin/forms/label", text.label_options if text.append_label? %>
+  <%= render 'headmin/forms/validation', text.validation_options if text.validate? %>
+  <%= render 'headmin/forms/hint', text.hint_options if text.hint? %>
+  <%= render 'headmin/forms/label', text.label_options if text.append_label? %>
 <% end %>

data/app/views/headmin/forms/_textarea.html.erb

@@ -22,18 +22,18 @@
   # ==== Examples
   #   Basic version
   #   <%= form_with do |form| %#>
-  #     <%= render "headmin/forms/textarea", form: form, attribute: :text %#>
+  #     <%= render 'headmin/forms/textarea', form: form, attribute: :text %#>
   #   <% end %#>
 
   textarea = Headmin::Form::TextareaView.new(local_assigns)
 %>
 
-<%= render "headmin/forms/wrapper", textarea.wrapper_options do %>
-  <%= render "headmin/forms/label", textarea.label_options if textarea.prepend_label? %>
-  <%= render "headmin/forms/input_group", textarea.input_group_options do %>
+<%= render 'headmin/forms/wrapper', textarea.wrapper_options do %>
+  <%= render 'headmin/forms/label', textarea.label_options if textarea.prepend_label? %>
+  <%= render 'headmin/forms/input_group', textarea.input_group_options do %>
     <%= form.text_area(textarea.attribute, textarea.input_options) %>
   <% end %>
-  <%= render "headmin/forms/validation", textarea.validation_options if textarea.validate? %>
-  <%= render "headmin/forms/hint", textarea.hint_options if textarea.hint? %>
-  <%= render "headmin/forms/label", textarea.label_options if textarea.append_label? %>
+  <%= render 'headmin/forms/validation', textarea.validation_options if textarea.validate? %>
+  <%= render 'headmin/forms/hint', textarea.hint_options if textarea.hint? || textarea.maxlength? %>
+  <%= render 'headmin/forms/label', textarea.label_options if textarea.append_label? %>
 <% end %>

data/app/views/headmin/forms/_url.html.erb

@@ -24,20 +24,20 @@
   # ==== Examples
   #   Basic version
   #   <%= form_with do |form| %#>
-  #     <%= render "headmin/forms/url", form: form, attribute: :website_url %#>
+  #     <%= render 'headmin/forms/url', form: form, attribute: :website_url %#>
   #   <% end %#>
 
   url = Headmin::Form::UrlView.new(local_assigns)
 %>
 
-<%= render "headmin/forms/wrapper", url.wrapper_options do %>
-  <%= render "headmin/forms/label", url.label_options if url.prepend_label? %>
-  <%= render "headmin/forms/input_group", url.input_group_options do %>
+<%= render 'headmin/forms/wrapper', url.wrapper_options do %>
+  <%= render 'headmin/forms/label', url.label_options if url.prepend_label? %>
+  <%= render 'headmin/forms/input_group', url.input_group_options do %>
     <%= form.url_field(url.attribute, url.input_options) %>
-    <%= render "headmin/forms/datalist", url.datalist_options if url.datalist? %>
-    <%= render "headmin/forms/autocomplete", url.autocomplete_options if url.autocomplete? %>
+    <%= render 'headmin/forms/datalist', url.datalist_options if url.datalist? %>
+    <%= render 'headmin/forms/autocomplete', url.autocomplete_options if url.autocomplete? %>
   <% end %>
-  <%= render "headmin/forms/validation", url.validation_options if url.validate? %>
-  <%= render "headmin/forms/hint", url.hint_options if url.hint? %>
-  <%= render "headmin/forms/label", url.label_options if url.append_label? %>
+  <%= render 'headmin/forms/validation', url.validation_options if url.validate? %>
+  <%= render 'headmin/forms/hint', url.hint_options if url.hint? %>
+  <%= render 'headmin/forms/label', url.label_options if url.append_label? %>
 <% end %>

data/app/views/headmin/forms/_validation.html.erb

@@ -10,7 +10,7 @@
   #
   # ==== Examples
   #   Basic version
-  #   <%= render "headmin/forms/validation", id: id, message: message %#>
+  #   <%= render 'headmin/forms/validation', id: id, message: message %#>
 %>
 
 <div class="<%= valid ? "valid-feedback" : "invalid-feedback" %>" id="<%= id %>">

data/app/views/headmin/forms/_wysiwyg.html.erb

@@ -19,10 +19,10 @@
   # ==== Examples
   #   Basic version
   #   <%= form_with do |form| %#>
-  #     <%= render "headmin/forms/redactorx", form: form, attribute: :text %#>
+  #     <%= render 'headmin/forms/redactorx', form: form, attribute: :text %#>
   #   <% end %#>
 
   wysiwyg = Headmin::Form::WysiwygView.new(local_assigns)
 %>
 
-<%= render "headmin/forms/redactorx", wysiwyg.options %>
+<%= render 'headmin/forms/redactorx', wysiwyg.options %>

data/app/views/headmin/forms/fields/_base.html.erb

@@ -8,8 +8,8 @@
   #
   # ==== Examples
   #   Basic version
-  #   <%= render "headmin/forms/fields/base", form: form, field_type: :text, name: name do |field, label| %#>
-  #     <%= render "headmin/forms/text", form: field, attribute: :value, label: label %#>
+  #   <%= render 'headmin/forms/fields/base', form: form, field_type: :text, name: name do |field, label| %#>
+  #     <%= render 'headmin/forms/text', form: field, attribute: :value, label: label %#>
   #   <% end %#>
 
   field = form.object.fields.detect { |field| field.name.to_s == name.to_s }

data/app/views/headmin/forms/fields/_file.html.erb

@@ -7,11 +7,11 @@
   #
   # ==== Examples
   #   Basic version
-  #   <%= render "headmin/forms/fields/file", form: group, name: :file do |field, attribute, label| %#>
-  #     <%= render "headmin/forms/file", form: field, attribute: attribute, label: label %#>
+  #   <%= render 'headmin/forms/fields/file', form: group, name: :file do |field, attribute, label| %#>
+  #     <%= render 'headmin/forms/file', form: field, attribute: attribute, label: label %#>
   #   <% end %#>
 %>
 
-<%= render "headmin/forms/fields/base", form: form, field_type: :file, name: name do |field, label| %>
+<%= render 'headmin/forms/fields/base', form: form, field_type: :file, name: name do |field, label| %>
   <% yield field, :files, label %>
 <% end %>

data/app/views/headmin/forms/fields/_files.html.erb

@@ -7,11 +7,11 @@
   #
   # ==== Examples
   #   Basic version
-  #   <%= render "headmin/forms/fields/file", form: group, name: :file do |field, attribute, label| %#>
-  #     <%= render "headmin/forms/file", form: field, attribute: attribute, label: label %#>
+  #   <%= render 'headmin/forms/fields/file', form: group, name: :file do |field, attribute, label| %#>
+  #     <%= render 'headmin/forms/file', form: field, attribute: attribute, label: label %#>
   #   <% end %#>
 %>
 
-<%= render "headmin/forms/fields/base", form: form, field_type: :files, name: name do |field, label| %>
+<%= render 'headmin/forms/fields/base', form: form, field_type: :files, name: name do |field, label| %>
   <% yield field, :files, label %>
 <% end %>

data/app/views/headmin/forms/fields/_group.html.erb

@@ -8,16 +8,16 @@
   #
   # ==== Examples
   #   Basic version
-  #   <%= render "headmin/forms/fields/group", form: form, name: :button do |group| %#>
+  #   <%= render 'headmin/forms/fields/group', form: form, name: :button do |group| %#>
   #     <div class="row">
   #       <div class="col-md-6">
-  #         <%= render "headmin/forms/fields/text", form: group, name: :name do |field, attribute, label| %#>
-  #           <%= render "headmin/forms/text", form: field, attribute: attribute, label: label %#>
+  #         <%= render 'headmin/forms/fields/text', form: group, name: :name do |field, attribute, label| %#>
+  #           <%= render 'headmin/forms/text', form: field, attribute: attribute, label: label %#>
   #         <% end %#>
   #       </div>
   #       <div class="col-md-6">
-  #         <%= render "headmin/forms/fields/text", form: group, name: :url do |field, attribute, label| %#>
-  #           <%= render "headmin/forms/text", form: field, attribute: attribute, label: label %#>
+  #         <%= render 'headmin/forms/fields/text', form: group, name: :url do |field, attribute, label| %#>
+  #           <%= render 'headmin/forms/text', form: field, attribute: attribute, label: label %#>
   #         <% end %#>
   #       </div>
   #     </div>
@@ -28,9 +28,9 @@
   show_label = label != false
 %>
 
-<%= render "headmin/forms/fields/base", form: form, name: name, field_type: :group do |group, field_label| %>
+<%= render 'headmin/forms/fields/base', form: form, name: name, field_type: :group do |group, field_label| %>
   <% if show_label %>
-    <%= render "headmin/forms/label", form: form, attribute: :value, text: label || field_label %>
+    <%= render 'headmin/forms/label', form: form, attribute: :value, text: label || field_label %>
   <% end %>
 
   <% if wrapper %>

data/app/views/headmin/forms/fields/_list.html.erb

@@ -8,9 +8,9 @@
   #
   # ==== Examples
   #   Basic version
-  #   <%= render "headmin/forms/fields/list", form: form, name: :websites do |list| %#>
-  #     <%= render "headmin/forms/fields/text", form: list, name: :url do |field, attribute, label| %#>
-  #       <%= render "headmin/forms/text", form: field, attribute: attribute, label: label %#>
+  #   <%= render 'headmin/forms/fields/list', form: form, name: :websites do |list| %#>
+  #     <%= render 'headmin/forms/fields/text', form: list, name: :url do |field, attribute, label| %#>
+  #       <%= render 'headmin/forms/text', form: field, attribute: attribute, label: label %#>
   #     <% end %#>
   #   <% end %#>
 
@@ -18,8 +18,8 @@
   show_label = label != false
 %>
 
-<%= render "headmin/forms/fields/base", form: form, name: name, field_type: :list do |list, field_label| %>
-  <%= render "headmin/forms/repeater", form: list, attribute: :fields, label: show_label ? label || field_label : false, flush: false do |field| %>
+<%= render 'headmin/forms/fields/base', form: form, name: name, field_type: :list do |list, field_label| %>
+  <%= render 'headmin/forms/repeater', form: list, attribute: :fields, label: show_label ? label || field_label : false, flush: false do |field| %>
     <%= field.hidden_field :field_type, value: :group %>
     <%= yield field %>
   <% end %>

data/app/views/headmin/forms/fields/_text.html.erb

@@ -7,11 +7,11 @@
   #
   # ==== Examples
   #   Basic version
-  #   <%= render "headmin/forms/fields/text", form: group, name: :name do |field, attribute, label| %#>
-  #     <%= render "headmin/forms/text", form: field, attribute: attribute, label: label %#>
+  #   <%= render 'headmin/forms/fields/text', form: group, name: :name do |field, attribute, label| %#>
+  #     <%= render 'headmin/forms/text', form: field, attribute: attribute, label: label %#>
   #   <% end %#>
 %>
 
-<%= render "headmin/forms/fields/base", form: form, field_type: :text, name: name do |field, label| %>
+<%= render 'headmin/forms/fields/base', form: form, field_type: :text, name: name do |field, label| %>
   <% yield field, :value, label %>
 <% end %>

data/app/views/headmin/forms/media/_item.html.erb

@@ -0,0 +1,32 @@
+<%
+  attachment = form.object
+  filename = attachment.blob&.filename&.to_s
+  size = number_to_human_size(attachment.blob&.byte_size || 0)
+  src = nil
+  if attachment.blob
+    src = attachment.image? ? url_for(attachment.variant(resize_to_fill: [100, 100])) : url_for(attachment)
+  end
+%>
+
+<div class="h-form-file-thumbnail media-drag-sort-handle" title="<%= "#{filename} (#{size})" %>" data-media-target="item">
+  <%= form.hidden_field(:id) %>
+  <%= form.hidden_field(:blob_id) %>
+  <%= form.hidden_field(:position, value: attachment.new_record? ? nil : attachment.position) if sort %>
+  <%= form.hidden_field(:_destroy) %>
+
+  <a href="<%= url %>" data-turbo-frame="remote_modal" data-media-target="modalButton">
+    <%= render 'headmin/thumbnail', src: src, width: 100, height: 100 %>
+  </a>
+
+  <div class="h-form-file-thumbnail-actions">
+    <!-- Edit -->
+    <a href="<%= headmin_media_item_url(id: attachment.blob ? attachment.blob.id : '$1') %>" class="h-form-file-thumbnail-edit" data-turbo-frame="remote_modal" data-media-target="editButton">
+      <%= bootstrap_icon('pencil') %>
+    </a>
+
+    <!-- Remove -->
+    <div class="h-form-file-thumbnail-remove" data-action="click->media#destroy">
+      <%= bootstrap_icon('x') %>
+    </div>
+  </div>
+</div>

data/app/views/headmin/forms/media/_validation.html.erb

@@ -0,0 +1,10 @@
+<!-- Custom validation field -->
+<%= form.text_field :"validation_#{attribute}",
+  name: nil,
+  value: nil,
+  class: 'h-form-media-validation',
+  data: {
+    'media-target': 'validationInput',
+    'min-message': t('.min', count: min),
+    'max-message': t('.max', count: max),
+  } %>

data/app/views/headmin/forms/repeater/_row.html.erb

@@ -18,7 +18,6 @@
   <%= form.hidden_field :id %>
   <%= form.hidden_field :_destroy if destroyable %>
   <%= form.hidden_field :position if draggable %>
-  <%= yield %>
 
   <!--  Drag handle -->
   <% if draggable %>
@@ -29,23 +28,25 @@
 
   <!--  Add button-->
   <div
-     class="repeater-row-add btn btn-link"
-     title="<%= t('.add') %>"
-     data-repeater-target="addButton"
-     data-popup-target="button"
-     data-popup-id="<%= "repeater-buttons-#{repeater_id}" %>"
-     data-popup-pass-thru="<%= pass_thru %>"
-     data-action="click->repeater#resetButtonIndices click->popup#open"
+    class="repeater-row-add btn btn-link"
+    title="<%= t('.add') %>"
+    data-repeater-target="addButton"
+    data-popup-target="button"
+    data-popup-id="<%= "repeater-buttons-#{repeater_id}" %>"
+    data-popup-pass-thru="<%= pass_thru %>"
+    data-action="click->repeater#resetButtonIndices click->popup#open"
   >
     <%= bootstrap_icon('plus-circle') %>
   </div>
 
   <!--  Remove button-->
   <div
-     class="repeater-row-remove btn btn-link"
-     title="<%= t('.remove') %>"
-     data-action="click->repeater#removeRow"
+    class="repeater-row-remove btn btn-link"
+    title="<%= t('.remove') %>"
+    data-action="click->repeater#removeRow"
   >
     <%= bootstrap_icon('dash-circle') %>
   </div>
+
+  <%= yield %>
 </div>

data/app/views/headmin/layout/_main.html.erb

@@ -3,13 +3,15 @@
   #
   # ==== Examples
   #   Basic version
-  #   <%= render "headmin/layout/main" do %#>
+  #   <%= render 'headmin/layout/main' do %#>
   #     ...
   #   <% end %#>
 
   class_names = local_assigns.has_key?(:class) ? local_assigns[:class] : false
 %>
 
+<%= render "headmin/layout/remote_modal" %>
+
 <div class="main <%= class_names %>" data-controller="popup">
   <div class="container-fluid">
     <div class="row">

data/app/views/headmin/layout/_remote_modal.html.erb

@@ -0,0 +1 @@
+<%= turbo_frame_tag "remote_modal", target: "_top" %>

data/app/views/headmin/layout/_sidebar.html.erb

@@ -7,7 +7,7 @@
 
 <div class="sidebar col-sm-12 col-md-1 col-lg-2 bg-dark overflow-y d-print-none">
   <nav class="navbar navbar-expand-md navbar-dark bg-dark w-100 h-100 flex-md-column">
-    <a href="<%= local_assigns[:url] %>" class="nav-brand mb-lg-4 ms-lg-3 me-lg-auto">
+    <a href="<%= local_assigns[:url] %>" class="nav-brand mb-4 mt-3 me-lg-auto">
       <%= local_assigns[:logo] %>
     </a>
     <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#sidebar-nav" aria-controls="sidebar-nav" aria-expanded="false" aria-label="Toggle navigation">

data/app/views/headmin/media/_item.html.erb

@@ -0,0 +1,17 @@
+<div data-media-modal-target="item" title="<%= "#{blob.filename} (#{l(blob.created_at, format: :long)})" %>">
+  <!-- Input -->
+  <input
+    id="media-item-<%= blob.id %>"
+    type="checkbox"
+    value="<%= blob.id %>"
+    <%= "checked" if params[:ids]&.include?(blob.id.to_s) %>
+    data-action="change->media-modal#inputChange"
+    data-media-modal-target="idCheckbox"
+    hidden>
+
+  <!-- Label -->
+  <label for="media-item-<%= blob.id %>">
+    <% src = blob.image? ? url_for(blob.variant(resize_to_fill: [100, 100])) : url_for(blob) %>
+    <%= render 'headmin/thumbnail', src: src, width: 100, height: 100 %>
+  </label>
+</div>

data/app/views/headmin/media/_media_item_modal.html.erb

@@ -0,0 +1,51 @@
+<%= turbo_frame_tag "modal_content" do %>
+  <%= form_with url: headmin_media_item_url(id: @blob.id), model: @blob do |form| %>
+    <div class="modal-header">
+      <h5 class="modal-title"><%= t('.edit') %></h5>
+      <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="<%= t('.close') %>"></button>
+    </div>
+    <div class="modal-body">
+      <%= render 'headmin/notifications' %>
+      <div class="row">
+        <div class="col-3">
+          <%= render 'headmin/thumbnail', src: url_for(@blob), width: 100, height: 100 %>
+        </div>
+        <div class="col-8 d-flex flex-column justify-content-center">
+          <p class="small text-secondary m-0">
+            <strong><%= t('.uploaded_at') %>:</strong>
+            <%= l(@blob.created_at, format: :long) %>
+          </p>
+          <p class="small text-secondary m-0">
+            <strong><%= t('.type') %>:</strong>
+            <%= @blob.content_type %>
+          </p>
+          <p class="small text-secondary m-0">
+            <strong><%= t('.dimensions') %>:</strong>
+            <% if @blob.metadata[:width] && @blob.metadata[:height] %>
+              <%= "#{@blob.metadata[:width]}px x #{@blob.metadata[:height]}px" %>
+            <% else %>
+              <%= t('.not_analysed') %>
+            <% end %>
+          </p>
+          <p class="small text-secondary m-0">
+            <strong><%= t('.size') %>:</strong>
+            <% if @blob.byte_size > 0 %>
+              <%= number_to_human_size(@blob.byte_size) %>
+            <% else %>
+              <%= t('.not_analysed') %>
+            <% end %>
+          </p>
+        </div>
+      </div>
+      <div class="row mt-3">
+        <div class="col-12">
+          <%= render 'headmin/forms/text', form: form, attribute: :filename, append: "." + form.object.filename.to_s.rpartition(".").last, value: form.object.filename.to_s.rpartition(".").first %>
+        </div>
+      </div>
+    </div>
+    <div class="modal-footer">
+      <button type="button" class="btn btn-secondary" data-bs-dismiss="modal"><%= t('.close') %></button>
+      <%= form.submit t(".update"), class: "btn btn-primary" %>
+    </div>
+  <% end %>
+<% end %>

data/app/views/headmin/media/_modal.html.erb

@@ -0,0 +1,35 @@
+<div class="media-modal modal fade" tabindex="-1" data-controller="remote-modal media-modal" data-name="<%= name %>" data-min="<%= min %>" data-max="<%= max %>">
+  <div class="modal-dialog modal-lg modal-dialog-scrollable">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h5 class="modal-title">
+          <%= t('.title', count: min.to_i < 1 ? 1 : min.to_i) %>
+        </h5>
+        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="<%= t('.close') %>"></button>
+      </div>
+      <div class="modal-body">
+        <%= turbo_frame_tag 'thumbnails', class: 'd-flex flex-wrap gap-2' do %>
+          <% @blobs.each do |blob| %>
+            <%= render 'headmin/media/item', blob: blob %>
+          <% end %>
+          <div data-media-modal-target="placeholder" class="<%= "d-none" if !@blobs.empty? %>">
+            <p><%= t('.placeholder') %></p>
+          </div>
+        <% end %>
+      </div>
+      <div class="modal-footer">
+        <%= form_with url: headmin_media_path, multipart: true, data: {'media-modal-target': 'form'}, class: "me-auto" do |form| %>
+          <%= form.label :files, class: "btn h-btn-outline-light" do %>
+            <%= bootstrap_icon("upload") %>
+            <%= t('.upload') %>
+            <%= form.file_field :files, class: 'd-none', multiple: true, data: {action: "change->media-modal#submitForm"} %>
+          <% end %>
+        <% end %>
+        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal"><%= t('.close') %></button>
+        <button type="button" class="btn btn-primary" data-bs-dismiss="modal" data-action="click->media-modal#select" data-media-modal-target="selectButton">
+          <%= t('.select') %> (<span data-media-modal-target="count">0</span><%= t('.maximum', count: max.to_i) if max.present? %>)
+        </button>
+      </div>
+    </div>
+  </div>
+</div>

data/app/views/headmin/media/create.turbo_stream.erb

@@ -0,0 +1,5 @@
+<%= turbo_stream.prepend 'thumbnails' do %>
+  <% @blobs.each do |blob| %>
+    <%= render 'headmin/media/item', blob: blob %>
+  <% end %>
+<% end %>

data/app/views/headmin/media/index.html.erb

@@ -0,0 +1,3 @@
+<%= turbo_frame_tag "remote_modal" do %>
+  <%= render 'headmin/media/modal', blobs: @blobs, name: params[:name], min: params[:min], max: params[:max] %>
+<% end %>