ui_bibz 2.0.0.alpha26 → 2.0.0.alpha27

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 6e201b34591106705046a782c99ff13790c3ba97
-  data.tar.gz: 33322f78ac7cabfacc2f9bc6e2962b693985e19f
+  metadata.gz: 0a49b595e3b3bbb119b817a614eba6b4c598e0f7
+  data.tar.gz: 8f16ce2ac1f0f6a1af2f0f8d722d9de9257c15a5
 SHA512:
-  metadata.gz: 88e4bbd1372e35d65da74020f3c25ab6d30d8f81f0cf2e6b84437befc083c2e4b76bb23d4d5aacaea39671f5a121c8a4f1c151d6d01f20353687e798f177d438
-  data.tar.gz: 28dffc8d28d507a6bbf21223b6509b8bb4d28076a1309e81c7f27e397ec1cf7c32f8e266d2fac995b36211f8fd5138ce0d75e4367452a191e423c3df1220aed7
+  metadata.gz: da948b0bd0354030fb60b60ab33340d1d9d798459d3eaab79d0bec3b086bf3ae31db20b1f35c0e67f2cfe754eedaf1c14e8f08cde511759f5dff1b42d145a9c3
+  data.tar.gz: 9e4ed4f4f4cfd18cd2018ee394d07541b76bc620e5a7db82b557dbb426125425e22fc84ae38b3e486717863f9297596e34fd57964bace828f821187f0dda5b7e

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    ui_bibz (2.0.0.alpha26)
+    ui_bibz (2.0.0.alpha27)
       bootstrap (= 4.0.0.alpha5)
       font-awesome-sass
       haml
@@ -53,14 +53,14 @@ GEM
       minitest (~> 5.1)
       tzinfo (~> 1.1)
     arel (7.1.4)
-    autoprefixer-rails (6.6.0)
+    autoprefixer-rails (6.7.5)
       execjs
     awesome_print (1.7.0)
     bootstrap (4.0.0.alpha5)
       autoprefixer-rails (>= 6.0.3)
       sass (>= 3.4.19)
-    builder (3.2.2)
-    codeclimate-test-reporter (1.0.4)
+    builder (3.2.3)
+    codeclimate-test-reporter (1.0.6)
       simplecov
     concurrent-ruby (1.0.4)
     docile (1.1.5)
@@ -83,13 +83,13 @@ GEM
       haml (>= 4.0.6, < 5.0)
       html2haml (>= 1.0.1)
       railties (>= 4.0.1)
-    html2haml (2.0.0)
+    html2haml (2.1.0)
       erubis (~> 2.7.0)
-      haml (~> 4.0.0)
-      nokogiri (~> 1.6.0)
+      haml (~> 4.0)
+      nokogiri (>= 1.6.0)
       ruby_parser (~> 3.5)
-    i18n (0.7.0)
-    json (2.0.2)
+    i18n (0.8.1)
+    json (2.0.3)
     loofah (2.0.3)
       nokogiri (>= 1.5.9)
     mail (2.6.4)
@@ -101,7 +101,7 @@ GEM
     mini_portile2 (2.1.0)
     minitest (5.10.1)
     nio4r (1.2.1)
-    nokogiri (1.6.8.1)
+    nokogiri (1.7.0.1)
       mini_portile2 (~> 2.1.0)
     rack (2.0.1)
     rack-test (0.6.3)
@@ -130,7 +130,7 @@ GEM
       rake (>= 0.8.7)
       thor (>= 0.18.1, < 2.0)
     rake (12.0.0)
-    ruby_parser (3.8.3)
+    ruby_parser (3.8.4)
       sexp_processor (~> 4.1)
     sass (3.4.23)
     sass-rails (5.0.6)
@@ -139,11 +139,11 @@ GEM
       sprockets (>= 2.8, < 4.0)
       sprockets-rails (>= 2.0, < 4.0)
       tilt (>= 1.1, < 3)
