headmin 0.4.2 → 0.5.2

data/app/views/headmin/_filters.html.erb

@@ -6,24 +6,24 @@
   #
   # ==== Examples
   #   Basic version
-  #   <%= render "headmin/filters" do %#>
-  #     <%= render "headmin/filters/select", name: 'color', options: ['red', 'green', 'blue']  %#>
+  #   <%= render 'headmin/filters' do %#>
+  #     <%= render 'headmin/filters/select', name: 'color', options: ['red', 'green', 'blue']  %#>
   #   <% end %#>
   #
   #   With custom URL
-  #   <%= render "headmin/filters", url: admin_polls_path %#>
+  #   <%= render 'headmin/filters', url: admin_polls_path %#>
 
   action = local_assigns.has_key?(:url) ? url : request.path
-
-  # Perform yield in order to capture content blocks
-  yield
 %>
 
-<form action="<%= action %>" data-controller="filters" data-filters-target="form">
+<%= form_with url: action, method: :get, data: {controller: "filters", filters_target: "form"} do |form| %>
+
+  <%# Perform yield in order to capture content blocks, pass form so we can use headmin form inputs %>
+  <%= yield(form) %>
 
   <!-- Default parameters (e.g. sorting, pagination) -->
   <% default_params.except('page').each do |name, value| %>
-    <%= hidden_field_tag(name.to_sym, value) %>
+    <%= form.hidden_field name.to_sym, value: value %>
   <% end %>
 
   <div class="d-flex flex-column flex-md-row align-content-start align-items-md-start">
@@ -69,8 +69,8 @@
 
   <!-- Filter templates -->
   <%= yield :filters_templates %>
-</form>
 
+<% end %>
 
 <%
   # Clears content blocks to make this view reusable

data/app/views/headmin/_heading.html.erb

@@ -9,7 +9,7 @@
   #
   # ==== Examples
   #   Basic version
-  #   <%= render "headmin/heading" do %#>
+  #   <%= render 'headmin/heading' do %#>
   #     Title
   #   <% end %#>
 %>

data/app/views/headmin/_notifications.html.erb

@@ -3,7 +3,7 @@
   #
   # ==== Examples
   #   Basic version
-  #   <%= render "headmin/notifications" %#>
+  #   <%= render 'headmin/notifications' %#>
 %>
 
 <div class="toast-container position-absolute top-0 end-0 p-3">

data/app/views/headmin/_pagination.html.erb

@@ -6,12 +6,12 @@
   #
   # ==== Examples
   #   Basic version
-  #   <%= render "headmin/pagination, collection: @pages" %#>
+  #   <%= render 'headmin/pagination, collection: @pages' %#>
 %>
 
 <div class="d-flex flex-row-reverse flex-md-row align-items-center justify-content-between justify-content-md-end my-1">
   <% content_for :collection_total_count, collection.total_count.to_s unless content_for?(:collection_total_count) %>
-  <div class="ms-2 me-md-2 text-secondary">
+  <div class="ms-2 me-md-2 text-secondary flex-grow-1 flex-shrink-0">
     <%= t('.items', count: content_for(:collection_total_count).to_i) %>
   </div>
   <%= paginate collection, views_prefix: 'headmin/pagination' %>

data/app/views/headmin/dropdown/_devise.html.erb

@@ -2,17 +2,17 @@
   # headmin/dropdown/devise
   #
   # ==== Options
-  # * +scope</tt> - (symbol) devise scope, i.e. ':users' => current_user
+  # * +scope</tt> - (symbol) devise scope, i.e. ":users" => current_user
   # * +class</tt> - Custom class names to put on the dropdown
   #
   # ==== Examples
   #   Basic version
-  #   <%= render "headmin/dropdown/devise"  %#>
+  #   <%= render 'headmin/dropdown/devise'  %#>
   #
   #   Custom scope
-  #   <%= render "headmin/dropdown/devise", scope: :admins  %#>
+  #   <%= render 'headmin/dropdown/devise', scope: :admins  %#>
 
