headmin 0.1.1

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

@@ -0,0 +1,22 @@
+<%#
+    name: headmin/filters/filter/button
+    accepts block: yes
+    parameters:
+      name: (string) Name of the parameter
+      label: (string) Display name
+      value: (string) Value of the parameter
+%>
+<% name = local_assigns.has_key?(:name) ? name : nil %>
+<% label = local_assigns.has_key?(:label) ? label : nil %>
+<% value = local_assigns.has_key?(:value) ? value : nil %>
+<% active = local_assigns.has_key?(:active) ? active : false %>
+
+<div class="h-filter me-1" data-controller="filter" data-filters-target="button" data-filter-name="<%= name %>">
+  <button type="button" class="h-filter-button btn h-btn-outline-transparent ms-1" data-filter-target="button" data-action="click->filter#toggle click@window->filter#close" aria-expanded="<%= active ? 'true' : 'false' %>">
+    <%= "#{label}: #{value || t('.all')}" %>
+    <span class="h-filter-remove" data-action="click->filters#remove"><%= bootstrap_icon('x-lg') %></span>
+  </button>
+  <div class="h-filter-popup <%= ('closed' unless active) %>" data-filter-target="popup">
+    <%= yield if block_given? %>
+  </div>
+</div>

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

@@ -0,0 +1,12 @@
+<%#
+    name: headmin/filters/filter/menu_item
+    accepts block: no
+    parameters:
+      name: (string) Name of the parameter
+      label: (string) Display name
+%>
+<li>
+  <a class="dropdown-item" href="#" data-action="click->filters#add" data-filter-name="<%= name %>">
+    <%= label %>
+  </a>
+</li>

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

@@ -0,0 +1,13 @@
+<%#
+    name: headmin/filters/filter/template
+    accepts block: yes
+    parameters:
+      name: (string) Name of the parameter
+      label: (string) Display name
+%>
+
+<template data-filter-name="<%= name %>" data-filters-target="template">
+  <%= render 'headmin/filters/filter/button', name: name, label: label, value: nil, active: true do %>
+    <%= yield if block_given? %>
+  <% end %>
+</template>

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

@@ -0,0 +1,32 @@
+<%#
+    name: headmin/forms/actions
+    accepts block: true
+    parameters:
+      form: (string) Form object
+%>
+
+<div class="card forms-actions shadow-sm mb-3">
+  <div class="card-body">
+    <h5 class="card-title"><%= t('.title') %></h5>
+    <p class="card-text"><%= t('.description') %></p>
+
+    <% if form.object.persisted? %>
+      <dl>
+        <dt><%= form.object.class.human_attribute_name(:created_at) %></dt>
+        <dd><%= form.object.created_at.strftime(t('.format')) %></dd>
+        <dt><%= form.object.class.human_attribute_name(:updated_at) %></dt>
+        <dd><%= form.object.updated_at.strftime(t('.format')) %></dd>
+      </dl>
+    <% end %>
+
+    <%= yield if block_given? %>
+
+    <div class="d-grid">
+      <%= link_to(t('.delete.title'),[:admin, form.object], class: 'btn btn-outline-danger', method: :delete, data: {confirm: t('.delete.confirm')}) %>
+    </div>
+    <hr>
+    <div class="d-grid">
+      <%= form.submit "Opslaan", class: 'btn btn-lg btn-primary' %>
+    </div>
+  </div>
+</div>

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

@@ -0,0 +1,20 @@
+<%#
+    name: headmin/forms/errors
+    accepts block: false
+    parameters:
+      form: (string) Form object
+%>
+
+<% if form.object.errors.any? %>
+  <div class="alert alert-danger" role="alert">
+    <h5 class="alert-heading d-flex align-items-center">
+      <%= bootstrap_icon('exclamation-triangle-fill', class: 'me-2') %>
+      <%= t('errors.template.header', count: form.object.errors.size, model: form.object.model_name.human) %>
+    </h5>
+    <ul>
+      <% form.object.errors.full_messages.each do |message| %>
+      <li><%= message %></li>
+      <% end %>
+    </ul>
+  </div>
+<% end %>

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

