unirer-bootstrap 0.7 → 0.8

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 761e08c4629879130c3302845bb10a03aec1902d
-  data.tar.gz: 9a16f38d18e74137d31dfb611ab53e060d5b37f3
+  metadata.gz: 8f4a8a84f994214b529c256b245e0697d0a3ab54
+  data.tar.gz: 5eaac740fc2b2cb23aa42e3f6f6d7c3f336e9b59
 SHA512:
-  metadata.gz: 1221a55c4ce85804ec3ecb44c74246741f9ebef881294357893921b2fba8d82a90169b191e524ebb5b07585b8261787d85b39e23770c1dc6f2a62909d1fd32be
-  data.tar.gz: 37702172f108843c5c8ce13372549729242723cdc0be5c02cdd3f9eda55d8a9432f31ad48c0977ae24b1a7db4c3ce9b02681859040bbbef74d395e8823fb1087
+  metadata.gz: 48b3a7288d98c4a58c16cfd22a770aca1bbfaa8df052b66f0e7fa2d2ac5c87718a7a110c67ba1a329b444c84e3b4433d6c0b46cec339a84cd46a2dc2ebd72cb2
+  data.tar.gz: 8fee421b384511b9258ca19cf6e6c97bf43d574360d8b2b8da7220d34d86c00001f5eab48421f82cf8f9f5abc64f3d60e16a6702c21c2ea91f11b9dd1c9be3b0

data/README.md

@@ -80,6 +80,7 @@ The following JavaScript libraries are switchable, and the version can be config
 - :'bootstrap-datetimepicker'
 - :'bootstrap-datepicker'
 - :'bootstrap-table'
+- :'bootstrap-fileinput'
 - :buttons
 - :react
 
@@ -98,6 +99,7 @@ The following JavaScript libraries are switchable, and the version can be config
 - :'bootstrap-datetimepicker'
 - :'bootstrap-datepicker'
 - :'bootstrap-table'
+- :'bootstrap-fileinput'
 - :buttons
 - :'animate.css'
 
@@ -106,9 +108,37 @@ The following JavaScript libraries are switchable, and the version can be config
 ### Render the Form Field
 The Form Field partial includes the HTML form field tags for Rails Form Builder and Bootstrap.
 ```erb
-<%= render partial: 'unirer/bootstrap/form_field', locals: { options: { model: model, form: f, name: :phone_number, type: :tel_field } } %>
+<%= render partial: 'unirer/bootstrap/form_field',
+           locals: {
+             options: {
+               model: model,
+               form:  f,
+               name:  :phone_number,
+               type: :tel_field
+             }
+           }
+%>
+```
+
+
+
+### Render the Form Select Box
+The Form Select Box partial includes the HTML select tags for Rails Form Builder and Bootstrap.
+```ruby
+<%= render partial: 'unirer/bootstrap/form_field',
+           locals: {
+             options: {
+               model:   model,
+               form:    f,
+               name:    :country_id,
+               choices: @countries.select('id, name').map { |country| [ country.name, country.id ] },
+               options: { prompt: '请选择国家' }
+             }
+           }
+%>
 ```
 
+
 The 4 options are required: model, form, name, and type.
 Here are more options:
 - label: the customized label text.

data/app/views/unirer/bootstrap/_form_field.html.erb

@@ -21,7 +21,7 @@
   prefix     = options[:prefix]
   suffix     = options[:suffix]
 
