headmin 0.5.1 → 0.5.2

data/app/views/headmin/filters/_number.html.erb

@@ -11,13 +11,13 @@
   #
   # ==== Examples
   #   Basic version
-  #   <%= render "headmin/filters", url: admin_orders_path do |form| %#>
-  #     <%= render "headmin/filters/number", form: form, attribute: :beverages %#>
+  #   <%= render 'headmin/filters', url: admin_orders_path do |form| %#>
+  #     <%= render 'headmin/filters/number', form: form, attribute: :beverages %#>
   #   <% end  %#>
 
   number = Headmin::Filter::NumberView.new(local_assigns.merge(params: params))
 %>
 
-<%= render "headmin/filters/base", number.base_options do |value| %>
-  <%= render "headmin/forms/number", number.input_options.merge({value: value}) %>
+<%= render 'headmin/filters/base', number.base_options do |value| %>
+  <%= render 'headmin/forms/number', number.input_options.merge({value: value}) %>
 <% end %>

data/app/views/headmin/filters/_options.html.erb

@@ -12,13 +12,13 @@
   #
   # ==== Examples
   #   Basic version
-  #   <%= render "headmin/filters", url: admin_orders_path do |form| %#>
-  #     <%= render "headmin/filters/options", form: form, attribute: :category %#>
+  #   <%= render 'headmin/filters', url: admin_orders_path do |form| %#>
+  #     <%= render 'headmin/filters/options', form: form, attribute: :category %#>
   #   <% end  %#>
 
   options = Headmin::Filter::OptionsView.new(local_assigns.merge(params: params))
 %>
 
-<%= render "headmin/filters/base", options.base_options do |value| %>
-  <%= render "headmin/forms/select", options.input_options.merge(selected: value) %>
+<%= render 'headmin/filters/base', options.base_options do |value| %>
+  <%= render 'headmin/forms/select', options.input_options.merge(selected: value) %>
 <% end %>

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

@@ -12,13 +12,13 @@
   #
   # ==== Examples
   #   Basic version.
-  #   <%= render "headmin/filters", url: admin_orders_path do |form| %#>
-  #     <%= render "headmin/filters/search", attribute: :search, label: Poll.model_name.human(count: 2) %#>
+  #   <%= render 'headmin/filters', url: admin_orders_path do |form| %#>
+  #     <%= render 'headmin/filters/search', attribute: :search, label: Poll.model_name.human(count: 2) %#>
   #   <% end  %#>
 
   search = Headmin::Filter::SearchView.new(local_assigns.merge(params: params))
 %>
 
 <% content_for :filters_search do %>
-  <%= render "headmin/forms/search", search.input_options %>
+  <%= render 'headmin/forms/search', search.input_options %>
 <% end %>

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

@@ -11,13 +11,13 @@
   #
   # ==== Examples
   #   Basic version
-  #   <%= render "headmin/filters", url: admin_orders_path do |form| %#>
-  #     <%= render "headmin/filters/text", form: form, attribute: :title %#>
+  #   <%= render 'headmin/filters', url: admin_orders_path do |form| %#>
+  #     <%= render 'headmin/filters/text', form: form, attribute: :title %#>
   #   <% end  %#>
 
   text = Headmin::Filter::TextView.new(local_assigns.merge(params: params))
 %>
 
-<%= render "headmin/filters/base", text.base_options do |value| %>
-  <%= render "headmin/forms/text", text.input_options.merge({value: value}) %>
+<%= render 'headmin/filters/base', text.base_options do |value| %>
+  <%= render 'headmin/forms/text', text.input_options.merge({value: value}) %>
 <% end %>

data/app/views/headmin/filters/filter/_button.html.erb

@@ -23,7 +23,7 @@
     </span>
   </button>
 
-  <%= render "headmin/popup", id: "#{button_view.id}", data: {'filter-target': 'popup'} do %>
+  <%= render 'headmin/popup', id: "#{button_view.id}", data: {'filter-target': 'popup'} do %>
     <%= yield %>
   <% end %>
 </div>

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

@@ -1,8 +1,8 @@
 <div class="h-autocomplete d-none" data-autocomplete-target="dropdown">
 <% if collection.any? %>
-  <%= render "headmin/forms/autocomplete/list" do %>
+  <%= render 'headmin/forms/autocomplete/list' do %>
     <% collection.each do |value, name| %>
-      <%= render "headmin/forms/autocomplete/item", value: value do %>
+      <%= render 'headmin/forms/autocomplete/item', value: value do %>
         <%= name %>
       <% end %>
     <% end %>

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