-    sexp_processor (4.7.0)
-    simple_form (3.3.1)
+    sexp_processor (4.8.0)
+    simple_form (3.4.0)
       actionpack (> 4, < 5.1)
       activemodel (> 4, < 5.1)
-    simplecov (0.12.0)
+    simplecov (0.13.0)
       docile (~> 1.1.0)
       json (>= 1.8, < 3)
       simplecov-html (~> 0.10.0)
@@ -155,13 +155,13 @@ GEM
       actionpack (>= 4.0)
       activesupport (>= 4.0)
       sprockets (>= 3.0.0)
-    sqlite3 (1.3.12)
+    sqlite3 (1.3.13)
     thor (0.19.4)
-    thread_safe (0.3.5)
-    tilt (2.0.5)
+    thread_safe (0.3.6)
+    tilt (2.0.6)
     tzinfo (1.2.2)
       thread_safe (~> 0.1)
-    websocket-driver (0.6.4)
+    websocket-driver (0.6.5)
       websocket-extensions (>= 0.1.0)
     websocket-extensions (0.1.2)
     will-paginate-i18n (0.1.15)

data/app/assets/javascripts/form.coffee

@@ -2,11 +2,15 @@
 
   constructor: ->
     @switch()       if $('input.switch').length > 0
+    @inputConnected()
     @selectPicker() if $('select.selectpicker').length > 0
     @multiSelect()  if $('.multi-select').length > 0
     @multiColumn()  if $('.multi-column').length > 0
     @formula()      if $('.formula_field_input').length > 0
 
+  inputConnected: ->
+    $('.ui-bibz-connect').inputConnected()
+
   selectPicker: ->
     $('select.selectpicker').selectpicker
       iconBase: 'fa'
@@ -62,42 +66,43 @@
       formulaInputField.removeClass('fix-border-right')
 
   multiColumn: ->
-    $('.multi-column').each ->
-      data = $(this).data()
-      delete data["multiselect"]
-      if data["searchable"]
-        $(this).multiSelect
-          selectableOptgroup: if data["selectableOptgroup"] then true else false
-          selectableHeader:  "<input type='text' class='search-input form-control' autocomplete='off' placeholder='Search in selectable items'><br/>"
-          selectionHeader:   "<input type='text' class='search-input form-control' autocomplete='off' placeholder='Search in selected items'><br/>"
-          afterInit: (ms) ->
-            that                   = this
-            $selectableSearch      = that.$selectableUl.siblings('input')
-            $selectionSearch       = that.$selectionUl.siblings('input')
-            $selectionSearch       = that.$selectionUl.siblings('input')
-            selectableSearchString = "#" + that.$container.attr("id") + " .ms-elem-selectable:not(.ms-selected)"
-            selectionSearchString  = "#" + that.$container.attr("id") + " .ms-elem-selection.ms-selected"
+    $(".multi-column").multiSelect()
+    # $('.multi-column').each ->
+    #   data = $(this).data()
+    #   delete data["multiselect"]
+    #   if data["searchable"]
+    #     $(this).multiSelect
+    #       selectableOptgroup: if data["selectableOptgroup"] then true else false
+    #       selectableHeader:  "<input type='text' class='search-input form-control' autocomplete='off' placeholder='Search in selectable items'><br/>"
+    #       selectionHeader:   "<input type='text' class='search-input form-control' autocomplete='off' placeholder='Search in selected items'><br/>"
+    #       afterInit: (ms) ->
+    #         that                   = this
+    #         $selectableSearch      = that.$selectableUl.siblings('input')
+    #         $selectionSearch       = that.$selectionUl.siblings('input')
+    #         $selectionSearch       = that.$selectionUl.siblings('input')
+    #         selectableSearchString = "#" + that.$container.attr("id") + " .ms-elem-selectable:not(.ms-selected)"
+    #         selectionSearchString  = "#" + that.$container.attr("id") + " .ms-elem-selection.ms-selected"
 
