headmin 0.1.2 → 0.2.3

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

@@ -0,0 +1,45 @@
+<%
+  # headmin/forms/date
+  #
+  # ==== Options
+  # * <tt>form<tt> - Form object
+  # * <tt>attribute<tt> - Name of the attribute of the form model
+  # * <tt>label<tt> - Text to show as label. Label will be hidden if value is false
+  # * <tt>float<tt> - Set to true if you want to show floating labels
+  # * <tt>append<tt> - Text or icon to be shown on the left hand side of the input, Doesn't work with float
+  # * <tt>prepend<tt> - Text or icon to be shown on the right hand side of the input, Doesn't work with float
+  #
+  # ==== Examples
+  #   Basic version
+  #   <%= render 'headmin/forms/date', form: form, attribute: :title %#>
+  #
+  #   With datepicker
+  #   <%= render 'headmin/forms/text', form: form, attribute: :title, datepicker: true %#>
+
+  append = local_assigns.has_key?(:append) ? append : nil
+  class_names = local_assigns.has_key?(:class) ? local_assigns[:class] : false
+  data = local_assigns.has_key?(:data) ? data : nil
+  disabled = local_assigns.has_key?(:disabled) ? disabled : false
+  float = local_assigns.has_key?(:float) ? float : false
+  label = local_assigns.has_key?(:label) ? label : nil
+  prepend = local_assigns.has_key?(:prepend) ? prepend : nil
+  readonly = local_assigns.has_key?(:readonly) ? readonly : false
+  required = local_assigns.has_key?(:required) ? required : false
+  datepicker = local_assigns.has_key?(:datepicker) ? local_assigns[:datepicker] : false
+
+  class_names = "#{class_names} flatpicker" if datepicker
+
+  options = {
+    'aria-describedby': form_field_validation_id(form, attribute),
+    class: "form-control #{form_field_validation_class(form, attribute)} #{class_names}",
+    data: data,
+    disabled: disabled,
+    placeholder: attribute,
+    readonly: readonly,
+    required: required,
+  }
+%>
+
+<%= render 'headmin/forms/base', form: form, attribute: attribute, append: append, prepend: prepend, float: float, label: label, required: required do |form| %>
+  <%= form.date_field(attribute, options) %>
+<% end %>

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

@@ -0,0 +1,39 @@
+<%
+  # headmin/forms/email
+  #
+  # ==== Options
+  # * <tt>form<tt> - Form object
+  # * <tt>attribute<tt> - Name of the attribute of the form model
+  # * <tt>label<tt> - Text to show as label. Label will be hidden if value is false
+  # * <tt>float<tt> - Set to true if you want to show floating labels
+  # * <tt>append<tt> - Text or icon to be shown on the left hand side of the input, Doesn't work with float
+  # * <tt>prepend<tt> - Text or icon to be shown on the right hand side of the input, Doesn't work with float
+  #
+  # ==== Examples
+  #   Basic version
+  #   <%= render 'headmin/forms/email', form: form, attribute: :email_address %#>
+
+  append = local_assigns.has_key?(:append) ? append : nil
+  class_names = local_assigns.has_key?(:class) ? local_assigns[:class] : false
+  data = local_assigns.has_key?(:data) ? data : nil
+  disabled = local_assigns.has_key?(:disabled) ? disabled : false
+  float = local_assigns.has_key?(:float) ? float : false
+  label = local_assigns.has_key?(:label) ? label : nil
+  prepend = local_assigns.has_key?(:prepend) ? prepend : nil
+  readonly = local_assigns.has_key?(:readonly) ? readonly : false
+  required = local_assigns.has_key?(:required) ? required : false
+
+  options = {
+    'aria-describedby': form_field_validation_id(form, attribute),
+    class: "form-control #{form_field_validation_class(form, attribute)} #{class_names}",
+    data: data,
+    disabled: disabled,
+    placeholder: attribute,
+    readonly: readonly,
+    required: required,
+  }
+%>
+
+<%= render 'headmin/forms/base', form: form, attribute: attribute, append: append, prepend: prepend, float: float, label: label, required: required do |form| %>
+  <%= form.email_field(attribute, options) %>
+<% end %>

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