@@ -10,19 +10,19 @@
   #
   # ==== Examples
   #   Basic version. (looks in views/admin/blocks, views/blocks or views directory )
-  #   <%= render "headmin/forms/blocks", form: form, names: %w(text image button) %#>
+  #   <%= render 'headmin/forms/blocks', form: form, names: %w(text image button) %#>
   #
   #   Define one ore more path where the templates could be located:
-  #   <%= render "headmin/forms/blocks", form: form, names: %w(text image button), paths: %w(admin/pages/blocks) %#>
+  #   <%= render 'headmin/forms/blocks', form: form, names: %w(text image button), paths: %w(admin/pages/blocks) %#>
   #
   #   Limit the types of blocks
-  #   <%= render "headmin/forms/blocks", form: form, names: %w(text text_image list) %#>
+  #   <%= render 'headmin/forms/blocks', form: form, names: %w(text text_image list) %#>
 
   blocks = Headmin::Form::BlocksView.new(local_assigns)
   @lookup_context.prefixes = @lookup_context.prefixes + blocks.prefixes
 %>
 
-<%= render "headmin/forms/repeater", blocks.repeater_options do |block_form, template| %>
+<%= render 'headmin/forms/repeater', blocks.repeater_options do |block_form, template| %>
   <% name = template || block_form.object.name %>
 
   <!-- Name input of the block -->

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

@@ -20,15 +20,15 @@
   # ==== Examples
   #   Basic version
   #   <%= form_with do |form| %#>
-  #     <%= render "headmin/forms/checkbox", form: form, attribute: :active %#>
+  #     <%= render 'headmin/forms/checkbox', form: form, attribute: :active %#>
   #   <% end %#>
 
   checkbox = Headmin::Form::CheckboxView.new(local_assigns)
 %>
 
-<%= render "headmin/forms/wrapper", checkbox.wrapper_options do %>
+<%= render 'headmin/forms/wrapper', checkbox.wrapper_options do %>
   <%= form.check_box(checkbox.attribute, checkbox.input_options, checkbox.checked_value, checkbox.unchecked_value) %>
-  <%= render "headmin/forms/label", checkbox.label_options if checkbox.label? %>
-  <%= render "headmin/forms/validation", checkbox.validation_options if checkbox.validate? %>
-  <%= render "headmin/forms/hint", checkbox.hint_options if checkbox.hint? %>
+  <%= render 'headmin/forms/label', checkbox.label_options if checkbox.label? %>
+  <%= render 'headmin/forms/validation', checkbox.validation_options if checkbox.validate? %>
+  <%= render 'headmin/forms/hint', checkbox.hint_options if checkbox.hint? %>
 <% end %>

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

@@ -18,15 +18,15 @@
   # ==== Examples
   #   Basic version
   #   <%= form_with do |form| %#>
-  #     <%= render "headmin/forms/color", form: form, attribute: :active %#>
+  #     <%= render 'headmin/forms/color', form: form, attribute: :active %#>
   #   <% end %#>
 
   color = Headmin::Form::ColorView.new(local_assigns)
 %>
 
-<%= render "headmin/forms/wrapper", color.wrapper_options do %>
-  <%= render "headmin/forms/label", color.label_options if color.label? %>
+<%= render 'headmin/forms/wrapper', color.wrapper_options do %>
+  <%= render 'headmin/forms/label', color.label_options if color.label? %>
   <%= form.color_field(color.attribute, color.input_options) %>
-  <%= render "headmin/forms/validation", color.validation_options if color.validate? %>
-  <%= render "headmin/forms/hint", color.hint_options if color.hint? %>
+  <%= render 'headmin/forms/validation', color.validation_options if color.validate? %>
+  <%= render 'headmin/forms/hint', color.hint_options if color.hint? %>
 <% end %>

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

@@ -23,19 +23,19 @@
   # ==== Examples
   #   Basic version
   #   <%= form_with do |form| %#>
-  #     <%= render "headmin/forms/date", form: form, attribute: :date_of_birth %#>
+  #     <%= render 'headmin/forms/date', form: form, attribute: :date_of_birth %#>
   #   <% end %#>
 
   date = Headmin::Form::DateView.new(local_assigns)
 %>
 