-  class_names = local_assigns.has_key?(:class) ? local_assigns[:class] : ''
+  class_names = local_assigns.has_key?(:class) ? local_assigns[:class] : ""
   scope = local_assigns.has_key?(:scope) ? scope : :users
   singular = scope.to_s.singularize.to_sym
   user = send("current_#{singular}")
@@ -23,9 +23,9 @@
   <%= render 'headmin/dropdown/button' do %>
     <%= user.to_s %>
   <% end %>
-  <%= render 'headmin/dropdown/list', class: 'dropdown-menu-end' do %>
-    <%= render 'headmin/dropdown/item', name: t('.edit_profile'), url: polymorphic_path([:edit, singular, :registration]) %>
+  <%= render 'headmin/dropdown/list', class: "dropdown-menu-end" do %>
+    <%= render 'headmin/dropdown/item', name: t("headmin.dropdown.devise.edit_profile"), url: polymorphic_path([:edit, :admin, user]) %>
     <%= render 'headmin/dropdown/divider' %>
-    <%= render 'headmin/dropdown/item', name: t('.log_out'), url: polymorphic_path([:destroy, singular, :session]), method: :delete %>
+    <%= render 'headmin/dropdown/item', name: t("headmin.dropdown.devise.log_out"), url: polymorphic_path([:destroy, singular, :session]), method: :delete %>
   <% end %>
 <% end %>

data/app/views/headmin/dropdown/_list.html.erb

@@ -7,7 +7,7 @@
   #
   # ==== Examples
   #   Basic version
-  #   <%= render "headmin/dropdown/list", id: 'dropdown-1'  %#>
+  #   <%= render 'headmin/dropdown/list', id: 'dropdown-1'  %#>
 
   class_names = local_assigns.has_key?(:class) ? local_assigns[:class] : ''
   id = local_assigns.has_key?(:id) ? id : 'dropdown-1'

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

@@ -0,0 +1,95 @@
+<%
+  # headmin/filters/base
+  #
+  # ==== Required parameters
+  # * +form+ - Form object
+  # * +name+ - Name of the filter parameter
+  #
+  # ==== Optional parameters
+  # * +label+ - Display label
+  #
+  # ==== Examples
+  #   Basic version
+  #
+  #   <%= render 'headmin/filters/base', name: :title do |value| %#>
+  #      <%= render 'headmin/forms/text', value: value %#>
+  #   <% end %#>
+  #
+
+
+  base = Headmin::Filter::BaseView.new(local_assigns)
+%>
+
+<%= content_for :filters_menu do %>
+  <%= render 'headmin/filters/filter/menu_item', base.menu_item_options %>
+<% end %>
+
+<%= content_for :filters_templates do %>
+  <template data-filter-name="<%= name %>" data-filters-target="template">
+    <%= render 'headmin/filters/filter/button', name: name, label: label, filter: nil, value: nil, id: "template_id" do %>
+      <div class="h-filter-rows mb-3" data-filter-target="wrapper">
+        <%= render 'headmin/filters/filter/row' do %>
+          <%= render 'headmin/filters/filter/operator', base.filter_operator_options.merge({selected: nil}) %>
+          <%= yield(nil) %>
+          <%= render 'headmin/filters/filter/null_select', value: nil %>
+        <% end %>
+      </div>
+
+      <!-- Apply button -->
+      <button type="submit" class="btn btn-primary w-100" data-action="click->filters#update">
+        <%= t("headmin.filters.apply") %>
+      </button>
+
+      <!-- Filter field -->
+      <%= hidden_field_tag("#{name}", "", data: {filter_target: "hidden"}) %>
+
+      <!-- Filter template -->
+      <template data-filter-target="template">
+        <%= render 'headmin/filters/filter/conditional' %>
+        <%= render 'headmin/filters/filter/row' do %>
+          <%= render 'headmin/filters/filter/operator', base.filter_operator_options.merge({selected: nil}) %>
+          <%= yield(nil) %>
+          <%= render 'headmin/filters/filter/null_select', value: nil %>
+        <% end %>
+      </template>
+    <% end %>
+  </template>
+<% end %>
+
+<%= content_for :filters_buttons do %>
+  <% if filter_param_exists?(name) %>
+    <%= render 'headmin/filters/filter/button', base.filter_button_options.merge({id: "#{name}_#{SecureRandom.hex}"}) do %>
+      <div class="h-filter-rows mb-3" data-filter-target="wrapper">
+        <% filter.values.each_with_index do |value, index| %>
+          <% if index > 0 %>
+            <%= render 'headmin/filters/filter/conditional', selected: filter.conditionals[index - 1] %>
+          <% end %>
+
+          <%= render 'headmin/filters/filter/row' do %>
+            <%= render 'headmin/filters/filter/operator', base.filter_operator_options.merge({selected: filter.operators[index]}) %>
+            <%= yield(value) %>
+            <%= render 'headmin/filters/filter/null_select', value: value %>
+          <% end %>
+        <% end %>
+      </div>
+
+      <!-- Apply button -->
+      <button type="submit" class="btn btn-primary w-100" data-action="click->filters#update">
+        <%= t("headmin.filters.apply") %>
+      </button>
+
+      <!-- Filter field -->
+      <%= hidden_field_tag("#{name}", params[name], data: {filter_target: "hidden"}) %>
+
+      <!-- Filter template -->
+      <template data-filter-target="template">
+        <%= render 'headmin/filters/filter/conditional' %>
+        <%= render 'headmin/filters/filter/row' do %>
+          <%= render 'headmin/filters/filter/operator', base.filter_operator_options.merge({selected: nil}) %>
+          <%= yield(nil) %>
+          <%= render 'headmin/filters/filter/null_select', value: nil %>
+        <% end %>
+      </template>
+    <% end %>
+  <% end %>
+<% end %>

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