-            that.qs1 = $selectableSearch.quicksearch(selectableSearchString).on("keydown", (e) ->
-              if e.which is 40
-                that.$selectableUl.focus()
-                false
-            )
-            that.qs2 = $selectionSearch.quicksearch(selectionSearchString).on("keydown", (e) ->
-              if e.which is 40
-                that.$selectionUl.focus()
-                false
-            )
-            return
+    #         that.qs1 = $selectableSearch.quicksearch(selectableSearchString).on("keydown", (e) ->
+    #           if e.which is 40
+    #             that.$selectableUl.focus()
+    #             false
+    #         )
+    #         that.qs2 = $selectionSearch.quicksearch(selectionSearchString).on("keydown", (e) ->
+    #           if e.which is 40
+    #             that.$selectionUl.focus()
+    #             false
+    #         )
+    #         return
 
-          afterSelect: ->
-            @qs1.cache()
-            @qs2.cache()
-            return
+    #       afterSelect: ->
+    #         @qs1.cache()
+    #         @qs2.cache()
+    #         return
 
-          afterDeselect: ->
-            @qs1.cache()
-            @qs2.cache()
-            return
-      else
-        $(this).multiSelect(data)
+    #       afterDeselect: ->
+    #         @qs1.cache()
+    #         @qs2.cache()
+    #         return
+    #   else
+    #     $(this).multiSelect(data)

data/app/assets/javascripts/input-connected.coffee

@@ -0,0 +1,65 @@
+(($) ->
+
+  updateOptionsHtml = (data, componentTarget) ->
+    componentTarget.children('option').remove()
+    data.forEach (opt) ->
+      componentTarget.append($("<option></option>").attr("value", opt.value).text(opt.text))
+
+  updateTargetComponent = (data, componentTarget) ->
+    updateOptionsHtml(data, componentTarget)
+    componentTarget.multiSelect('refresh')  if componentTarget.hasClass('multi-column')
+    componentTarget.selectpicker('refresh') if componentTarget.hasClass('selectpicker')
+    componentTarget.multiselect('rebuild')  if componentTarget.hasClass('multi-select')
+
+  $.fn.inputConnected = (options) ->
+
+    defaults =
+      mode:        "remote"
+      events:      "change"  # change, click, ...
+      target:
+        url:        null     # url for remote connection
+        selector:   null     # component target id
+        data: []             # data for local connection
+        # Add a proxy
+        # Proxy:
+        #  url:    null
+        #  method: 'GET'
+        #  data:   null
+
+    settings = $.extend({}, defaults, options)
+
+    self = this
+    return this.each ->
+      component = $(this)
+      connect   = component.data().connect
+      connect.target = connect.target || {}
+      return unless connect?
+
+      mode        = connect.mode   || settings.mode
+      events      = connect.events || settings.events
+      target      =
+        url:       connect.target.url       || settings.target.url
+        data:      connect.target.data      || settings.target.data
+        selector:  connect.target.selector  || settings.target.selector
+
+      componentTarget = $("#{ target.selector }")
+
+      component.on events, (e) ->
+        e.preventDefault()
+        componentTarget.empty()
+        values = component.val()
+
+        if mode == "remote"
+          params = if Array.isArray(values) then { ids: values } else { id: values }
+          $.ajax({ url: target.url, data: params }).done (data) ->
+            updateTargetComponent(data, componentTarget)
+
+        if mode == "local"
+          data = target.data || settings.target.data
+          data = data.filter (value) ->
+            values = [].concat.apply([], [values]) # flatten
+            return values.includes(String(value.connect_option_id))
+
+          updateTargetComponent(data, componentTarget)
+
+)(jQuery)

data/app/assets/javascripts/jquery.multi-select-extend.coffee