-<%= render "headmin/forms/wrapper", date.wrapper_options do %>
-  <%= render "headmin/forms/label", date.label_options if date.prepend_label? %>
-  <%= render "headmin/forms/input_group", date.input_group_options do %>
+<%= render 'headmin/forms/wrapper', date.wrapper_options do %>
+  <%= render 'headmin/forms/label', date.label_options if date.prepend_label? %>
+  <%= render 'headmin/forms/input_group', date.input_group_options do %>
     <%= form.date_field(date.attribute, date.input_options) %>
-    <%= render "headmin/forms/datalist", date.datalist_options if date.datalist? %>
+    <%= render 'headmin/forms/datalist', date.datalist_options if date.datalist? %>
   <% end %>
-  <%= render "headmin/forms/validation", date.validation_options if date.validate? %>
-  <%= render "headmin/forms/hint", date.hint_options if date.hint? %>
-  <%= render "headmin/forms/label", date.label_options if date.append_label? %>
+  <%= render 'headmin/forms/validation', date.validation_options if date.validate? %>
+  <%= render 'headmin/forms/hint', date.hint_options if date.hint? %>
+  <%= render 'headmin/forms/label', date.label_options if date.append_label? %>
 <% end %>

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

@@ -23,7 +23,7 @@
   # ==== Examples
   #   Basic version
   #   <%= form_with do |form| %#>
-  #     <%= render "headmin/forms/date_range", form: form, start: {attribute: :start_date}, end: {attribute: :end_date} %#>
+  #     <%= render 'headmin/forms/date_range', form: form, start: {attribute: :start_date}, end: {attribute: :end_date} %#>
   #   <% end %#>
 
   date_range = Headmin::Form::DateRangeView.new(local_assigns)
@@ -31,10 +31,10 @@
 
 <div class="row">
   <div class="col">
-    <%= render "headmin/forms/date", date_range.start_options %>
+    <%= render 'headmin/forms/date', date_range.start_options %>
   </div>
   <div class="col">
-    <%= render "headmin/forms/date", date_range.end_options %>
+    <%= render 'headmin/forms/date', date_range.end_options %>
   </div>
 </div>
 

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

@@ -23,19 +23,19 @@
   # ==== Examples
   #   Basic version
   #   <%= form_with do |form| %#>
-  #     <%= render "headmin/forms/datetime", form: form, attribute: :deadline %#>
+  #     <%= render 'headmin/forms/datetime', form: form, attribute: :deadline %#>
   #   <% end %#>
 
   datetime = Headmin::Form::DatetimeView.new(local_assigns)
 %>
 
-<%= render "headmin/forms/wrapper", datetime.wrapper_options do %>
-  <%= render "headmin/forms/label", datetime.label_options if datetime.prepend_label? %>
-  <%= render "headmin/forms/input_group", datetime.input_group_options do %>
+<%= render 'headmin/forms/wrapper', datetime.wrapper_options do %>
+  <%= render 'headmin/forms/label', datetime.label_options if datetime.prepend_label? %>
+  <%= render 'headmin/forms/input_group', datetime.input_group_options do %>
     <%= form.datetime_field(datetime.attribute, datetime.input_options) %>
-    <%= render "headmin/forms/datalist", datetime.datalist_options if datetime.datalist? %>
+    <%= render 'headmin/forms/datalist', datetime.datalist_options if datetime.datalist? %>
   <% end %>
-  <%= render "headmin/forms/validation", datetime.validation_options if datetime.validate? %>
-  <%= render "headmin/forms/hint", datetime.hint_options if datetime.hint? %>
-  <%= render "headmin/forms/label", datetime.label_options if datetime.append_label? %>
+  <%= render 'headmin/forms/validation', datetime.validation_options if datetime.validate? %>
+  <%= render 'headmin/forms/hint', datetime.hint_options if datetime.hint? %>
+  <%= render 'headmin/forms/label', datetime.label_options if datetime.append_label? %>
 <% end %>

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

@@ -23,7 +23,7 @@
   # ==== Examples
   #   Basic version
   #   <%= form_with do |form| %#>
-  #     <%= render "headmin/forms/datetime_range", form: form, start: {attribute: :start_date}, end: {attribute: :end_date} %#>
+  #     <%= render 'headmin/forms/datetime_range', form: form, start: {attribute: :start_date}, end: {attribute: :end_date} %#>
   #   <% end %#>
 
   datetime_range = Headmin::Form::DatetimeRangeView.new(local_assigns)
@@ -31,10 +31,10 @@
 
 <div class="row">
   <div class="col">
-    <%= render "headmin/forms/datetime", datetime_range.start_options %>
+    <%= render 'headmin/forms/datetime', datetime_range.start_options %>
   </div>
   <div class="col">