@@ -0,0 +1,23 @@
+<%
+  # headmin/filters/boolean
+  #
+  # ==== Required parameters
+  # * +attribute+ - Name of the attribute to be filtered
+  # * +form+ - Form object
+  #
+  # ==== Optional parameters
+  # * +name+ - Name of the filter parameter
+  # * +label+ - Display label
+  #
+  # ==== Examples
+  #   Basic version
+  #   <%= render 'headmin/filters', url: admin_orders_path do |form| %#>
+  #     <%= render 'headmin/filters/boolean', form: form, attribute: :published %#>
+  #   <% end  %#>
+
+  boolean = Headmin::Filter::BooleanView.new(local_assigns.merge(params: params))
+%>
+
+<%= render 'headmin/filters/base', boolean.base_options do |value| %>
+  <%= render 'headmin/forms/select', boolean.input_options.merge(selected: value) %>
+<% end %>

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

@@ -1,47 +1,23 @@
 <%
   # headmin/filters/date
   #
-  # ==== Options
-  # * +name</tt> - Name of the filter parameter
-  # * +label</tt> - Display name
+  # ==== Required parameters
+  # * +attribute+ - Name of the attribute to be filtered
+  # * +form+ - Form object
+  #
+  # ==== Optional parameters
+  # * +name+ - Name of the filter parameter
+  # * +label+ - Display label
   #
   # ==== Examples
   #   Basic version
-  #   <%= render "headmin/filters/date", name: :created_at, label: 'Created at' %#>
-
-  name = local_assigns.has_key?(:name) ? name.to_sym : nil
-  label = local_assigns.has_key?(:label) ? label : name.to_s.humanize
+  #   <%= render 'headmin/filters', url: admin_orders_path do |form| %#>
+  #     <%= render 'headmin/filters/date', form: form, attribute: :created_at %#>
+  #   <% end  %#>
 
-  input_options = {
-    placeholder: 'dd/mm/yyyy',
-    class: "form-control",
-    required: true,
-    data: {
-      'filters-target': 'input',
-      'action': 'change->filters#update',
-    }
-  }
+  date = Headmin::Filter::DateView.new(local_assigns.merge(params: params))
 %>
 