@@ -0,0 +1,38 @@
+$.fn.multiSelect.defaults =
+  qs1: null
+  qs2: null
+  selectableOptgroup: false
+  selectableHeader:  "<input type='text' class='search-input form-control' autocomplete='off' placeholder='Search in selectable items'><br/>"
+  selectionHeader:   "<input type='text' class='search-input form-control' autocomplete='off' placeholder='Search in selected items'><br/>"
+  afterInit: (ms) ->
+    that = this
+    that.options.selectableOptgroup = if $(this)[0].$element.data('selectableOptgroup') then true else false
+
+    if $(this)[0].$element.data('searchable')
+      $selectableSearch      = that.$selectableUl.siblings('input')
+      $selectionSearch       = that.$selectionUl.siblings('input')
+      $selectionSearch       = that.$selectionUl.siblings('input')
+      selectableSearchString = "#" + that.$container.attr("id") + " .ms-elem-selectable:not(.ms-selected)"
+      selectionSearchString  = "#" + that.$container.attr("id") + " .ms-elem-selection.ms-selected"
+
+      that.qs1 = $selectableSearch.quicksearch(selectableSearchString).on("keydown", (e) ->
+        if e.which is 40
+          that.$selectableUl.focus()
+          false
+      )
+      that.qs2 = $selectionSearch.quicksearch(selectionSearchString).on("keydown", (e) ->
+        if e.which is 40
+          that.$selectionUl.focus()
+          false
+      )
+    else
+      that.$selectableContainer.children('.search-input').remove()
+      that.$selectionContainer.children('.search-input').remove()
+
+  afterSelect: ->
+    @qs1.cache() if @qs1?
+    @qs2.cache() if @qs2?
+
+  afterDeselect: ->
+    @qs1.cache() if @qs1?
+    @qs2.cache() if @qs2?

data/app/assets/javascripts/ui_bibz.coffee

@@ -4,6 +4,7 @@
 # multi_column_field component
 #= require jquery.quicksearch.min
 #= require jquery.multi-select.min
+#= require jquery.multi-select-extend
 
 # Bootstrap
 #= require tether.min
@@ -21,6 +22,9 @@
 # multi_select_field component
 #= require bootstrap-multiselect.min
 
+# input_connected
+#= require input-connected
+
 # mardown-editor
 #= require marked
 #= require bootstrap-markdown

data/app/assets/stylesheets/ui_bibz.sass

@@ -91,3 +91,7 @@ select.form-control
     background-color: white
   .formula_field_alert, .formula_field_result, .formula_field_sign
     display: none
+
+.select-field-refresh
+  .btn
+    padding: 10px 16px

data/app/inputs/custom_inputs/select_input.rb

@@ -0,0 +1,15 @@
+module CustomInputs
+  class SelectInput < SimpleForm::Inputs::CollectionInput
+    include UiBibz::Ui::Core::Forms::Selects
+
+    def input(wrapper_options)
+      label_method, value_method = detect_collection_methods
+      i = UiBibz::Ui::Core::Forms::Selects::SelectField.new(attribute_name, options, input_html_options)
+
+      @builder.collection_select(
+        attribute_name, collection, value_method, label_method,
+        input_options, i.html_options
+      )
+    end
+  end
+end

data/lib/ui_bibz.rb

@@ -43,6 +43,7 @@ module UiBibz
 
         module Selects
           autoload :DropdownSelectField,     "ui_bibz/ui/core/forms/selects/dropdown_select_field"
+          autoload :SelectField,             "ui_bibz/ui/core/forms/selects/select_field"
           autoload :MultiColumnField,        "ui_bibz/ui/core/forms/selects/multi_column_field"
           autoload :MultiSelectField,        "ui_bibz/ui/core/forms/selects/multi_select_field"
         end

data/lib/ui_bibz/concerns/models/searchable.rb

@@ -8,7 +8,7 @@ module UiBibz::Concerns::Models::Searchable
       @session          = session
       @arguments        = args
 
