slide-selector 0.1.1 → 0.1.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: a86df4775a057eaa276d38f526ee883b17ab837bc79b6473c24168245d746887
-  data.tar.gz: ee471026758480ffa340b78eb6b7b18a148bba3fa9b8d3e4db054184993da8b0
+  metadata.gz: 6ca79a64503e171a4aa6ee21cd13e844a23ca47e3cd3fe4b9935f2333a731795
+  data.tar.gz: e636988b7b3e50fcf9b49d38f562f51b8e3e1468d88a8472c8edcf883ef65ea3
 SHA512:
-  metadata.gz: 47e3d51df0d90ec3bd88ec9e5f2ca2fbce979c1270418c2e6748e49745f01e6eef5bec37d4db07c5747797bffe65af2f783e9281dc13f117eacb01c4d04ec28e
-  data.tar.gz: 26b53206704e434441af0549896fe407c89e0b1d2389b807f9173beb2a6afd3e8c239e94f6ebf97d2f3ad03edef6916a7c1e2b39329ca5c57eac9224a6446c66
+  metadata.gz: 98551654ae619075b61d9377b942bb10a9095093d1b8683fc7b80352a775b67303cf0c99224fea0b9ef7bf2700040b0ea7a43104c0a869303769077dce205b7c
+  data.tar.gz: 270dc5c230601ee8edfffa5ebad23f850243a409a0eb05f2be65f4f0111a257e8890b9e774346561b10bdce35dda3d15033f6973856f9d6450c0dcc170520d84

data/README.md

@@ -31,14 +31,26 @@ Some examples of using this tag
 With form:
 ```
 <%= form_for root_path do |f| %>
-  <%= f.slide_selector [:min_rank, :max_rank], [0, 100], drop_down_options, type: 'amount', selector: false, slider_step: 5 %>
+  <%= f.slide_selector [:min_rank, :max_rank], [0, 100], drop_down_options_dollar, type: 'amount', selector: false, slider_step: 5 %>
   <br><br>
-  <%= f.slide_selector [:min_rank2, :max_rank2], [0, 10000], drop_down_options2 %>
+  <%= f.slide_selector [:min_rank2, :max_rank2], [0, 10000], drop_down_options %>
 <% end %>
 ```
 Without form:
 ```
-<%= slide_selector_tag [:min_rank3, :max_rank3], [0, 10000], drop_down_options2 %>
+<%= slide_selector_tag [:min_rank3, :max_rank3], [0, 10000], drop_down_options %>
+```
+
+In application_helper.rb
+```
+module ApplicationHelper
+  def drop_down_options
+    {"$0.01" => 1, "$0.50" => 50, "$1" => 100, "$2" => 200, "$3" => 300, "$4" => 400, "$5" => 500, "$10" => 1000, "$15" => 1500, "$25" => 2500, "$50" => 5000, "$75" => 7500, "$100" => 10000}
+  end
+  def drop_down_options2
+    {"1" => 1, "50" => 50, "100" => 100, "200" => 200, "300" => 300, "400" => 400, "500" => 500, "1000" => 1000, "1500" => 1500, "2500" => 2500, "5000" => 5000, "7500" => 7500, "10000" => 10000}
+  end
+end
 ```
 
 ## Development

data/lib/slide/selector.rb

@@ -12,27 +12,38 @@ module Slide
         def slide_selector(selectors, ranges, select_options, options = {})
           options[:suggestions] = false if options[:suggestions].nil?
           options[:slider_step] = 1 if options[:slider_step].nil?
-          options[:value] = [select_options.keys.first, select_options.keys.last] if options[:value].nil?
-          options[:type] = options[:type] == 'amount' ? '$' : ''
           options[:selector] = true if options[:selector].nil?
+          options[:value] = [select_options.keys.first, select_options.keys.last] if options[:value].nil? && options[:selector]
+          options[:type] = options[:type] == 'amount' ? '$' : ''
           selectors = selectors.map &:to_s
+          get_select_field = lambda { |selector, select_type|
+            result = self.hidden_field(selector)
+            if result.include?('value') 
+              result = Hash.from_xml(result)['input']
+              selected = {result['value'] => result['value']}
+              return self.select(selector, options_for_select(select_options.merge(selected), selected.to_a.last))
+            else
+              selected = select_type == 'min' ? select_options.first : select_options.to_a.last
+              return self.select(selector, options_for_select(select_options, selected))
+            end
+          }
           (if options[:selector]
-            select_tag(selectors[0], options_for_select(select_options), value: options[:value][0])
+            get_select_field.call(selectors[0], 'min')
           else
-            text_field_tag(selectors[0], nil, value: options[:value][0])
+            self.text_field(selectors[0])
           end)+
           text_field_tag(selectors[0]+'_'+selectors[1], nil, data: {'slider-step': options[:slider_step]})+
           (if options[:selector]
-            select_tag(selectors[1], options_for_select(select_options), value: options[:value][1])
+            get_select_field.call(selectors[1], 'max')
           else
-            text_field_tag(selectors[1], nil, value: options[:value][1])
+            self.text_field(selectors[1])
           end)+
           generate_script(selectors, ranges, options).html_safe
         end
         def generate_script(selectors, ranges, options)
           return <<-SCRIPT
             <script type='text/javascript'>