-  field_options = {
+  input_options = {
       disabled:    options[:disabled],
       class:       input_class_list,
       placeholder: options[:placeholder],
@@ -41,17 +41,25 @@
     <%= form.label name, class: label_class %>
   <% end %>
 
-  <div class='<%= field_class %>'>
-    <% if prefix.present? %>
-      <span class='input-group-addon'><%= prefix %></span>
-    <% end %>
+  <% if prefix.present? || suffix.present? %>
 
-    <%= form.send type, name, field_options %>
+    <div class='<%= field_class %>'>
+      <% if prefix.present? %>
+        <span class='input-group-addon'><%= prefix %></span>
+      <% end %>
 
-    <% if suffix.present? %>
-      <span class='input-group-addon'><%= suffix %></span>
-    <% end %>
-  </div>
+      <%= form.send type, name, input_options %>
+
+      <% if suffix.present? %>
+        <span class='input-group-addon'><%= suffix %></span>
+      <% end %>
+    </div>
+
+  <% else %>
+
+    <%= form.send type, name, input_options %>
+
+  <% end %>
 
   <% if model.errors[name].present? && !error_hidden %>
     <p class='<%= error_class %>'><%= model.errors[name].first %></p>

data/app/views/unirer/bootstrap/_form_select_box.html.erb

@@ -0,0 +1,67 @@
+<%
+  model = options[:model]
+  form  = options[:form]
+  name  = options[:name]
+
+  group_class_list = [ 'form-group',    options[:group_class] ]
+  label_class_list = [ 'control-label', options[:label_class] ]
+  field_class_list = [ 'input-group',   options[:field_class] ]
+  input_class_list = [ 'form-control',  options[:input_class] ]
+  error_class_list = [ 'text-danger',   options[:error_class] ]
+  group_class_list << 'has-error' if model.errors[name].present?
+
+  group_class = group_class_list.flatten.join ' '
+  label_class = label_class_list.flatten.join ' '
+  field_class = field_class_list.flatten.join ' '
+  input_class = input_class_list.flatten.join ' '
+  error_class = error_class_list.flatten.join ' '
+
+  label_text = options[:label_text]
+  prefix     = options[:prefix]
+  suffix     = options[:suffix]
+
+  input_options = {
+      class:    input_class_list,
+      disabled: options[:disabled],
+      readonly: options[:readonly]
+    }
+
+  error_hidden = options[:error_hidden]
+
+  choices = options[:choices]
+  flags   = options[:options]
+%>
+
+<div class='<%= group_class %>'>
+
+  <% if label_text.present? %>
+    <%= form.label name, class: label_class do %><%= label_text %><% end %>
+  <% else %>
+    <%= form.label name, class: label_class %>
+  <% end %>
+
+  <% if prefix.present? || suffix.present? %>
+
+    <div class='<%= field_class %>'>
+      <% if prefix.present? %>
+        <span class='input-group-addon'><%= prefix %></span>
+      <% end %>
+
+      <%= form.select name, choices, flags, input_options %>
+
+      <% if suffix.present? %>
+        <span class='input-group-addon'><%= suffix %></span>
+      <% end %>
+    </div>
+
+  <% else %>
+
+    <%= form.select name, choices, flags, input_options %>
+
+  <% end %>
+
+  <% if model.errors[name].present? && !error_hidden %>
+    <p class='<%= error_class %>'><%= model.errors[name].first %></p>
+  <% end %>
+
+</div>

data/app/views/unirer/bootstrap/_script.html.erb

@@ -11,6 +11,11 @@
   <%= javascript_include_tag "//cdn.bootcss.com/bootstrap-table/#{library_version(:'bootstrap-table', '1.10.1', options)}/locale/bootstrap-table-zh-CN.min.js", charset: 'UTF-8' %>
 <% end %>
 
+<% if library_enabled?(:'bootstrap-fileinput', options) %>
+  <%= javascript_include_tag "//cdn.bootcss.com/bootstrap-fileinput/#{library_version(:'bootstrap-fileinput', '4.3.1', options)}/js/fileinput.min.js" %>
+  <%= javascript_include_tag "//cdn.bootcss.com/bootstrap-fileinput/#{library_version(:'bootstrap-fileinput', '4.3.1', options)}/js/fileinput_locale_zh.min.js", charset: 'UTF-8' %>
+<% end %>
+
 <%= javascript_include_tag "//cdn.bootcss.com/Buttons/#{library_version(:buttons, '2.0.0', options)}/js/buttons.min.js" if library_enabled?(:buttons, options) %>
 
 <% if library_enabled?(:react, options) %>

data/app/views/unirer/bootstrap/_style.html.erb

@@ -3,7 +3,8 @@
 <%= stylesheet_link_tag "//cdn.bootcss.com/bootstrap/#{library_version(:'bootstrap-theme', '3.3.6', options)}/css/bootstrap-theme.min.css", media: 'all' if library_enabled?(:'bootstrap-theme', options) %>
 <%= stylesheet_link_tag "//cdn.bootcss.com/bootstrap-datetimepicker/#{library_version(:'bootstrap-datetimepicker', '4.17.37', options)}/css/bootstrap-datetimepicker.min.css", media: 'all' if library_enabled?(:'bootstrap-datetimepicker', options) %>
 <%= stylesheet_link_tag "//cdn.bootcss.com/bootstrap-datepicker/#{library_version(:'bootstrap-datepicker', '1.6.0', options)}/css/bootstrap-datepicker.min.css", media: 'all' if library_enabled?(:'bootstrap-datepicker', options) %>
-<%= stylesheet_link_tag "//cdn.bootcss.com/bootstrap-table/#{library_version(:'bootstrap-table', '1.10.0', options)}/bootstrap-table.min.css", media: 'all' if library_enabled?(:'bootstrap-datetimepicker', options) %>
+<%= stylesheet_link_tag "//cdn.bootcss.com/bootstrap-table/#{library_version(:'bootstrap-table', '1.10.0', options)}/bootstrap-table.min.css", media: 'all' if library_enabled?(:'bootstrap-table', options) %>
+<%= stylesheet_link_tag "//cdn.bootcss.com/bootstrap-fileinput/#{library_version(:'bootstrap-fileinput', '4.3.1', options)}/css/fileinput.min.css", media: 'all' if library_enabled?(:'bootstrap-fileinput', options) %>
 
 <%= stylesheet_link_tag "//cdn.bootcss.com/font-awesome/#{library_version(:'font-awesome', '4.5.0', options)}/css/font-awesome.min.css", media: 'all' if library_enabled?(:'font-awesome', options) %>
 <%= stylesheet_link_tag "//cdn.bootcss.com/Buttons/#{library_version(:buttons, '2.0.0', options)}/css/buttons.min.css", media: 'all' if library_enabled?(:buttons, options) %>

data/lib/unirer/bootstrap/version.rb

@@ -1,5 +1,5 @@
 module Unirer
   module Bootstrap
-    VERSION = '0.7'.freeze
+    VERSION = '0.8'.freeze
   end
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: unirer-bootstrap
 version: !ruby/object:Gem::Version
-  version: '0.7'
+  version: '0.8'
 platform: ruby
 authors:
 - Topbit Du
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2016-03-16 00:00:00.000000000 Z
+date: 2016-03-17 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -42,6 +42,7 @@ files:
 - app/helpers/unirer/bootstrap/application_helper.rb
 - app/views/layouts/unirer/bootstrap/application.html.erb
 - app/views/unirer/bootstrap/_form_field.html.erb
+- app/views/unirer/bootstrap/_form_select_box.html.erb
 - app/views/unirer/bootstrap/_meta.html.erb
 - app/views/unirer/bootstrap/_script.html.erb
 - app/views/unirer/bootstrap/_style.html.erb