-    <%= render "headmin/forms/datetime", datetime_range.end_options %>
+    <%= render 'headmin/forms/datetime', datetime_range.end_options %>
   </div>
 </div>
 

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

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

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

@@ -24,16 +24,16 @@
   # ==== Examples
   #   Basic version
   #   <%= form_with do |form| %#>
-  #     <%= render "headmin/forms/file", form: form, attribute: :file %#>
+  #     <%= render 'headmin/forms/file', form: form, attribute: :file %#>
   #   <% end %#>
 
   file = Headmin::Form::FileView.new(local_assigns)
 %>
 
-<%= render "headmin/forms/wrapper", file.wrapper_options do %>
-  <%= render "headmin/forms/label", file.label_options if file.prepend_label? %>
+<%= render 'headmin/forms/wrapper', file.wrapper_options do %>
+  <%= render 'headmin/forms/label', file.label_options if file.prepend_label? %>
   <div <%= tag.attributes(file.dropzone_options) %>>
-    <%= render "headmin/forms/input_group", file.input_group_options do %>
+    <%= render 'headmin/forms/input_group', file.input_group_options do %>
 
       <% if file.preview %>
         <div class="h-form-file-thumbnails" data-file-preview-target="thumbnails">
@@ -48,9 +48,9 @@
               src = attachment.image? ? url_for(attachment.variant(resize_to_fill: [file.thumbnail_width, file.thumbnail_height])) : url_for(attachment)
             %>
             <div class="h-form-file-thumbnail" title="<%= "#{filename} (#{size})" %>" data-file-preview-target="thumbnail">
-              <%= ff.hidden_field(:id, disabled: file.destroy) %>
-              <%= ff.hidden_field(:_destroy, data: {'file-preview-target': 'thumbnailDestroy'}, disabled: file.destroy) %>
-              <%= render "headmin/thumbnail", src: src, width: file.thumbnail_width, height: file.thumbnail_height %>
+              <%= ff.hidden_field(:id, disabled: !file.destroy) %>
+              <%= ff.hidden_field(:_destroy, data: {'file-preview-target': 'thumbnailDestroy'}, disabled: !file.destroy) %>
+              <%= render 'headmin/thumbnail', src: src, width: file.thumbnail_width, height: file.thumbnail_height %>
 
               <% if file.destroy %>
                 <div class="h-form-file-thumbnail-remove" data-action="click->file-preview#remove" data-file-preview-name-param="<%= filename %>">
@@ -67,7 +67,7 @@
             </div>
           <% else %>
             <div class="h-form-file-thumbnail <%= 'd-none' if file.attachments.any? %>" title="<%= t('headmin.forms.file.not_found') %>" data-file-preview-target="placeholder">
-              <%= render "headmin/thumbnail", width: file.thumbnail_width, height: file.thumbnail_height, icon: "plus" %>
+              <%= render 'headmin/thumbnail', width: file.thumbnail_width, height: file.thumbnail_height, icon: "plus" %>
             </div>
           <% end %>
         </div>
@@ -76,7 +76,7 @@
       <!-- Template -->
       <template data-file-preview-target="template">
         <div class="h-form-file-thumbnail" title="" data-file-preview-target="thumbnail">
-          <%= render "headmin/thumbnail", src: nil, width: file.thumbnail_width, height: file.thumbnail_height %>
+          <%= render 'headmin/thumbnail', src: nil, width: file.thumbnail_width, height: file.thumbnail_height %>
 
           <% if file.destroy %>
             <div class="h-form-file-thumbnail-remove" data-action="click->file-preview#remove">
@@ -89,7 +89,7 @@
       <%= form.file_field(attribute, file.input_options) %>
     <% end %>
   </div>
-  <%= render "headmin/forms/validation", file.validation_options if file.validate? %>
-  <%= render "headmin/forms/hint", file.hint_options if file.hint? %>
-  <%= render "headmin/forms/label", file.label_options if file.append_label? %>
+  <%= render 'headmin/forms/validation', file.validation_options if file.validate? %>
+  <%= render 'headmin/forms/hint', file.hint_options if file.hint? %>
+  <%= render 'headmin/forms/label', file.label_options if file.append_label? %>
 <% end %>

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

@@ -24,10 +24,10 @@
   # ==== Examples
   #   Basic version
   #   <%= form_with do |form| %#>