@@ -0,0 +1,40 @@
+<%
+  # name: headmin/forms/file
+  #
+  # ==== Options
+  # * <tt>form<tt> - Form object
+  # * <tt>attribute<tt> - Name of the attribute of the form model
+  # * <tt>label<tt> - Text to show as label. Label will be hidden if value is false
+  #
+  # ==== Examples
+  #   Basic version
+  #   <%= render 'headmin/forms/image', form: form, attribute: :image %#>
+
+  class_names = local_assigns.has_key?(:class) ? local_assigns[:class] : false
+  data = local_assigns.has_key?(:data) ? data : nil
+  disabled = local_assigns.has_key?(:disabled) ? disabled : false
+  label = local_assigns.has_key?(:label) ? label : nil
+  readonly = local_assigns.has_key?(:readonly) ? readonly : false
+  required = local_assigns.has_key?(:required) ? required : false
+
+  options = {
+    'aria-describedby': form_field_validation_id(form, attribute),
+    class: "form-control #{form_field_validation_class(form, attribute)} #{class_names}",
+    data: data,
+    disabled: disabled,
+    placeholder: attribute,
+    readonly: readonly,
+    required: required,
+  }
+
+  show_label = label != false
+%>
+
+<div class="<%= ('mb-3 text-start' if show_label) %>">
+  <% if show_label %>
+    <%= render 'headmin/forms/label', form: form, attribute: attribute, name: label, required: required %>
+  <% end %>
+
+  <%= form.file_field(attribute, options) %>
+  <%= render 'headmin/forms/validation', form: form, attribute: attribute %>
+</div>

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

@@ -0,0 +1,55 @@
+<%
+  # name: headmin/forms/image
+  #
+  # ==== Options
+  # * <tt>form<tt> - Form object
+  # * <tt>attribute<tt> - Name of the attribute of the form model
+  # * <tt>label<tt> - Text to show as label. Label will be hidden if value is false
+  #
+  # ==== Examples
+  #   Basic version
+  #   <%= render 'headmin/forms/image', form: form, attribute: :image %#>
+
+  class_names = local_assigns.has_key?(:class) ? local_assigns[:class] : false
+  data = local_assigns.has_key?(:data) ? data : nil
+  disabled = local_assigns.has_key?(:disabled) ? disabled : false
+  label = local_assigns.has_key?(:label) ? label : nil
+  readonly = local_assigns.has_key?(:readonly) ? readonly : false
+  required = local_assigns.has_key?(:required) ? required : false
+
+  has_image = form.object.send(attribute).attached?
+
+  options = {
+    'aria-describedby': form_field_validation_id(form, attribute),
+    class: "form-control #{form_field_validation_class(form, attribute)} #{class_names}",
+    data: data,
+    disabled: disabled,
+    placeholder: attribute,
+    readonly: readonly,
+    required: has_image ? false : required,
+  }
+
+  show_label = label != false
+%>
+
+<div class="<%= ('mb-3 text-start' if show_label) %>">
+
+  <% if show_label %>
+    <%= render 'headmin/forms/label', form: form, attribute: attribute, name: label, required: required %>
+  <% end %>
+
+  <div class="mb-2">
+    <% if has_image %>
+      <%= 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, options) %>
+  <%= render 'headmin/forms/validation', form: form, attribute: attribute %>
+</div>

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

@@ -0,0 +1,24 @@
+<%
+  # name: headmin/forms/label
+  #
+  # ==== Options
+  # * <tt>form<tt> - Form object
+  # * <tt>attribute<tt> - Name of the attribute of the form model
+  # * <tt>name<tt> - Custom label to be used instead of the attribute
+  # * <tt>required<tt> - Set to true if you want to highlight the requirement
+  #
+  # ==== Examples
+  #   Basic version
+  #   <%= render 'headmin/forms/label', form: form, attribute: :image %#>
+
+  class_names = local_assigns.has_key?(:class) ? local_assigns[:class] : false
+  name = local_assigns.has_key?(:name) && name ? name.to_s.humanize : attribute
+  required = local_assigns.has_key?(:required) ? required : false
+
+  options = {
+    class: "form-label #{class_names}",
+    required: required,
+  }
+%>
+
+<%= form.label name, options %>

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