-      initialize_params unless @arguments[:store_id].nil?
+      initialize_params
       OpenStruct.new(generate_parameters)
     end
 
@@ -37,12 +37,15 @@ module UiBibz::Concerns::Models::Searchable
 
     # If there is more one table in html page
     def self.initialize_params
-      unless self.is_good_store_id?
-        @params[:search]    = nil
-        @params[:per_page]  = nil
-        @params[:page]      = nil
-        @params[:sort]      = nil
-        @params[:direction] = nil
+      @tmp_params = {}
+      if self.is_good_store_id?
+        @tmp_params = {
+          search:    @params[:search],
+          per_page:  @params[:per_page],
+          page:      @params[:page],
+          sort:      @params[:sort],
+          direction: @params[:direction]
+        }
       end
     end
 
@@ -60,7 +63,7 @@ module UiBibz::Concerns::Models::Searchable
       sql = generate_parent_sort_query sql if @params[:parent]
 
       # Main query with argument or not
-      sql = search_by_query sql unless @params[:search].blank?
+      sql = search_by_query sql unless @tmp_params[:search].blank?
 
       generate_sql sql, column_args
     end
@@ -71,15 +74,15 @@ module UiBibz::Concerns::Models::Searchable
 
     def self.generate_default_sql sql
       if is_sorting?
-        sql.paginate(:page => @params[:page], per_page: @session[:per_page])
+        sql.paginate(:page => @tmp_params[:page], per_page: @session[:per_page])
       else
-        sql.reorder(order_sql).paginate(:page => @params[:page], per_page: @session[:per_page])
+        sql.reorder(order_sql).paginate(:page => @tmp_params[:page], per_page: @session[:per_page])
       end
     end
 
     def self.generate_count_sql sql
-      sq = "SELECT * FROM (#{ sql.group(table_name + '.id').to_sql }) countable ORDER BY countable.count #{ @params[:direction] || asc }"
-      self.paginate_by_sql(sq, :page => @params[:page], per_page: @session[:per_page])
+      sq = "SELECT * FROM (#{ sql.group(table_name + '.id').to_sql }) countable ORDER BY countable.count #{ @tmp_params[:direction] || asc }"
+      self.paginate_by_sql(sq, :page => @tmp_params[:page], per_page: @session[:per_page])
     end
 
     def self.generate_select_count_sort_query sql, column_args
@@ -87,7 +90,7 @@ module UiBibz::Concerns::Models::Searchable
     end
 
     def self.generate_parent_sort_query sql
-      sql.select("#{ table_name }2.*, #{ @params[:sort] } AS parent_name").from("#{ table_name } #{ table_name }2").joins("LEFT OUTER JOIN #{ table_name } ON #{ table_name }2.parent_id = #{ table_name }.id")
+      sql.select("#{ table_name }2.*, #{ @tmp_params[:sort] } AS parent_name").from("#{ table_name } #{ table_name }2").joins("LEFT OUTER JOIN #{ table_name } ON #{ table_name }2.parent_id = #{ table_name }.id")
     end
 
     def self.get_column_args
@@ -99,14 +102,14 @@ module UiBibz::Concerns::Models::Searchable
     end
 
     def self.is_sorting?
-      @params[:sort].nil? || @params[:direction].nil?
+      @tmp_params[:sort].nil? || @tmp_params[:direction].nil?
     end
 
     def self.search_by_query sql
       raise 'Add searchable_attributes method in Model' if @searchable_attributes.nil?
       sql_query       = []
       sql_attributes  = {}
-      search_patterns = @params[:search].strip.gsub(/(?<=[\\s])\\s*|^\\s+|\\s+$/, '').downcase
+      search_patterns = @tmp_params[:search].strip.gsub(/(?<=[\\s])\\s*|^\\s+|\\s+$/, '').downcase
 
       search_patterns_tmp = search_patterns.scan(/"(.*?)"/).flatten
       search_patterns     = search_patterns.gsub(/"(.*?)"/, '').split(' ')