-<%= content_for :filters_menu do %>
-  <%= render 'headmin/filters/filter/menu_item', name: name, label: label %>
-<% end %>
-
-<%= content_for :filters_templates do %>
-  <%= render 'headmin/filters/filter/template', name: name, label: label do %>
-    <div class="input-group">
-      <%= date_field_tag(name, nil, input_options) %>
-    </div>
-  <% end %>
-<% end %>
-
-<%= content_for :filters_buttons do %>
-  <% if filter_param_exists?(name) %>
-    <% value_formatted = Date.parse(params[name]).strftime('%d/%m/%Y') %>
-    <%= render 'headmin/filters/filter/button', name: name, label: label, value: value_formatted do %>
-      <div class="input-group">
-        <%= date_field_tag(name, params[name], input_options) %>
-      </div>
-    <% end %>
-  <% end %>
-<% end %>
+<%= render 'headmin/filters/base', date.base_options do |value| %>
+  <%= render 'headmin/forms/date', date.input_options.merge({value: value}) %>
+<% end %>

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

@@ -1,57 +1,24 @@
 <%
   # headmin/filters/flatpickr
   #
-  # ==== Options
-  # * +name</tt> - Name of the filter parameter
-  # * +label</tt> - Display name
+  # ==== Required parameters
+  # * +form+ - Form object
+  # * +attribute+ - Name of the attribute to be filtered
+  #
+  # ==== Optional parameters
+  # * +label+ - Display label
+  # * +name+ - Name of the filter parameter
   #
   # ==== Examples
   #   Basic version
-  #   <%= render "headmin/filters/flatpickr", name: :created_at, label: 'Created at' %#>
-
-  name = local_assigns.has_key?(:name) ? name.to_sym : nil
-  label = local_assigns.has_key?(:label) ? label : name.to_s.humanize
+  #   <%= render 'headmin/filters', url: admin_orders_path do |form| %#>
+  #     <%= render 'headmin/filters/flatpickr', form: form, attribute: :created_at %#>
+  #   <% end  %#>
 
-  input_options = {
-    placeholder: 'dd/mm/yyyy',
-    class: "form-control",
-    required: true,
-    data: {
-      'filters-target': 'input',
-      'flatpickr-target': 'input',
-      'action': 'change->filters#update',
-      'flatpickr-options': {
-        defaultDate: params[name]
-      }
-    }
-  }
+ flatpickr = Headmin::Filter::FlatpickrView.new(local_assigns.merge(params: params))
 %>
 
-<%= content_for :filters_menu do %>
-  <%= render 'headmin/filters/filter/menu_item', name: name, label: label %>
-<% end %>
-
-<%= content_for :filters_templates do %>
-  <%= render 'headmin/filters/filter/template', name: name, label: label do %>
-    <div class="input-group" data-controller="flatpickr">
-      <span class="input-group-text">
-        <%= bootstrap_icon('calendar') %>
-      </span>
-      <%= date_field_tag(name, nil, input_options) %>
-    </div>
-  <% end %>
-<% end %>
-
-<%= content_for :filters_buttons do %>
-  <% if filter_param_exists?(name) %>
-    <% value_formatted = Date.parse(params[name]).strftime('%d/%m/%Y') %>
-    <%= render 'headmin/filters/filter/button', name: name, label: label, value: value_formatted do %>
-      <div class="input-group" data-controller="flatpickr">
-        <span class="input-group-text">
-          <%= bootstrap_icon('calendar') %>
-        </span>
-        <%= date_field_tag(name, params[name], input_options) %>
-      </div>
-    <% end %>
-  <% end %>
-<% end %>
+<%= render 'headmin/filters/base', flatpickr.base_options do |value| %>
+  <% default_date = value != 1 && value != 0 ? value&.strftime("%d/%m/%Y") : value %>
+  <%= render 'headmin/forms/flatpickr', flatpickr.input_options.deep_merge({value: value, data: {flatpickr: {defaultDate: default_date}}}) %>
+<% end %>

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