@@ -0,0 +1,50 @@
+<%
+  # headmin/forms/number
+  #
+  # ==== Options
+  # * <tt>form<tt> - Form object
+  # * <tt>attribute<tt> - Name of the attribute of the form model
+  # * <tt>label<tt> - Text to show as label. Label will be hidden if value is false
+  # * <tt>float<tt> - Set to true if you want to show floating labels
+  # * <tt>collection<tt> - Add array of options to show in a data list
+  # * <tt>append<tt> - Text or icon to be shown on the left hand side of the input, Doesn't work with float
+  # * <tt>prepend<tt> - Text or icon to be shown on the right hand side of the input, Doesn't work with float
+  #
+  # ==== Examples
+  #   Basic version
+  #   <%= render 'headmin/forms/number', form: form, attribute: :amount %#>
+
+  append = local_assigns.has_key?(:append) ? append : nil
+  class_names = local_assigns.has_key?(:class) ? local_assigns[:class] : false
+  collection = local_assigns.has_key?(:collection) ? collection : nil
+  data = local_assigns.has_key?(:data) ? data : nil
+  disabled = local_assigns.has_key?(:disabled) ? disabled : false
+  float = local_assigns.has_key?(:float) ? float : false
+  label = local_assigns.has_key?(:label) ? label : nil
+  prepend = local_assigns.has_key?(:prepend) ? prepend : nil
+  readonly = local_assigns.has_key?(:readonly) ? readonly : false
+  required = local_assigns.has_key?(:required) ? required : false
+
+  options = {
+    'aria-describedby': form_field_validation_id(form, attribute),
+    class: "form-control #{form_field_validation_class(form, attribute)} #{class_names}",
+    data: data,
+    disabled: disabled,
+    list: collection ? attribute : nil,
+    placeholder: attribute,
+    readonly: readonly,
+    required: required,
+  }
+%>
+
+<%= render 'headmin/forms/base', form: form, attribute: attribute, append: append, prepend: prepend, float: float, label: label, required: required do |form| %>
+  <%= form.number_field(attribute, options) %>
+<% end %>
+
+<% if collection %>
+  <datalist id="<%= attribute %>">
+    <% collection.each do |key, value| %>
+      <option value="<%= value %>"><%= key %></option>
+    <% end %>
+  </datalist>
+<% end %>

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

@@ -0,0 +1,69 @@
+<%
+  # headmin/forms/password
+  #
+  # ==== Options
+  # * <tt>form<tt> - Form object
+  # * <tt>attribute<tt> - Name of the attribute of the form model
+  # * <tt>label<tt> - Text to show as label. Label will be hidden if value is false
+  # * <tt>float<tt> - Set to true if you want to show floating labels
+  # * <tt>append<tt> - Text or icon to be shown on the left hand side of the input, Doesn't work with float
+  # * <tt>prepend<tt> - Text or icon to be shown on the right hand side of the input, Doesn't work with float
+  #
+  # ==== Examples
+  #   Basic version
+  #   <%= render 'headmin/forms/password', form: form, attribute: :password %#>
+
+  append = local_assigns.has_key?(:append) ? append : nil
+  class_names = local_assigns.has_key?(:class) ? local_assigns[:class] : false
+  data = local_assigns.has_key?(:data) ? data : nil
+  disabled = local_assigns.has_key?(:disabled) ? disabled : false
+  float = local_assigns.has_key?(:float) ? float : false
+  label = local_assigns.has_key?(:label) ? label : nil
+  prepend = local_assigns.has_key?(:prepend) ? prepend : nil
+  readonly = local_assigns.has_key?(:readonly) ? readonly : false
+  required = local_assigns.has_key?(:required) ? required : false
+
+  options = {
+    'aria-describedby': form_field_validation_id(form, attribute),
+    class: "form-control #{form_field_validation_class(form, attribute)} #{class_names}",
+    data: data,
+    disabled: disabled,
+    placeholder: attribute,
+    readonly: readonly,
+    required: required,
+  }
+
+  show_label = label != false
+%>
+
+<div class="<%= 'form-floating' if float %> <%= ('mb-3 text-start' if show_label) %>">
+  <% if show_label && !float %>
+    <%= render 'headmin/forms/label', form: form, attribute: attribute, name: label, required: required %>
+  <% end %>
+
+  <% if float %>
+    <%= form.password_field(attribute, options) %>
+    <%= render 'headmin/forms/validation', form: form, attribute: attribute %>
+  <% else %>
+    <div class="input-group">
+      <% if prepend %>
+      <span class="input-group-text">
+        <%= prepend %>
+      </span>
+      <% end %>
+
+      <%= form.password_field(attribute, options) %>
+      <%= render 'headmin/forms/validation', form: form, attribute: attribute %>
+
+      <% if append %>
+      <span class="input-group-text">
+        <%= append %>
+      </span>
+      <% end %>
+    </div>
+  <% end %>
+
+  <% if show_label && float %>
+    <%= render 'headmin/forms/label', form: form, attribute: attribute, name: label, required: required %>
+  <% end %>
+</div>

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