@@ -0,0 +1,36 @@
+<%#
+    name: headmin/forms/group
+    accepts block: yes
+    parameters:
+      title: (string) Title for card
+      description: (string) Description for card
+      body: (boolean) If true, block contents will be renderd inside the card body
+%>
+
+<div class="card forms-group mb-3 shadow-sm">
+  <div class="card-body">
+    <% if defined?(title) && title.present? %>
+      <h5 class="card-title"><%= title %></h5>
+    <% end %>
+
+    <% if defined?(description) && description.present? %>
+      <p class="card-text text-secondary"><%= description %></p>
+    <% end %>
+
+    <% # Render inside body %>
+    <% if !defined?(body) || body %>
+      <%= yield if block_given? %>
+    <% end %>
+  </div>
+
+  <% # Render outside body %>
+  <% if defined?(body) && !body %>
+    <%= yield if block_given? %>
+  <% end %>
+
+  <div class="card-footer">
+    <div class="d-flex justify-content-end">
+      <%= form.submit "Opslaan", class: 'btn btn-sm btn-primary' %>
+    </div>
+  </div>
+</div>

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

@@ -0,0 +1,23 @@
+<%#
+    name: headmin/fields/checkbox
+    accepts block: no
+    parameters:
+      form: Form object
+      attribute: Name of the attribute of the form model
+      label: (bool) Label will not be displayed if value is false
+%>
+
+<% label = local_assigns.has_key?(:label) ? label : true %>
+<% required = local_assigns.has_key?(:required) ? required : false %>
+<div class="<%= ('mb-3 text-start' if label) %>">
+  <div class="form-check">
+    <%= form.check_box(
+          attribute,
+          class: "form-check-input #{form_field_validation_class(form, attribute)}",
+          required: required,
+          'aria-describedby': form_field_validation_id(form, attribute))
+    %>
+    <%= form.label attribute, class: 'form-check-label', required: required %>
+    <%= render 'headmin/forms/fields/validation', form: form, attribute: attribute %>
+  </div>
+</div>

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

@@ -0,0 +1,28 @@
+<%#
+    name: headmin/fields/ckeditor
+    accepts block: no
+    parameters:
+      form: Form object
+      attribute: (string) Name of the attribute of the form model
+      label: (bool) Label will not be displayed if value is false
+      class: (string) Space-separated string of html class names
+      toolbar: (Array[]) Array contanining the toolbar items to display
+      upload_path: (string) URL to upload images to
+%>
+
+<% label = local_assigns.has_key?(:label) ? label : true %>
+<% required = local_assigns.has_key?(:required) ? required : false %>
+<% class_names = local_assigns.has_key?(:class) ? local_assigns[:class] : false %>
+<% toolbar = local_assigns.has_key?(:toolbar) ? toolbar : nil %>
+<% upload_path = local_assigns.has_key?(:upload_path) ? upload_path : admin_wysiwyg_upload_path %>
+<%= render 'headmin/forms/fields/textarea',
+           form: form,
+           attribute: :content,
+           required: required,
+           class: "ckeditor #{class_names}",
+           label: label,
+           data: {
+             'ckeditor-toolbar': toolbar,
+             'ckeditor-upload-path': upload_path
+           }
+%>

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

@@ -0,0 +1,24 @@
+<%#
+    name: headmin/fields/currency
+    accepts block: no
+    parameters:
+      form: Form object
+      attribute: Name of the attribute of the form model
+      label: (bool) Label will not be displayed if value is false
+%>
+
+<% label = local_assigns.has_key?(:label) ? label : true %>
+<% required = local_assigns.has_key?(:required) ? required : false %>
+<div class="<%= ('mb-3' if label) %>">
+  <%= render 'headmin/forms/fields/label', form: form, attribute: attribute, required: required if label %>
+  <div class="input-group">
+    <span class="input-group-text">€</span>
+    <%= form.text_field(
+          attribute,
+          class: "form-control #{form_field_validation_class(form, attribute)}",
+          required: required,
+          'aria-describedby': form_field_validation_id(form, attribute))
+    %>
+    <%= render 'headmin/forms/fields/validation', form: form, attribute: attribute %>
+  </div>
+</div>

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