-  #     <%= render "headmin/forms/date", form: form, attribute: :date_of_birth %#>
+  #     <%= render 'headmin/forms/date', form: form, attribute: :date_of_birth %#>
   #   <% end %#>
 
   flatpickr = Headmin::Form::FlatpickrView.new(local_assigns)
 %>
 
-<%= render "headmin/forms/date", flatpickr.options %>
+<%= render 'headmin/forms/date', flatpickr.options %>

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

@@ -20,21 +20,21 @@
   # ==== Examples
   #   Basic version
   #   <%= form_with do |form| %#>
-  #     <%= render "headmin/forms/flatpickr_range", form: form, start: {attribute: :start_date}, end: {attribute: :end_date} %#>
+  #     <%= render 'headmin/forms/flatpickr_range', form: form, start: {attribute: :start_date}, end: {attribute: :end_date} %#>
   #   <% end %#>
 
   flatpickr_range = Headmin::Form::FlatpickrRangeView.new(local_assigns)
 %>
 
-<%= render "headmin/forms/wrapper", flatpickr_range.wrapper_options do %>
-  <%= render "headmin/forms/label", flatpickr_range.label_options if flatpickr_range.prepend_label? %>
-  <%= render "headmin/forms/input_group", flatpickr_range.input_group_options do %>
+<%= render 'headmin/forms/wrapper', flatpickr_range.wrapper_options do %>
+  <%= render 'headmin/forms/label', flatpickr_range.label_options if flatpickr_range.prepend_label? %>
+  <%= render 'headmin/forms/input_group', flatpickr_range.input_group_options do %>
     <%= form.date_field(flatpickr_range.attribute, flatpickr_range.input_options) %>
     <%= form.hidden_field(flatpickr_range.start[:attribute], flatpickr_range.start_options) %>
     <%= form.hidden_field(flatpickr_range.end[:attribute], flatpickr_range.end_options) %>
   <% end %>
-  <%= render "headmin/forms/validation", flatpickr_range.validation_options if flatpickr_range.validate? %>
-  <%= render "headmin/forms/hint", flatpickr_range.hint_options if flatpickr_range.hint? %>
-  <%= render "headmin/forms/datalist", flatpickr_range.datalist_options if flatpickr_range.datalist? %>
-  <%= render "headmin/forms/label", flatpickr_range.label_options if flatpickr_range.append_label? %>
+  <%= render 'headmin/forms/validation', flatpickr_range.validation_options if flatpickr_range.validate? %>
+  <%= render 'headmin/forms/hint', flatpickr_range.hint_options if flatpickr_range.hint? %>
+  <%= render 'headmin/forms/datalist', flatpickr_range.datalist_options if flatpickr_range.datalist? %>
+  <%= render 'headmin/forms/label', flatpickr_range.label_options if flatpickr_range.append_label? %>
 <% end %>

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

@@ -13,7 +13,7 @@
   # ==== Examples
   #   Basic version
   #   <%= form_with do |form| %#>
-  #     <%= render "headmin/forms/hidden", form: form, attribute: :id %#>
+  #     <%= render 'headmin/forms/hidden', form: form, attribute: :id %#>
   #   <% end %#>
 
   hidden = Headmin::Form::HiddenView.new(local_assigns)

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

@@ -7,10 +7,15 @@
   # ==== Examples
   #   Basic version
   #   <%= form_with do |form| %#>
-  #     <%= render "headmin/forms/hint", content: "Hello" %#>
+  #     <%= render 'headmin/forms/hint', content: "Hello" %#>
   #   <% end %#>
 
   hint = Headmin::Form::HintView.new(local_assigns)
 %>
 
-<div class="form-text"><%= raw(hint.content) %></div>
+<div class="form-text d-flex justify-content-between">
+  <div><%= raw(hint.content) %></div>
+  <% if hint.maxlength %>
+    <div data-textarea-target="count"></div>
+  <% end %>
+</div>

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

@@ -15,7 +15,7 @@
   #
   # ==== Examples
   #   Basic version
-  #   <%= render "headmin/forms/label", form: form, attribute: :image %#>
+  #   <%= render 'headmin/forms/label', form: form, attribute: :image %#>
 %>
 
 <% label = Headmin::Form::LabelView.new(local_assigns) %>

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