@@ -0,0 +1,49 @@
+<%
+  # headmin/forms/redactorx
+  #
+  # ==== Options
+  # * <tt>form<tt> - Form object
+  # * <tt>attribute<tt> - Name of the attribute of the form model
+  # * <tt>label<tt> - Text to show as label. Label will be hidden if value is false
+  # * <tt>addbar<tt> - Items to show in the addbar
+  # * <tt>topbar<tt> - Items to show in the topbar
+  # * <tt>plugins<tt> - Plugin items to work with
+  #
+  # ==== Examples
+  #   Basic version
+  #   <%= render 'headmin/forms/textarea', form: form, attribute: :title %#>
+
+  class_names = local_assigns.has_key?(:class) ? local_assigns[:class] : false
+  data = local_assigns.has_key?(:data) ? data : {}
+  disabled = local_assigns.has_key?(:disabled) ? disabled : false
+  label = local_assigns.has_key?(:label) ? label : nil
+  readonly = local_assigns.has_key?(:readonly) ? readonly : false
+  required = local_assigns.has_key?(:required) ? required : false
+  addbar = local_assigns.has_key?(:addbar) ? addbar : ['paragraph', 'image', 'embed', 'table', 'quote', 'pre', 'line']
+  plugins = local_assigns.has_key?(:plugins) ? plugins : ['shortcut']
+  topbar = local_assigns.has_key?(:topbar) ? topbar : []
+
+  data = data.merge(
+    'redactor-options': {
+      buttons: {
+        addbar: addbar,
+        plugins: plugins,
+        topbar: topbar,
+      }
+    }
+  )
+
+  options = {
+    'aria-describedby': form_field_validation_id(form, attribute),
+    class: "form-control redactorx #{form_field_validation_class(form, attribute)} #{class_names}",
+    data: data,
+    disabled: disabled,
+    placeholder: attribute,
+    readonly: readonly,
+    required: required,
+  }
+%>
+
+<%= render 'headmin/forms/base', form: form, attribute: attribute, label: label, required: required do |form| %>
+  <%= form.text_area(attribute, options) %>
+<% end %>

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