@@ -0,0 +1,36 @@
+<%#
+    name: headmin/fields/date
+    accepts block: no
+    parameters:
+      form: Form object
+      attribute: (string) Name of the attribute of the form model
+      label: (bool) Label will not be displayed if value is false
+      min: (string) Earliest available timestamp in options
+      max: (string) Last available timestamp in options
+%>
+
+<% label = local_assigns.has_key?(:label) ? label : true %>
+<% disabled = local_assigns.has_key?(:disabled) ? disabled : false %>
+<% required = local_assigns.has_key?(:required) ? required : false %>
+<% readonly = local_assigns.has_key?(:readonly) ? readonly : false %>
+<% class_names = local_assigns.has_key?(:class) ? local_assigns[:class] : false %>
+<% datepicker = local_assigns.has_key?(:datepicker) ? local_assigns[:datepicker] : false %>
+<% datepicker_class = datepicker ? 'flatpickr' : nil %>
+<% validation_class = form_field_validation_class(form, attribute) %>
+<div class="<%= ('mb-3' if label) %>">
+  <%= render 'headmin/forms/fields/label', form: form, attribute: attribute, required: required if label %>
+  <div class="input-group">
+    <span class="input-group-text"><%= bootstrap_icon('calendar') %></span>
+    <%= form.date_field(
+          attribute,
+          placeholder: 'dd/mm/yyyy',
+          class: "form-control #{validation_class} #{datepicker_class} #{class_names}",
+          disabled: disabled,
+          required: required,
+          readonly: readonly,
+          'aria-describedby': form_field_validation_id(form, attribute)
+        )
+    %>
+  </div>
+  <%= render 'headmin/forms/fields/validation', form: form, attribute: attribute %>
+</div>

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

@@ -0,0 +1,39 @@
+<%#
+    name: headmin/fields/text
+    accepts block: no
+    parameters:
+      form: Form object
+      attribute: (string) Name of the attribute of the form model
+      label: (bool | string) Label will not be displayed if value is false or accepts a string 'float' to get a "floating label"
+%>
+
+<% label = local_assigns.has_key?(:label) ? label : true %>
+<% float_label = label == :float %>
+<% disabled = local_assigns.has_key?(:disabled) ? disabled : false %>
+<% required = local_assigns.has_key?(:required) ? required : false %>
+<% readonly = local_assigns.has_key?(:readonly) ? readonly : false %>
+<% class_names = local_assigns.has_key?(:class) ? local_assigns[:class] : false %>
+<% has_list = local_assigns.has_key?(:collection) %>
+<div class="<%= 'form-floating' if float_label %> <%= ('mb-3 text-start' if label) %> ">
+  <%= render 'headmin/forms/fields/label', form: form, attribute: attribute, required: required if label && !float_label %>
+  <%= form.email_field(
+        attribute,
+        class: "form-control #{form_field_validation_class(form, attribute)} #{class_names}",
+        list: has_list ? attribute : nil,
+        disabled: disabled,
+        placeholder: attribute,
+        required: required,
+        readonly: readonly,
+        'aria-describedby': form_field_validation_id(form, attribute)
+      )
+  %>
+  <%= render 'headmin/forms/fields/label', form: form, attribute: attribute, required: required if label && float_label %>
+  <% if has_list %>
+    <datalist id="<%= attribute %>">
+      <% collection.each do |key, value| %>
+        <option value="<%= value %>"><%= key %></option>
+      <% end %>
+    </datalist>
+  <% end %>
+  <%= render 'headmin/forms/fields/validation', form: form, attribute: attribute %>
+</div>

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

@@ -0,0 +1,24 @@
+<%#
+    name: headmin/fields/file
+    accepts block: no
+    parameters:
+      form: Form object
+      attribute: (string) Name of the attribute of the form model
+      label: (bool) Label will not be displayed if value is false
+%>
+
+<% label = local_assigns.has_key?(:label) ? label : true %>
+<% disabled = local_assigns.has_key?(:disabled) ? disabled : false %>
+<% required = local_assigns.has_key?(:required) ? required : false %>
+<div class="<%= ('mb-3' if label) %>">
+  <%= render 'headmin/forms/fields/label', form: form, attribute: attribute, required: required if label %>
+  <%= form.file_field(
+        attribute,
+        class: "form-control #{form_field_validation_class(form, attribute)}",
+        disabled: disabled,
+        required: required,
+        'aria-describedby': form_field_validation_id(form, attribute)
+      )
+  %>
+  <%= render 'headmin/forms/fields/validation', form: form, attribute: attribute %>
+</div>

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