@@ -131,11 +134,11 @@ module UiBibz::Concerns::Models::Searchable
     end
 
     def self.order_sql
-      self.is_sorting? ? "#{ self.table_name }.id asc" : "#{ @params[:sort]} #{ @params[:direction] }"
+      self.is_sorting? ? "#{ self.table_name }.id asc" : "#{ @tmp_params[:sort]} #{ @tmp_params[:direction] }"
     end
 
     def self.search_sort_paginate
-      @session[:per_page] = @params[:per_page] unless @params[:per_page].nil?
+      @session[:per_page] = @tmp_params[:per_page] unless @tmp_params[:per_page].nil?
       self.search
     end
 

data/lib/ui_bibz/helpers/ui_core_helper.rb

@@ -154,6 +154,14 @@ module UiBibz::Helpers::UiCoreHelper
     UiBibz::Ui::Core::Forms::Choices::RadioField.new(content, options, html_options, &block).render
   end
 
+  # Select Field Component
+  #
+  # +options+ (Hash)
+  # +html_options+ (Hash)
+  def select_field content = nil, options = nil, html_options = nil, &block
+    UiBibz::Ui::Core::Forms::Selects::SelectField.new(content, options, html_options, &block).render
+  end
+
   # Dropdown Select Field Component
   #
   # +options+ (Hash)

data/lib/ui_bibz/ui/core/component.rb

@@ -90,6 +90,7 @@ module UiBibz::Ui::Core
 
     # Override this method to add html data
     def component_html_data
+      add_html_data('connect', options[:connect]) if options[:connect]
     end
 
     # Override this method to add html Options

data/lib/ui_bibz/ui/core/component/klass_extension.rb

@@ -18,6 +18,7 @@ module KlassExtension
       status,
       effect,
       options_classes,
+      connect,
       component_html_classes
     ]
     html_options[:class] = join_classes(cls)
@@ -35,4 +36,8 @@ module KlassExtension
     options[:state] unless options[:state].nil?
   end
 
+  def connect
+    "ui-bibz-connect" unless options[:connect].nil?
+  end
+
 end

data/lib/ui_bibz/ui/core/forms/buttons/button_group.rb

@@ -69,6 +69,7 @@ module UiBibz::Ui::Core::Forms::Buttons
     end
 
     def component_html_data
+      super
       add_html_data "toggle", "buttons"
     end
 

data/lib/ui_bibz/ui/core/forms/choices/switch_field.rb

@@ -69,6 +69,7 @@ module UiBibz::Ui::Core::Forms::Choices
     end
 
     def component_html_data
+      super
       size
       state
       animate

data/lib/ui_bibz/ui/core/forms/dates/date_picker_field.rb

@@ -75,6 +75,7 @@ module UiBibz::Ui::Core::Forms::Dates
     end
 
     def component_html_data
+      super
       date_locale
       provide
       format

data/lib/ui_bibz/ui/core/forms/selects/dropdown_select_field.rb

@@ -74,6 +74,7 @@ module UiBibz::Ui::Core::Forms::Selects
       style
       header
       actions_box
+      connect_options
     end
 
     def component_html_options
@@ -82,6 +83,10 @@ module UiBibz::Ui::Core::Forms::Selects
 
     ############################ Data html options
 
+    def connect_options
+      add_html_data('connect', options[:connect]) if options[:connect]
+    end
+
     def max_options
       add_html_data('max_options', options[:max_options]) if options[:max_options]
     end

data/lib/ui_bibz/ui/core/forms/selects/multi_column_field.rb

@@ -53,6 +53,7 @@ module UiBibz::Ui::Core::Forms::Selects
     private
 
     def component_html_data
+      super
       searchable
       selectable_opt_group
     end

data/lib/ui_bibz/ui/core/forms/selects/multi_select_field.rb