@@ -0,0 +1,133 @@
+<%
+  # headmin/forms/repeater
+  #
+  # ==== Options
+  # * <tt>form</tt> -  Form object
+  # * <tt>attribute</tt> - Name of the attribute of the form model
+  # * <tt>header</tt> - Name of the template to use as header
+  # * <tt>label<tt> - Text to show as label. Label will be hidden if value is false
+  # * <tt>templates</tt> - List of all views that can be used as a template for a new block
+  # * <tt>flush</tt> - Set to true if you want the list items to sit flush with its parent.
+  #
+  # ==== Examples
+  #   # Basic version
+  #   <% 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' %#>
+  #   <% 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' %#>
+  #   <% 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.html.erb', 'admin/questions/fields/_type_2.html.erb'] %#>
+  #   <% 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
+  required = local_assigns.has_key?(:required) ? required : false
+  header = local_assigns.has_key?(:header) ? header : nil
+  templates = local_assigns.has_key?(:templates) ? templates : []
+  flush = local_assigns.has_key?(:flush) ? flush : true
+
+  template_names = templates.map { |template| File.basename(template, '.html.erb') }
+  template_names = template_names.any? ? template_names : ['new']
+  multiple_templates = template_names.count > 1
+  object_model = form.object.class
+  association_model = object_model.reflect_on_association(attribute).class_name.constantize
+  with_positions = association_model.new.attributes.keys.include?('position')
+  associations = form.object.send(attribute)
+  associations = with_positions ? associations.order(:position) : associations
+  repeater_id = form.object_id
+  pass_thru = multiple_templates ? nil : '[data-template-name="new"]'
+  show_label = label != false
+%>
+
+<div class="repeater" data-controller="repeater" data-repeater-id-value="<%= repeater_id %>">
+
+  <!-- Label -->
+  <% if show_label %>
+    <%= render 'headmin/forms/label', form: form, attribute: attribute, name: label, required: required %>
+  <% end %>
+
+  <ul class="list-group <%= 'list-group-flush' if flush %>" data-repeater-target="list">
+
+    <!-- Header -->
+    <% if header %>
+      <li class="list-group-item">
+        <%= render header %>
+      </li>
+    <% end %>
+
+    <!-- Rows -->
+    <%= form.fields_for attribute, associations do |ff| %>
+      <%= render 'headmin/forms/repeater/row', pass_thru: pass_thru, form: ff, repeater_id: repeater_id do %>
+        <%= yield(ff) %>
+      <% end %>
+    <% end %>
+
+    <!-- Footer -->
+    <li class="list-group-item d-flex justify-content-between align-items-center" data-repeater-target="footer">
+
+      <!-- Empty notice -->
+      <div class="text-secondary invisible" data-repeater-target="empty">
+        <%= t('.empty') %>
+      </div>
+
+      <!-- Button -->
+      <a href="#"
+         class="btn btn-sm h-btn-outline-light"
+         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') %>
+        <%= t('.add', name: association_model.model_name.human) %>
+      </a>
+
+      <!-- Popup  -->
+      <%= render 'headmin/popup', id: "repeater-buttons-#{repeater_id}" do %>
+        <div class="d-grid gap-2">
+          <% template_names.each do |name| %>
+            <a href="#"
+               class="btn btn-sm h-btn-outline-light"
+               data-popup-target="button"
+               data-popup-id="<%= "repeater-buttons-#{repeater_id}" %>"
+               data-action="click->repeater#addRow click->popup#close"
+               data-row-index=""
+               data-template-name="<%= name %>"
+            >
+              <%= name.humanize %>
+            </a>
+          <% end %>
+        </div>
+      <% end %>
+    </li>
+
+    <!-- Templates -->
+    <% template_names.each do |name| %>
+      <template data-repeater-target="template" data-template-name="<%= name %>">
+        <%= form.fields_for attribute, association_model.new, child_index: 'template_id' do |ff| %>
+          <%= render 'headmin/forms/repeater/row', form: ff, pass_thru: pass_thru, repeater_id: repeater_id do %>
+            <% template = templates.detect { |t| t.include?("/#{name}.") } %>
+            <% if template %>
+              <%= render(template.gsub('/_', '/'), form: ff) %>
+            <% else %>
+              <% yield(ff) %>
+            <% end %>
+          <% end %>
+        <% end %>
+      </template>
+    <% end %>
+
+  </ul>
+</div>

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

@@ -0,0 +1,70 @@
+<%
+  # headmin/forms/select
+  #
+  # ==== Options
+  # * <tt>form<tt> - Form object
+  # * <tt>attribute<tt> - Name of the attribute of the form model
+  # * <tt>collection<tt> - Values to create option tags for
+  # * <tt>multiple<tt> - Set to true if multiple selections are allowed
+  # * <tt>tags<tt> - Set to true if new options are allowed to be created
+  # * <tt>disabled<tt> - One or more values to be disabled in the option tags
+  # * <tt>selected<tt> - Value to be marked as "selected"
+  # * <tt>include_blank<tt> - Set to true or prompt string if the first option tag is a blank
+  # * <tt>label<tt> - Text to show as label. Label will be hidden if value is false
+  # * <tt>float<tt> - Set to true if you want to show floating labels
+  # * <tt>append<tt> - Text or icon to be shown on the left hand side of the input, Doesn't work with float
+  # * <tt>prepend<tt> - Text or icon to be shown on the right hand side of the input, Doesn't work with float
+  #
+  # ==== Examples
+  #   Basic version
+  #   <%= render 'headmin/forms/select', form: form, attribute: :color, collection: ['red', 'green', 'blue'] %#>
+  #
+  #   Specify options to be disabled
+  #   <%= render 'headmin/forms/select', form: form, attribute: :color, collection: ['red', 'green', 'blue'], disabled: ['red'] %#>
+  #
+  #   Show blank option
+  #   <%= render 'headmin/forms/select', form: form, attribute: :color, collection: ['red', 'green', 'blue'], include_blank: 'Pick a color' %#>
+  #
+  #   Select a given option by default
+  #   <%= render 'headmin/forms/select', form: form, attribute: :color, collection: ['red', 'green', 'blue'], selected: 'green' %#>
+  #
+  #   Allow multiple options to be selected
+  #   <%= render 'headmin/forms/select', form: form, attribute: :color, collection: ['red', 'green', 'blue'], multiple: true %#>
+  #
+  #   Allow multiple options to be selected and new options to be created
+  #   <%= render 'headmin/forms/select', form: form, attribute: :color, collection: ['red', 'green', 'blue'], tags: true %#>
+
+  append = local_assigns.has_key?(:append) ? append : nil
+  class_names = local_assigns.has_key?(:class) ? local_assigns[:class] : false
+  data = local_assigns.has_key?(:data) ? data : {}
+  disabled = local_assigns.has_key?(:disabled) ? disabled : false
+  float = local_assigns.has_key?(:float) ? float : false
+  include_blank = local_assigns.has_key?(:include_blank) ? include_blank : nil
+  label = local_assigns.has_key?(:label) ? label : nil
+  prepend = local_assigns.has_key?(:prepend) ? prepend : nil
+  multiple = local_assigns.has_key?(:multiple) ? multiple : false
+  required = local_assigns.has_key?(:required) ? required : false
+  selected = local_assigns.has_key?(:selected) ? selected : nil
+  tags = local_assigns.has_key?(:tags) ? tags : false
+
+  data = data.merge({ tags: true }) if tags
+
+  choices = options_for_select(collection, form.object.send(attribute))
+  options = {
+    include_blank: include_blank,
+    disabled: disabled,
+    selected: selected
+  }
+  html_options = {
+    'aria-describedby': form_field_validation_id(form, attribute),
+    class: "form-select #{form_field_validation_class(form, attribute)} #{class_names}",
+    data: data,
+    multiple: tags ? true : multiple,
+    required: required,
+  }
+
+%>
+
+<%= render 'headmin/forms/base', form: form, attribute: attribute, append: append, prepend: prepend, float: float, label: label, required: required do |form| %>
+  <%= form.select(attribute, choices, options, html_options) %>
+<% end %>

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