@@ -0,0 +1,37 @@
+<%#
+    name: headmin/fields/file
+    accepts block: no
+    parameters:
+      form: Form object
+      attribute: (string) Name of the attribute of the form model
+      label: (bool) Label will not be displayed if value is false
+%>
+
+<% has_image = form.object.send(attribute) %>
+<% label = local_assigns.has_key?(:label) ? label : true %>
+<% disabled = local_assigns.has_key?(:disabled) ? disabled : false %>
+<% required = local_assigns.has_key?(:required) && !has_image ? required : false %>
+<div class="<%= ('mb-3' if label) %>">
+  <%= render 'headmin/forms/fields/label', form: form, attribute: attribute, required: required if label %>
+
+  <div class="mb-2">
+    <% if form.object.send(attribute).attached? %>
+      <%= image_tag(form.object.send(attribute).variant(resize_to_limit: [200, 200], quality: 70), class: 'img-thumbnail') %>
+    <% else %>
+      <svg class="img-thumbnail" width="200" height="200" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="A generic square placeholder image with a white border around it, making it resemble a photograph taken with an old instant camera: 200x200" preserveAspectRatio="xMidYMid slice" focusable="false">
+        <title>A generic square placeholder image with a white border around it, making it resemble a photograph taken with an old instant camera</title>
+        <rect width="100%" height="100%" fill="#e9ecef"></rect>
+        <text x="35%" y="50%" fill="#212529" dy=".3em">200x200</text>
+      </svg>
+    <% end %>
+  </div>
+
+  <%= form.file_field(
+        attribute,
+        class: "form-control #{form_field_validation_class(form, attribute)}",
+        disabled: disabled,
+        required: required,
+        'aria-describedby': form_field_validation_id(form, attribute))
+  %>
+  <%= render 'headmin/forms/fields/validation', form: form, attribute: attribute %>
+</div>

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

@@ -0,0 +1,9 @@
+<%#
+    name: headmin/fields/label
+    accepts block: no
+    parameters:
+      form: Form object
+      required: (bool) Field will be set to required if value is true
+%>
+
+<%= form.label attribute, class: 'form-label', required: required %>

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

@@ -0,0 +1,37 @@
+<%#
+    name: headmin/fields/multiple_select
+    accepts block: no
+    parameters:
+      form: Form object
+      required: Define if the attribute is required or not
+      attribute: (string) Name of the attribute of the form model
+      label: (bool) Label will not be displayed if value is false
+      collection: (array) List of options to select from
+%>
+
+<% label = local_assigns.has_key?(:label) ? label : true %>
+<% required = local_assigns.has_key?(:required) ? required : false %>
+<% disabled = local_assigns.has_key?(:disabled) ? disabled : false %>
+<% include_blank = local_assigns.has_key?(:include_blank) || required ? t('.blank') : nil %>
+<% data_attributes = local_assigns.select { |key, value| key.to_s.include?("data-") } %>
+<% options = options_for_select(collection, form.object.send(attribute)) %>
+<% select_config = { include_blank: include_blank, disabled: disabled } %>
+<% html_attributes = {
+  multiple: true,
+  class: "multiple-select form-select #{form_field_validation_class(form, attribute)}",
+  required: required,
+  'aria-describedby': form_field_validation_id(form, attribute)
+}.merge(data_attributes) %>
+
+<div class="<%= ('mb-3' if label) %>">
+  <%= render 'headmin/forms/fields/label', form: form, attribute: attribute, required: required if label %>
+  <%= form.select(
+        attribute,
+        options,
+        select_config,
+        html_attributes
+      )
+  %>
+  <%= yield if block_given? %>
+  <%= render 'headmin/forms/fields/validation', form: form, attribute: attribute %>
+</div>

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

@@ -0,0 +1,39 @@
+<%#
+    name: headmin/fields/text
+    accepts block: no
+    parameters:
+      form: Form object
+      attribute: (string) Name of the attribute of the form model
+      label: (bool | string) Label will not be displayed if value is false or accepts a string 'float' to get a "floating label"
+%>
+
+<% label = local_assigns.has_key?(:label) ? label : true %>
+<% float_label = label == :float %>
+<% disabled = local_assigns.has_key?(:disabled) ? disabled : false %>
+<% required = local_assigns.has_key?(:required) ? required : false %>
+<% readonly = local_assigns.has_key?(:readonly) ? readonly : false %>
+<% class_names = local_assigns.has_key?(:class) ? local_assigns[:class] : false %>
+<% has_list = local_assigns.has_key?(:collection) %>
+<div class="<%= 'form-floating' if float_label %> <%= ('mb-3 text-start' if label) %>">
+  <%= render 'headmin/forms/fields/label', form: form, attribute: attribute, required: required if label && !float_label %>
+  <%= form.password_field(
+        attribute,
+        class: "form-control #{form_field_validation_class(form, attribute)} #{class_names}",
+        list: has_list ? attribute : nil,
+        disabled: disabled,
+        placeholder: attribute,
+        required: required,
+        readonly: readonly,
+        'aria-describedby': form_field_validation_id(form, attribute)
+      )
+  %>
+  <%= render 'headmin/forms/fields/label', form: form, attribute: attribute, required: required if label && float_label %>
+  <% if has_list %>
+    <datalist id="<%= attribute %>">
+      <% collection.each do |key, value| %>
+        <option value="<%= value %>"><%= key %></option>
+      <% end %>
+    </datalist>
+  <% end %>
+  <%= render 'headmin/forms/fields/validation', form: form, attribute: attribute %>
+</div>

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

