feat: more custom form inputs

Author: marsz

app/assets/stylesheets/admin/gentelella-custom.scss

@@ -36,3 +36,7 @@ form.form-horizontal .checkbox > label {
 .form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline {
   padding-top: 4px;
 }
+
+.icheckbox_flat-green, .iradio_flat-green {
+  margin-right: 5px;
+}

app/helpers/admin_helper.rb

@@ -24,19 +24,14 @@ def convert_changes_string(string, hstore_columns: nil)
     diffs
   end
 
-  def collection_for_delete_state
-    [['Deleted', :only_deleted], ['All', :with_deleted]]
-  end
-
   def render_admin_sorting_buttons(instance, column: :sort, html_attrs: nil)
     scope = instance.class.to_s.split('::').last.underscore
     html = [:first, :up, :down, :last, :remove].map do |action|
       if action == :remove && instance.try(column).nil?
         ''
       else
         html_opts = {
-          method: :put,
-
+          method: :put
         }.merge(html_attrs || {})
         link_to action.to_s.camelize, send("admin_#{scope}_path", instance, "#{scope}[#{column}]" => action, redirect_to: url_for), html_opts
       end
@@ -120,4 +115,23 @@ def render_admin_data_table(data: nil, total: nil, bordered: true, striped: true
     }
     render partial: 'admin/base/data_table', locals: locals
   end
+
+  def admin_link_to(text, link, icon: nil, size: nil, color: nil, round: false, **html_opts)
+    html_opts ||= {}
+    classes = html_opts[:class].to_s.split(' ')
+    classes << 'btn'
+    classes << { l: 'btn-lg', m: 'btn-sm', s: 'btn-xs' }[size.to_sym] if size
+    classes << 'btn-round' if round
+    classes << "btn-#{color}" if color
+    html_opts[:class] = classes.select(&:present?).join(' ')
+    link_to link, html_opts do
+      text = "<i class=\"fa fa-#{icon}\"></i>&nbsp;#{text}" if icon
+      text.html_safe
+    end
+  end
+
+  def admin_app_button_to(text, link, icon: , **html_opts)
+    html_opts ||= {}
+    admin_link_to(text, link, icon: icon, class: "btn-app #{html_opts.delete(:class)}", **html_opts)
+  end
 end

app/inputs/btn_group_input.rb

@@ -0,0 +1,23 @@
+class BtnGroupInput < SimpleForm::Inputs::CollectionRadioButtonsInput
+
+  # https://github.com/plataformatec/simple_form/blob/master/lib/simple_form/inputs/collection_radio_buttons_input.rb
+  def input(wrapper_options = nil)
+
+    label_method, value_method = detect_collection_methods
+
+    template.content_tag(:div, class: 'btn-group', 'data-toggle' => 'buttons') do
+      collection.map do |item|
+        value = item.send(value_method)
+        checked = value.to_s == @builder.object.send(attribute_name).to_s
+        input_name = "#{@builder.object_name}[#{attribute_name}]"
+        template.content_tag(:label, class: "btn btn-default #{checked ? 'active' : ''}") do
+          [
+            "<input type=\"radio\" name=\"#{input_name}\" value=\"#{value}\" #{checked ? 'checked="yes"' : ''} />",
+            item.send(label_method)
+          ].join.html_safe
+        end
+      end.join.html_safe
+    end
+  end
+
+end

app/inputs/is_deleted_input.rb

@@ -1,13 +1,5 @@
-class IsDeletedInput < SimpleForm::Inputs::CollectionRadioButtonsInput
+class IsDeletedInput < BtnGroupInput
   # TODO: i18n
-  def input(wrapper_options = nil)
-    wrapper_options = (wrapper_options || {}).merge(
-      include_blank: false,
-      wrapper: :admin_radio
-    )
-    @input_type = 'radio_buttons'
-    super(wrapper_options)
-  end
 
   private
 

app/inputs/radios_input.rb

@@ -0,0 +1,12 @@
+class RadiosInput < SimpleForm::Inputs::CollectionRadioButtonsInput
+
+  def input(wrapper_options = nil)
+    wrapper_options = (wrapper_options || {}).merge(
+      include_blank: false,
+      wrapper: :admin_radios
+    )
+    @input_type = 'radio_buttons'
+    super(wrapper_options)
+  end
+
+end

app/inputs/select2_input.rb

@@ -0,0 +1,13 @@
+class Select2Input < SimpleForm::Inputs::CollectionSelectInput
+
+  def input_options
+    super.merge(include_blank: false)
+  end
+
+  private
+
+  # TODO: more attrs for select2
+  def input_html_options
+    super.merge(class: 'js-select2')
+  end
+end

app/views/admin/base/examples.html.slim

@@ -0,0 +1,4 @@
+= admin_link_to 'See more examples', 'https://colorlib.com/polygon/gentelella/', target: '_blank', size: 'l', color: :primary, icon: :reply, round: true, class: 'zzz', rel: 'no-follow' do
+
+h3= 'admin_app_button_to'
+= admin_app_button_to 'Go To Google', 'https://google.com', icon: :pencil

config/initializers/simple_form_admin.rb

@@ -32,7 +32,7 @@
     end
   end
 
-  config.wrappers :admin_radio, tag: :div, class: 'form-group', error_class: 'parsley-error' do |b|
+  config.wrappers :admin_radios, tag: :div, class: 'form-group', error_class: 'parsley-error' do |b|
     b.use :label, class: 'control-label col-md-3 col-sm-3 col-xs-12'
     b.wrapper tag: :div, class: 'col-md-9 col-sm-9 col-xs-12' do |ba|
       ba.use :input, class: 'flat', wrap_with: { tag: 'div', class: 'radio' }
@@ -42,7 +42,7 @@
   config.wrapper_mappings = {
     boolean: :admin_boolean,
     switch: :admin_boolean_switch,
-    is_deleted: :admin_radio
+    radios: :admin_radios
   }
 end