@@ -64,6 +64,7 @@ module UiBibz::Ui::Core::Forms::Selects
     end
 
     def component_html_data
+      super
       clickable_opt_group
       collapsible_opt_group
       searchable

data/lib/ui_bibz/ui/core/forms/selects/select_field.rb

@@ -0,0 +1,95 @@
+module UiBibz::Ui::Core::Forms::Selects
+
+  # Create a SelectField
+  #
+  # This element is an extend of UiBibz::Ui::Core::Component.
+  # source : http://silviomoreto.github.io/bootstrap-select/examples/
+  #
+  # ==== Attributes
+  #
+  # * +content+ - Content of element
+  # * +options+ - Options of element
+  # * +html_options+ - Html Options of element
+  #
+  # ==== Options
+  #
+  # You can add HTML attributes using the +html_options+.
+  # You can pass arguments in options attribute:
+  # * +status+ - status of élement with symbol value:
+  #   (+:primary+, +:secondary+, +:info+, +:warning+, +:danger+, +:link+)
+  # * option_tags - Array, Object [required]
+  # * searchable - Boolean
+  # * max_options - Integer
+  # * selected_text_format - String
+  # * menu_size - Integer
+  # * header - String
+  # * actions_box - Boolean
+  # * show_tick - Boolean
+  # * show_menu_arrow - Boolean
+  # * dropup - Boolean
+  #
+  # ==== Signatures
+  #
+  #   UiBibz::Ui::Core::Forms::Selects::SelectField.new(content, options = {}, html_options = {}).render
+  #
+  #   UiBibz::Ui::Core::Forms::Selects::SelectField.new(options = {}, html_options = {}) do
+  #     content
+  #   end.render
+  #
+  # ==== Examples
+  #
+  #   UiBibz::Ui::Core::Forms::Selects::SelectField.new('fruits', { option_tags: list_of_fruits, searchable: true }, { class: 'test' })
+  #
+  #   UiBibz::Ui::Core::Forms::Selects::SelectField.new({ option_tags: list_of_fruits, actions_box: true }, { class: 'test' }) do
+  #     'fruits'
+  #   end
+  #
+  # ==== Helper
+  #
+  #   dropdown_select_field(content, options = {}, html_options = {})
+  #
+  class SelectField < UiBibz::Ui::Core::Component
+
+    # See UiBibz::Ui::Core::Component.initialize
+    def initialize content = nil, options = nil, html_options = nil, &block
+      super
+    end
+
+    # Render html tag
+    def render
+      if options[:refresh]
+        content_tag :div, class: 'input-group select-field-refresh' do
+          concat select_tag content, options[:option_tags], html_options
+          concat btn_refresh_html
+        end
+      else
+        select_tag content, options[:option_tags], html_options
+      end
+    end
+
+    private
+
+    def component_html_classes
+      ['select-field', 'form-control']
+    end
+
+    def btn_refresh_html
+      content_tag :span, UiBibz::Ui::Core::Forms::Buttons::Button.new('', { glyph: 'refresh', status: options[:status], connect: connect_options }, { class: 'input-refresh-button' }).render, class: 'input-group-btn'
+
+    end
+
+    def connect_options
+      connect = options[:refresh] || {}
+      {
+        events: connect.try(:[], :events) || "click",
+        mode:   connect.try(:[], :type)   || "remote",
+        target: {
+          selector: connect.try(:[], :target).try(:[], :selector) || "##{ content.parameterize.underscore }",
+          url:      connect.try(:[], :target).try(:[], :url)      || "",
+          data:     connect.try(:[], :target).try(:[], :data)     || []
+        }
+      }
+    end
+
+  end
+end

data/lib/ui_bibz/ui/core/forms/textareas/markdown_editor_field.rb

@@ -63,6 +63,7 @@ module UiBibz::Ui::Core::Forms::Textareas
     private
 
     def component_html_data