@@ -0,0 +1,62 @@
+<%
+  # headmin/forms/text
+  #
+  # ==== Options
+  # * <tt>form<tt> - Form object
+  # * <tt>attribute<tt> - Name of the attribute of the form model
+  # * <tt>label<tt> - Text to show as label. Label will be hidden if value is false
+  # * <tt>float<tt> - Set to true if you want to show floating labels
+  # * <tt>collection<tt> - Add array of options to show in a data list
+  # * <tt>append<tt> - Text or icon to be shown on the left hand side of the input, Doesn't work with float
+  # * <tt>prepend<tt> - Text or icon to be shown on the right hand side of the input, Doesn't work with float
+  #
+  # ==== Examples
+  #   Basic version
+  #   <%= render 'headmin/forms/text', form: form, attribute: :title %#>
+  #
+  #   Input without label
+  #   <%= render 'headmin/forms/text', form: form, attribute: :title, label: false %#>
+  #
+  #   Input with custom label
+  #   <%= render 'headmin/forms/text', form: form, attribute: :title, label: 'Intro' %#>
+  #
+  #   Input with floating label
+  #   <%= render 'headmin/forms/text', form: form, attribute: :title, float: true %#>
+  #
+  #   Provide a data-list
+  #   <%= render 'headmin/forms/text', form: form, attribute: :title, collection: ['option 1', 'option 2', 'options 3'] %#>
+
+  append = local_assigns.has_key?(:append) ? append : nil
+  class_names = local_assigns.has_key?(:class) ? local_assigns[:class] : false
+  collection = local_assigns.has_key?(:collection) ? collection : nil
+  data = local_assigns.has_key?(:data) ? data : nil
+  disabled = local_assigns.has_key?(:disabled) ? disabled : false
+  float = local_assigns.has_key?(:float) ? float : false
+  label = local_assigns.has_key?(:label) ? label : nil
+  prepend = local_assigns.has_key?(:prepend) ? prepend : nil
+  readonly = local_assigns.has_key?(:readonly) ? readonly : false
+  required = local_assigns.has_key?(:required) ? required : false
+
+  options = {
+    'aria-describedby': form_field_validation_id(form, attribute),
+    class: "form-control #{form_field_validation_class(form, attribute)} #{class_names}",
+    data: data,
+    disabled: disabled,
+    list: collection ? attribute : nil,
+    placeholder: attribute,
+    readonly: readonly,
+    required: required,
+  }
+%>
+
+<%= render 'headmin/forms/base', form: form, attribute: attribute, append: append, prepend: prepend, float: float, label: label, required: required do |form| %>
+  <%= form.text_field(attribute, options) %>
+<% end %>
+
+<% if collection %>
+  <datalist id="<%= attribute %>">
+    <% collection.each do |key, value| %>
+      <option value="<%= value %>"><%= key %></option>
+    <% end %>
+  </datalist>
+<% end %>