@@ -0,0 +1,48 @@
+<%#
+    name: headmin/fields/repeater
+    accepts block: no
+    parameters:
+      form: Form object
+      attribute: (string) Name of the attribute of the form model
+      title: (string) Title of the field group
+      description: (string) Description of the field group
+%>
+
+<% object_model = form.object.class %>
+<% association_model = object_model.reflect_on_association(attribute).class_name.constantize %>
+<% repeater_id = form.object_id %>
+<div class="repeater" data-controller="repeater" data-repeater-id-value="<%= repeater_id %>">
+
+  <% if defined?(title) && title.present? %>
+    <h5><%= title %></h5>
+    <p><%= description %></p>
+  <% end %>
+
+  <ul class="list-group list-group-flush">
+    <template data-repeater-target="template">
+      <%= form.fields_for attribute, association_model.new, child_index: repeater_id do |ff| %>
+        <%= render 'headmin/forms/fields/repeater/row', form: form do %>
+          <%= render template, form: ff %>
+        <% end %>
+      <% end %>
+    </template>
+
+    <% if defined?(header_template) && header_template.present? %>
+      <li class="list-group-item">
+        <%= render header_template %>
+      </li>
+    <% end %>
+
+    <%= form.fields_for attribute do |ff| %>
+      <%= render 'headmin/forms/fields/repeater/row', form: form do %>
+        <%= render template, form: ff %>
+      <% end %>
+    <% end %>
+    <li class="list-group-item d-flex justify-content-end" data-repeater-target="links">
+      <a href="#" class="btn btn-sm h-btn-outline-light" data-action="click->repeater#add_association">
+        <%= bootstrap_icon('plus') %>
+        <%= t('.add', name: association_model.model_name.human) %>
+      </a>
+    </li>
+  </ul>
+</div>

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

@@ -0,0 +1,36 @@
+<%#
+    name: headmin/fields/select
+    accepts block: no
+    parameters:
+      form: Form object
+      required: Define if the attribute is required or not
+      attribute: (string) Name of the attribute of the form model
+      label: (bool) Label will not be displayed if value is false
+      collection: (array) List of options to select from
+%>
+
+<% label = local_assigns.has_key?(:label) ? label : true %>
+<% required = local_assigns.has_key?(:required) ? required : false %>
+<% disabled = local_assigns.has_key?(:disabled) ? disabled : false %>
+<% include_blank = local_assigns.has_key?(:include_blank) || required ? t('.blank') : nil %>
+<% data_attributes = local_assigns.select { |key, value| key.to_s.include?("data-") } %>
+<% options = options_for_select(collection, form.object.send(attribute)) %>
+<% select_config = { include_blank: include_blank, disabled: disabled } %>
+<% html_attributes = {
+  class: "form-select #{form_field_validation_class(form, attribute)}",
+  required: required,
+  'aria-describedby': form_field_validation_id(form, attribute)
+}.merge(data_attributes) %>
+
+<div class="<%= ('mb-3' if label) %>">
+  <%= render 'headmin/forms/fields/label', form: form, attribute: attribute, required: required if label %>
+  <%= form.select(
+        attribute,
+        options,
+        select_config,
+        html_attributes
+      )
+  %>
+  <%= yield if block_given? %>
+  <%= render 'headmin/forms/fields/validation', form: form, attribute: attribute %>
+</div>

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