+      super
       provide
       autofocus
       savable

data/lib/ui_bibz/ui/ux/tables/table_search_field.rb

@@ -44,7 +44,7 @@ module UiBibz::Ui::Ux::Tables
       # add surround_field maybe ?
       content_tag :div, html_options do
         concat content_tag(:span, UiBibz::Ui::Core::Glyph.new('search').render, class: 'input-group-addon')
-        concat tag(:input, type: 'search', value: store.search, name: 'search', class: 'form-control', placeholder: search_placeholder_field)
+        concat tag(:input, type: 'search', value: search_content, name: 'search', class: 'form-control', placeholder: search_placeholder_field)
         concat content_tag(:span, UiBibz::Ui::Core::Glyph.new('times-circle').render, class: 'clear-search-btn input-group-addon')
       end
     end
@@ -56,11 +56,19 @@ module UiBibz::Ui::Ux::Tables
           concat tag(:input, type: 'hidden', name: k, value: v) unless default_parameters?(k)
         end
         concat tag(:input, type: 'hidden', name: 'store_id', value: store.id) unless store.id.nil? # if there is more one table in html page
-        concat tag(:input, type: 'search', value: store.search, name: 'search', class: 'form-control', placeholder: search_placeholder_field)
+        concat tag(:input, type: 'search', value: search_content, name: 'search', class: 'form-control', placeholder: search_placeholder_field)
         concat content_tag(:span, clear_button, class: 'input-group-btn')
       end
     end
 
+    def search_content
+      if store.id.nil?
+        store.search
+      else
+        store.id == store.params[:store_id] ? store.search : ''
+      end
+    end
+
     def clear_button
       content_tag :button, UiBibz::Ui::Core::Glyph.new('times-circle').render, type: :button, class: 'btn btn-secondary'
     end

data/lib/ui_bibz/version.rb

@@ -1,3 +1,3 @@
 module UiBibz
-  VERSION = "2.0.0.alpha26"
+  VERSION = "2.0.0.alpha27"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: ui_bibz
 version: !ruby/object:Gem::Version
-  version: 2.0.0.alpha26
+  version: 2.0.0.alpha27
 platform: ruby
 authors:
 - Thooams
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2017-01-02 00:00:00.000000000 Z
+date: 2017-03-01 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -223,7 +223,9 @@ files:
 - app/assets/javascripts/fix_bootstrap.coffee
 - app/assets/javascripts/form.coffee
 - app/assets/javascripts/formula.coffee
+- app/assets/javascripts/input-connected.coffee
 - app/assets/javascripts/interface.coffee
+- app/assets/javascripts/jquery.multi-select-extend.coffee
 - app/assets/javascripts/table.coffee
 - app/assets/javascripts/ui_bibz.coffee
 - app/assets/stylesheets/bootstrap-switch.sass
@@ -239,6 +241,7 @@ files:
 - app/inputs/custom_inputs/multi_column_input.rb
 - app/inputs/custom_inputs/multi_select_input.rb
 - app/inputs/custom_inputs/radios_input.rb
+- app/inputs/custom_inputs/select_input.rb
 - app/inputs/custom_inputs/surround_input.rb
 - app/inputs/custom_inputs/switch_input.rb
 - config/initializers/will_paginate.rb
@@ -286,6 +289,7 @@ files:
 - lib/ui_bibz/ui/core/forms/selects/dropdown_select_field.rb
 - lib/ui_bibz/ui/core/forms/selects/multi_column_field.rb
 - lib/ui_bibz/ui/core/forms/selects/multi_select_field.rb
+- lib/ui_bibz/ui/core/forms/selects/select_field.rb
 - lib/ui_bibz/ui/core/forms/textareas/markdown_editor_field.rb
 - lib/ui_bibz/ui/core/forms/texts/autocomplete_field.rb
 - lib/ui_bibz/ui/core/forms/texts/surround_field.rb