@@ -0,0 +1,23 @@
+<%
+  # headmin/filters/number
+  #
+  # ==== Required parameters
+  # * +attribute+ - Name of the attribute to be filtered
+  # * +form+ - Form object
+  #
+  # ==== Optional parameters
+  # * +label+ - Display label
+  # * +name+ - Name of the filter parameter
+  #
+  # ==== Examples
+  #   Basic version
+  #   <%= 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}) %>
+<% end %>

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

@@ -0,0 +1,24 @@
+<%
+  # headmin/filters/boolean
+  #
+  # ==== Required parameters
+  # * +attribute+ - Name of the attribute to be filtered
+  # * +collection+ - Values to create option tags for
+  # * +form+ - Form object
+  #
+  # ==== Optional parameters
+  # * +label+ - Display label
+  # * +name+ - Name of the filter parameter
+  #
+  # ==== Examples
+  #   Basic version
+  #   <%= 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) %>
+<% end %>

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

@@ -1,22 +1,24 @@
 <%
   # headmin/filters/search
   #
-  # ==== Options
-  # * +name</tt> - Name of the filter parameter
-  # * +label</tt> - Name of the resource to be used in the placeholder (search in ...)
-  # * +placeholder</tt> - Placeholder in the search field
+  # ==== Required parameters
+  # * +attribute+ - Name of the attribute to be filtered
+  # * +form+ - Form object
+
+  # ==== Optional parameters
+  # * +name+ - Name of the filter parameter
+  # * +label+ - Name of the resource to be used in the placeholder (search in ...)
+  # * +placeholder+ - Placeholder in the search field
   #
   # ==== Examples
   #   Basic version.
-  #   <%= render 'headmin/filters/search', name: :search, label: Poll.model_name.human(count: 2) %#>
-
-  name = local_assigns.has_key?(:name) ? name : :search
-  label = local_assigns.has_key?(:label) ? label : name.to_s.humanize
-  placeholder = local_assigns.has_key?(:placeholder) ? placeholder : t('.placeholder', resource: label)
+  #   <%= render 'headmin/filters', url: admin_orders_path do |form| %#>
+  #     <%= render 'headmin/filters/search', attribute: :search, label: Poll.model_name.human(count: 2) %#>
+  #   <% end  %#>
 
-  value = filter_param_exists?(name) ? params[name] : nil
+  search = Headmin::Filter::SearchView.new(local_assigns.merge(params: params))
 %>
 
 <% content_for :filters_search do %>
-  <input class="form-control" type="search" placeholder="<%= raw placeholder.capitalize %>" aria-label="Search" name="<%= name %>" value="<%= value %>">
-<% end %>
+  <%= render 'headmin/forms/search', search.input_options %>
+<% end %>

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

@@ -0,0 +1,23 @@
+<%
+  # headmin/filters/text
+  #
+  # ==== Required parameters
+  # * +form+ - Form object
+  # * +attribute+ - Name of the attribute to be filtered
+  #
+  # ==== Optional parameters
+  # * +label+ - Display label
+  # * +name+ - Name of the filter parameter
+  #
+  # ==== Examples
+  #   Basic version
+  #   <%= 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}) %>
+<% end %>

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

@@ -3,28 +3,27 @@
     accepts block: yes
     parameters:
       name: (string) Name of the parameter
-      label: (string) Display name
       value: (string) Value of the parameter
 %>
-<% id = local_assigns.has_key?(:id) ? id : SecureRandom.hex %>
-<% name = local_assigns.has_key?(:name) ? name.to_sym : nil %>
-<% label = local_assigns.has_key?(:label) ? label : name.to_s.humanize %>
-<% value = local_assigns.has_key?(:value) ? value : nil %>
 
-<div class="h-filter me-1 my-1" data-controller="filter" data-filter-name="<%= name %>">
+<% button_view = Headmin::Filter::ButtonView.new(local_assigns) %>
+
+<div class="h-filter me-1 my-1" data-controller="filter" data-filter-name="<%= button_view.name %>" data-filter-name-value="<%= button_view.name %>">
   <button
     type="button"
     class="h-filter-button btn h-btn-outline-transparent"
     data-filter-target="button"
     data-popup-target="button"