@@ -0,0 +1,32 @@
+<%#
+    name: headmin/fields/select_tags
+    accepts block: no
+    parameters:
+      form: Form object
+      required: Define if the attribute is required or not
+      attribute: (string) Name of the attribute of the form model
+      label: (bool) Label will not be displayed if value is false
+      collection: (array) List of options to select from
+%>
+
+<% label = local_assigns.has_key?(:label) ? label : true %>
+<% required = local_assigns.has_key?(:required) ? required : false %>
+<% disabled = local_assigns.has_key?(:disabled) ? disabled  : false  %>
+<% multiple = local_assigns.has_key?(:multiple) ? multiple  : true  %>
+<% include_blank = local_assigns.has_key?(:include_blank) || required ? t('.blank')  : nil %>
+<% data_attributes = local_assigns.select { |key, value| key.to_s.include?("data-") } %>
+<% options = options_for_select(collection, form.object.send(attribute)) %>
+<% select_config = { include_blank: include_blank, disabled: disabled } %>
+<% html_attributes = {
+  multiple: multiple,
+  class: "select-tags form-select #{form_field_validation_class(form, attribute)}",
+  required: required,
+  'aria-describedby': form_field_validation_id(form, attribute)
+}.merge(data_attributes) %>
+
+<div class="<%= ('mb-3' if label) %>">
+  <%= render 'headmin/forms/fields/label', form: form, attribute: attribute, required: required if label %>
+  <%= form.select attribute, options, select_config, html_attributes %>
+  <%= yield if block_given? %>
+  <%= render 'headmin/forms/fields/validation', form: form, attribute: attribute %>
+</div>

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

@@ -0,0 +1,39 @@
+<%#
+    name: headmin/fields/text
+    accepts block: no
+    parameters:
+      form: Form object
+      attribute: (string) Name of the attribute of the form model
+      label: (bool | string) Label will not be displayed if value is false or accepts a string 'float' to get a "floating label"
+%>
+
+<% label = local_assigns.has_key?(:label) ? label : true %>
+<% float_label = label == :float %>
+<% disabled = local_assigns.has_key?(:disabled) ? disabled : false %>
+<% required = local_assigns.has_key?(:required) ? required : false %>
+<% readonly = local_assigns.has_key?(:readonly) ? readonly : false %>
+<% class_names = local_assigns.has_key?(:class) ? local_assigns[:class] : false %>
+<% has_list = local_assigns.has_key?(:collection) %>
+<div class="<%= 'form-floating' if float_label %> <%= ('mb-3 text-start' if label) %>">
+  <%= render 'headmin/forms/fields/label', form: form, attribute: attribute, required: required if label && !float_label %>
+  <%= form.text_field(
+        attribute,
+        class: "form-control #{form_field_validation_class(form, attribute)} #{class_names}",
+        list: has_list ? attribute : nil,
+        disabled: disabled,
+        required: required,
+        placeholder: attribute,
+        readonly: readonly,
+        'aria-describedby': form_field_validation_id(form, attribute)
+      )
+  %>
+  <%= render 'headmin/forms/fields/label', form: form, attribute: attribute, required: required if label && float_label %>
+  <% if has_list %>
+    <datalist id="<%= attribute %>">
+      <% collection.each do |key, value| %>
+        <option value="<%= value %>"><%= key %></option>
+      <% end %>
+    </datalist>
+  <% end %>
+  <%= render 'headmin/forms/fields/validation', form: form, attribute: attribute %>
+</div>

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

@@ -0,0 +1,29 @@
+<%#
+    name: headmin/fields/textarea
+    accepts block: no
+    parameters:
+      form: Form object
+      attribute: (string) Name of the attribute of the form model
+      label: (bool | string) Label will not be displayed if value is false or accepts a string 'float' to get a "floating label"
+
+%>
+
+<% label = local_assigns.has_key?(:label) ? label : true %>
+<% float_label = label == :float %>
+<% required = local_assigns.has_key?(:required) ? required : false %>
+<% class_names = local_assigns.has_key?(:class) ? local_assigns[:class] : false %>
+<% data = local_assigns.has_key?(:data) ? data : nil %>
+<div class="<%= 'form-floating' if float_label %> <%= ('mb-3 text-start' if label) %>">
+  <%= render 'headmin/forms/fields/label', form: form, attribute: attribute, required: required if label && !float_label %>
+  <%= form.text_area(
+        attribute,
+        class: "form-control #{class_names} #{form_field_validation_class(form, attribute)}",
+        required: required,
+        placeholder: attribute,
+        'aria-describedby': form_field_validation_id(form, attribute),
+        data: data
+      )
+  %>
+  <%= render 'headmin/forms/fields/label', form: form, attribute: attribute, required: required if label && float_label %>
+  <%= render 'headmin/forms/fields/validation', form: form, attribute: attribute %>
+</div>