@@ -0,0 +1,58 @@
+<%
+  # headmin/forms/file
+  #
+  # ==== Required parameters
+  # * +attribute+ - Name of the attribute of the form model
+  # * +form+ - Form object
+  #
+  # ==== Optional parameters
+  # * +destroy+ - Adds delete buttons to the preview thumbnails
+  # * +hint+ - Informative text to assist with data input. HTML markup is allowed.
+  # * +label+ - Text to display inside label tag. Defaults to the attribute name. Set to false if you don"t want to show a label.
+  # * +min+ - Limit the selection to a minimum amount of items.
+  # * +max+ - Limit the selection to a maximum amount of items.
+  # * +sort+ - Allow sorting by dragging items. `active_storage_attachments` must have a position column.
+  # * +wrapper+ - Hash with all options for the surrounding html tag
+  #
+  # ==== References
+  # https://headmin.dev/docs/forms/media
+  #
+  # ==== Examples
+  #   Basic version
+  #   <%= form_with do |form| %#>
+  #     <%= render 'headmin/forms/media', form: form, attribute: :file %#>
+  #   <% end %#>
+
+  media = Headmin::Form::MediaView.new(local_assigns)
+%>
+
+<%= render 'headmin/forms/wrapper', media.wrapper_options do %>
+  <%= render 'headmin/forms/label', media.label_options if media.prepend_label? %>
+  <div class="h-form-file-thumbnails" data-media-target="thumbnails">
+    <%= render 'headmin/forms/media/validation', media.custom_validation_options %>
+
+    <!-- Render previews for attachments -->
+    <%= form.fields_for(media.nested_attribute, media.association_object) do |ff| %>
+      <%= render 'headmin/forms/media/item', form: ff, url: media.media_modal_url, sort: media.sort %>
+    <% end %>
+
+    <!-- Placeholder -->
+    <div class="<%= 'd-none' if media.attachments.any? %>" data-media-target="placeholder">
+      <a href="<%= media.media_modal_url %>" data-turbo-frame="remote_modal" data-media-target="modalButton">
+        <%= render 'headmin/thumbnail', src: nil, width: 100, height: 100, icon: 'plus' %>
+      </a>
+    </div>
+  </div>
+
+  <!-- Template -->
+  <% association_object = ActiveStorage::Attachment.new %>
+  <template data-media-target="template" data-template-id-regex="<%= association_object.object_id %>">
+    <%= form.fields_for(media.nested_attribute, ActiveStorage::Attachment.new, child_index: association_object.object_id) do |ff| %>
+      <%= render 'headmin/forms/media/item', form: ff, url: media.media_modal_url, sort: media.sort %>
+    <% end %>
+  </template>
+
+  <%= render 'headmin/forms/validation', media.validation_options if media.validate? %>
+  <%= render 'headmin/forms/hint', media.hint_options if media.hint? %>
+  <%= render 'headmin/forms/label', media.label_options if media.append_label? %>
+<% end %>

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

@@ -23,19 +23,19 @@
   # ==== Examples
   #   Basic version
   #   <%= form_with do |form| %#>
-  #     <%= render "headmin/forms/number", form: form, attribute: :number %#>
+  #     <%= render 'headmin/forms/number', form: form, attribute: :number %#>
   #   <% end %#>
 
   number = Headmin::Form::NumberView.new(local_assigns)
 %>
 
-<%= render "headmin/forms/wrapper", number.wrapper_options do %>
-  <%= render "headmin/forms/label", number.label_options if number.prepend_label? %>
-  <%= render "headmin/forms/input_group", number.input_group_options do %>
+<%= render 'headmin/forms/wrapper', number.wrapper_options do %>
+  <%= render 'headmin/forms/label', number.label_options if number.prepend_label? %>
+  <%= render 'headmin/forms/input_group', number.input_group_options do %>
     <%= form.number_field(number.attribute, number.input_options) %>
-    <%= render "headmin/forms/datalist", number.datalist_options if number.datalist? %>
+    <%= render 'headmin/forms/datalist', number.datalist_options if number.datalist? %>
   <% end %>
-  <%= render "headmin/forms/validation", number.validation_options if number.validate? %>
-  <%= render "headmin/forms/hint", number.hint_options if number.hint? %>
-  <%= render "headmin/forms/label", number.label_options if number.append_label? %>
+  <%= render 'headmin/forms/validation', number.validation_options if number.validate? %>
+  <%= render 'headmin/forms/hint', number.hint_options if number.hint? %>
+  <%= render 'headmin/forms/label', number.label_options if number.append_label? %>
 <% end %>

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

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

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

@@ -22,10 +22,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 %#>
 
   redactor = Headmin::Form::RedactorxView.new(local_assigns)
 %>
 
-<%= render "headmin/forms/textarea", redactor.options %>
+<%= render 'headmin/forms/textarea', redactor.options %>