-              setSlider(#{selectors.map(&:to_s)}, #{ranges.map(&:to_s)}, #{options.to_json}, '#{selectors[0]+'_'+selectors[1]}')
+              setSlider(#{selectors.map{ |field_name| object_name.to_s+'_'+field_name.to_s}}, #{ranges.map(&:to_s)}, #{options.to_json}, '#{selectors[0]+'_'+selectors[1]}')
             </script>
           SCRIPT
         end
@@ -43,4 +54,4 @@ module Slide
       ::ActionView::Base.send :include, Helpers::HelperMethods
     end
   end
-end
+end

data/lib/slide/selector/core/version.rb

@@ -1,5 +1,5 @@
 module Slide
   module Selector
-    VERSION = "0.1.1"
+    VERSION = "0.1.2"
   end
 end

data/slide-selector.gemspec

@@ -9,10 +9,12 @@ Gem::Specification.new do |spec|
   spec.email         = ["tqr093@gmail.com"]
 
   spec.summary       = %q{custom input tag with range-slider & text-field type selectors}
-  spec.description   = %q{https://github.com/Touqeer-tqr/custom-form}
+  spec.description   = %q{https://github.com/Touqeer-tqr/custom-form contains the sample app}
   spec.homepage      = "https://github.com/Touqeer-tqr/slide-selector"
   spec.license       = "MIT"
 
+  spec.required_ruby_version = '>= 2.0.0'
+
   # Prevent pushing this gem to RubyGems.org. To allow pushes either set the 'allowed_push_host'
   # to allow pushing to a single host or delete this section to allow pushing to any host.
   # if spec.respond_to?(:metadata)

data/vendor/assets/javascripts/slide-selector.js

@@ -2,6 +2,24 @@
 formatDigits = function(number, type) {
   return type + number.toFixed(2).replace(/\d(?=(\d{3})+\.)/g, '$&,');
 };
+focusListner = function(class_name, type, range){
+  $(class_name).focusin(function() {
+    var price_new;
+    price_new = $(class_name).val().replace(/[$,]/g, '');
+    $(class_name).val(price_new);
+  }).focusout(function() {
+    if ($(class_name).val() != 'Any'){
+      var price_new;
+      price_new = $(class_name).val().replace(/[$,]/g, '');
+      if (price_new == ""){
+        $(class_name).val(formatDigits(parseFloat(range), type));
+        $(class_name).trigger("input");
+      }else{
+        $(class_name).val(formatDigits(parseFloat(price_new), type));
+      }
+    }
+  });
+}
 setOnChangeListner = function(fields, ranges, slider){
   $('#'+fields[0]).on('select.editable-select', function(e){
     max = $('#'+fields[1]);
@@ -9,13 +27,13 @@ setOnChangeListner = function(fields, ranges, slider){
       max = ranges[1];
     }
     else{
-      max = parseFloat(max.val().replace(/\$/g,''));
+      max = parseFloat(max.val().replace(/[$,]/g, ''));
     }
     min = $('#'+fields[0]);
     if(min.val() == 'Any'){
       min = ranges[0]
     }else{
-      min = parseFloat(this.value.replace(/\$/g,''))
+      min = parseFloat(this.value.replace(/[$,]/g, ''))
     }
     slider.setValue([min, max], false, false);
   });
@@ -24,13 +42,13 @@ setOnChangeListner = function(fields, ranges, slider){
     if(this.value == 'Any'){
       max = ranges[1]
     }else{
-      max = parseFloat(this.value.replace(/\$/g,''))
+      max = parseFloat(this.value.replace(/[$,]/g, ''))
     }
     min = $('#', fields[0]);
     if(min.val() == 'Any'){
       min = ranges[0]
     }else{
-      min = parseFloat($('#'+fields[0]).val().replace(/\$/g,''))
+      min = parseFloat($('#'+fields[0]).val().replace(/[$,]/g, ''))
     }
     slider.setValue([min, max], false, false);
   });
@@ -41,12 +59,12 @@ setOnChangeListner = function(fields, ranges, slider){
       max = ranges[1];
     }
     else{
-      max = parseFloat(max.val().replace(/\$/g,''));
+      max = parseFloat(max.val().replace(/[$,]/g, ''));
     }
     if(this.value == 'Any' || this.value == ''){
       min = ranges[0];
     }else{
-      min = parseFloat(this.value.replace(/\$/g,''));
+      min = parseFloat(this.value.replace(/[$,]/g, ''));
     }
     slider.setValue([min, max], false, false);
   });
@@ -55,13 +73,13 @@ setOnChangeListner = function(fields, ranges, slider){
     if(this.value == 'Any' || this.value == ''){
       max = ranges[1]
     }else{
-      max = parseFloat(this.value.replace(/\$/g,''))
+      max = parseFloat(this.value.replace(/[$,]/g, ''))
     }
     min = $('#'+fields[0]);
     if(min.val() == 'Any' || min.val() == ''){
       min = ranges[0];
     }else{
-      min = parseFloat(min.val().replace(/\$/g,''));
+      min = parseFloat(min.val().replace(/[$,]/g, ''));
     }
     slider.setValue([min, max], false, false);
   });
@@ -71,47 +89,37 @@ setSlider = function(selectors, ranges, options, sliderField){
     $('#'+selectors[0]).editableSelect({filter: options['suggestions']});
     $('#'+selectors[1]).editableSelect({filter: options['suggestions']});
   }
-  if ($('#'+selectors[1]).val() == options['value'][1]){
-    slideValue = ranges[1];
-  }
-  else{
-    slideValue = $('#'+selectors[1]).val();
+  slideMinValue = $('#'+selectors[0]);
+  if(slideMinValue.val() == ""){
+    slideMinValue.val(ranges[0]);
   }
-  if ($('#'+selectors[0]).val() == options['value'][0]){
-    slideMinValue = ranges[0];
-  }
-  else{
-    slideMinValue = $('#'+selectors[0]).val();
+  slideValue = $('#'+selectors[1]);
+  if(slideValue.val() == ""){
+    slideValue.val(ranges[1]);
   }
+  sliderRange = [parseFloat(slideMinValue.val().replace(/[$,]/g, '')), parseFloat(slideValue.val().replace(/[$,]/g, ''))];
+  console.log(sliderRange);
   mySlider = new Slider('#'+sliderField, {
     id: 'slider12c',
     min: parseFloat(ranges[0]),
     max: parseFloat(ranges[1]),
     range: true,
-    value: [parseFloat(slideMinValue.replace('$', '')), parseFloat(slideValue.replace('$', ''))],
+    value: sliderRange,
     tooltip: 'hide'
   }).on('slide', function(ev) {
       $('#'+selectors[0]).text(formatDigits(ev[0], options['type']));
       $('#'+selectors[0]).val(formatDigits(ev[0], options['type']));
       $('#'+selectors[1]).text(formatDigits(ev[1], options['type']));
       $('#'+selectors[1]).val(formatDigits(ev[1], options['type']));
-      if( ev[0] <= ranges[0] ){
-        $('#'+selectors[0]).val(options['value'][0]);
-      }
-      if( ev[1] >= ranges[1] ){
-        $('#'+selectors[1]).val(options['value'][1]);
-      }
   }).on('slideStop', function(ev) {
       $('#'+selectors[0]).text(formatDigits(ev[0], options['type']));
       $('#'+selectors[0]).val(formatDigits(ev[0], options['type']));
       $('#'+selectors[1]).text(formatDigits(ev[1], options['type']));
       $('#'+selectors[1]).val(formatDigits(ev[1], options['type']));
-      if( ev[0] <= ranges[0]){
-        $('#'+selectors[0]).val(options['value'][0]);
-      }
-      if( ev[1] >= ranges[1]){
-        $('#'+selectors[1]).val(options['value'][1]);
-      }
   });
+  focusListner('#'+selectors[0], options['type'], ranges[0]);
+  focusListner('#'+selectors[1], options['type'], ranges[1]);
+  $('#'+selectors[0]).blur();
+  $('#'+selectors[1]).blur();
   setOnChangeListner(selectors, ranges, mySlider);
 }

data/vendor/assets/stylesheets/slide-selector.scss

@@ -1,4 +1,4 @@
 @import "bootstrap-slider.min.css";
 @import "jquery-editable-select.min.css";
 .slider.slider-horizontal{ margin: 0 20px; }
-.slider-selection{background: #66abff !important;}
+.slider-selection{background: #66ffce !important;}

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: slide-selector
 version: !ruby/object:Gem::Version
-  version: 0.1.1
+  version: 0.1.2
 platform: ruby
 authors:
 - Touqeer-tqr
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2019-04-10 00:00:00.000000000 Z
+date: 2019-04-15 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -38,7 +38,7 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: '10.0'
-description: https://github.com/Touqeer-tqr/custom-form
+description: https://github.com/Touqeer-tqr/custom-form contains the sample app
 email:
 - tqr093@gmail.com
 executables: []
@@ -77,7 +77,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="
     - !ruby/object:Gem::Version
-      version: '0'
+      version: 2.0.0
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="