-    data-popup-id="<%= id %>"
+    data-popup-id="<%= button_view.id %>"
     data-action="click->popup#open"
   >
-    <%= "#{label}: #{value || t('.all')}" %>
-    <span class="h-filter-remove" data-action="click->filters#remove"><%= bootstrap_icon('x-lg') %></span>
+    <%= raw("#{button_view.label} #{button_view.filter&.string(display_values: button_view.display_values)}") %>
+    <span class="h-filter-remove" data-action="click->filters#remove">
+      <%= bootstrap_icon('x-lg') %>
+    </span>
   </button>
 
-  <%= render 'headmin/popup', id: "#{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/filters/filter/_conditional.html.erb

@@ -0,0 +1,18 @@
+<%#
+    headmin/filters/filter/conditional
+    accepts block: no
+    parameters:
+
+%>
+
+<% conditional = Headmin::Filter::ConditionalView.new(local_assigns) %>
+
+<div class="h-filter-conditional">
+  <select class="form-control-plaintext form-control-sm" data-action="change->filter#updateHiddenValue" data-filter-target="conditional">
+    <% conditional.values.each do |value, display_value| %>
+      <option value="<%= value %>" <%= conditional.selected == value.to_s ? "selected" : "" %>>
+        <%= display_value.upcase %>
+      </option>
+    <% end %>
+  </select>
+</div>

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

@@ -5,8 +5,11 @@
       name: (string) Name of the parameter
       label: (string) Display name
 %>
+
+<% menu_item = Headmin::Filter::MenuItemView.new(local_assigns) %>
+
 <li>
-  <a class="dropdown-item" href="#" data-filters-target="menuItem" data-action="click->filters#add" data-filter-name="<%= name %>">
-    <%= label %>
+  <a class="dropdown-item" href="#" data-filters-target="menuItem" data-action="click->filters#add" data-filter-name="<%= menu_item.name %>">
+    <%= menu_item.label %>
   </a>
 </li>

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

@@ -0,0 +1,8 @@
+<select class="form-select" data-filter-row-target="null" data-action="change->filter#updateHiddenValue" data-filter-target="value">
+  <option value="1" <%= value == 1 ? "selected" : "" %>>
+    <%= t('headmin.filters.values.yes') %>
+  </option>
+  <option value="0" <%= value == 0 ? "selected" : "" %>>
+    <%= t('headmin.filters.values.no') %>
+  </option>
+</select>

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

@@ -0,0 +1,16 @@
+<%#
+    headmin/filters/filter/button
+    accepts block: no
+    parameters:
+
+%>
+
+<% operators = Headmin::Filter::OperatorView.new(local_assigns) %>
+
+<select class="h-filter-operator form-select" data-action="change->filter#updateHiddenValue" data-filter-target="operator" data-filter-row-target="operator">
+  <% operators.allowed_operators.each do |operator| %>
+    <option value="<%= operator.to_s %>" <%= operators.selected == operator.to_s ? "selected" : "" %>>
+      <%= raw(operators.operator_symbol[operator.to_sym]) %>
+    </option>
+  <% end %>
+</select>

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

@@ -0,0 +1,11 @@
+<% row = Headmin::Filter::RowView.new(local_assigns) %>
+
+<div class="h-filter-row" data-controller="filter-row" data-filter-target="row">
+  <%= yield(row.operator, row.value) %>
+  <button type="button" class="btn btn-sm btn-link h-filter-add-input" data-action="click->filter#add">
+    <i class="bi bi-plus-circle"></i>
+  </button>
+  <button type="button" class="btn btn-sm btn-link h-filter-remove-input" data-action="click->filter#remove">
+    <i class="bi bi-dash-circle"></i>
+  </button>
+</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,13 +10,13 @@
   #
   # ==== 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