slide-selector 0.1.2 → 0.1.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 6ca79a64503e171a4aa6ee21cd13e844a23ca47e3cd3fe4b9935f2333a731795
-  data.tar.gz: e636988b7b3e50fcf9b49d38f562f51b8e3e1468d88a8472c8edcf883ef65ea3
+  metadata.gz: e80b4df481ac573f5b8e87dc33cb713cbc31ed78752b04971a48ed6481cd2ab7
+  data.tar.gz: 6ffccb5a484658a6839f49bf9ad122b31e8ee02bd6e17b42cd3808ff4f88ec99
 SHA512:
-  metadata.gz: 98551654ae619075b61d9377b942bb10a9095093d1b8683fc7b80352a775b67303cf0c99224fea0b9ef7bf2700040b0ea7a43104c0a869303769077dce205b7c
-  data.tar.gz: 270dc5c230601ee8edfffa5ebad23f850243a409a0eb05f2be65f4f0111a257e8890b9e774346561b10bdce35dda3d15033f6973856f9d6450c0dcc170520d84
+  metadata.gz: a449478307359bbccdedb11a406b8b20e274b231058ae942125f2f69296ff162c6b155c1b06c2ce9feaf3b726c50236dcd7f033ed3e9d7930950ee73f3a23a15
+  data.tar.gz: 6e4c8a55911c493d67756246fefa8026e9a8e2c0a67a8f65747820b041999c1181d569bf1ed4d8cf388c8bdf182ec758154340ee6b212db2f1a55ad4a4ccc9fe

data/README.md

@@ -27,38 +27,42 @@ Or install it yourself as:
 Rename applitcation.css to applitcation.scss and add `@import "slide-selector.css";`
 In applitcation.js add `//= require slide-selector` after `//= require_tree .`
 
-Some examples of using this tag
+Syntax:
+```
+<%= slide_selector_tag [:min_field, :max_field], [:min_range, :max_range], options_for_select, options = {} %>
+```
+Options:
+`:slider_step` - To specify the size of each moment.
+`:type` - For dollar type use `'amount'`.
+`:selector` - To disable drop-down options (`options_for_select` can be nil for this).
+`:class` - Set class to div
+
+Examples:
 With form:
 ```
 <%= form_for root_path do |f| %>
-  <%= f.slide_selector [:min_rank, :max_rank], [0, 100], drop_down_options_dollar, type: 'amount', selector: false, slider_step: 5 %>
+  <%= f.slide_selector [:min_rank, :max_rank], [0, 100], amount_drop_down_options, type: 'amount', selector: false, slider_step: 5 %>
   <br><br>
-  <%= f.slide_selector [:min_rank2, :max_rank2], [0, 10000], drop_down_options %>
+  <%= f.slide_selector [:min_rank2, :max_rank2], [0, 10000], simple_drop_down_options %>
 <% end %>
 ```
 Without form:
 ```
-<%= slide_selector_tag [:min_rank3, :max_rank3], [0, 10000], drop_down_options %>
+<%= slide_selector_tag [:min_rank3, :max_rank3], [0, 10000], simple_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}
+  def amount_drop_down_options
+    {"$1" => 100, "$5" => 500, "$10" => 1000, "$25" => 2500, "$50" => 5000, "$75" => 7500, "$100" => 10000, "$250" => 25000, "$500" => 50000}
   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}
+  def simple_drop_down_options
+    {"1" => 1, "50" => 50, "100" => 100, "200" => 200, "300" => 300, "400" => 400, "500" => 500, "1000" => 1000, "1500" => 1500, "2000" => 2000, "5000" => 5000}
   end
 end
 ```
 
-## Development
-
-After checking out the repo, run `bin/setup` to install dependencies. You can also run `bin/console` for an interactive prompt that will allow you to experiment.
-
-To install this gem onto your local machine, run `bundle exec rake install`. To release a new version, update the version number in `version.rb`, and then run `bundle exec rake release`, which will create a git tag for the version, push git commits and tags, and push the `.gem` file to [rubygems.org](https://rubygems.org).
-
 ## Contributing
 
 Bug reports and pull requests are welcome on GitHub at https://github.com/touqeer-tqr/slide-selector. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](http://contributor-covenant.org) code of conduct.

data/lib/slide/selector.rb

@@ -13,39 +13,36 @@ module Slide
           options[:suggestions] = false if options[:suggestions].nil?
           options[:slider_step] = 1 if options[:slider_step].nil?
           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|
+          get_select_field = lambda { |selector, select_type, value = nil|
             result = self.hidden_field(selector)
-            if result.include?('value') 
+            if result.include?('value') || value.present?
               result = Hash.from_xml(result)['input']
-              selected = {result['value'] => result['value']}
+              selected = value.present? ? {value => value} : {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
           }
+          "<div class='#{options[:class]}' data-slide-selector=true data-options='{\"suggestions\": #{options[:suggestions]}, \"selector\": #{options[:selector]}, \"type\": \"#{options[:type]}\"}' >".html_safe+
           (if options[:selector]
-            get_select_field.call(selectors[0], 'min')
+            get_select_field.call(selectors[0], 'min', (options[:value][0] if options[:value].present?))
+          elsif options[:value].present?
+            self.text_field(selectors[0], value: options[:value][0])
           else
             self.text_field(selectors[0])
           end)+
-          text_field_tag(selectors[0]+'_'+selectors[1], nil, data: {'slider-step': options[:slider_step]})+
+          text_field_tag(selectors[0]+'_'+selectors[1], nil, data: {'slider-step': options[:slider_step], 'slide-range': ranges.map(&:to_s)})+
           (if options[:selector]
-            get_select_field.call(selectors[1], 'max')
+            get_select_field.call(selectors[1], 'max', (options[:value][1] if options[:value].present?))
+          elsif options[:value].present?
+            self.text_field(selectors[1], value: options[:value][1])
           else
             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{ |field_name| object_name.to_s+'_'+field_name.to_s}}, #{ranges.map(&:to_s)}, #{options.to_json}, '#{selectors[0]+'_'+selectors[1]}')
-            </script>
-          SCRIPT
+          "</div>".html_safe
         end
       end
     end

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

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

data/lib/slide/selector/helpers/helper_methods.rb

@@ -9,26 +9,19 @@ module Slide
           options[:type] = options[:type] == 'amount' ? '$' : ''
           options[:selector] = true if options[:selector].nil?
           selectors = selectors.map &:to_s
+          "<div class='#{options[:class]}' data-slide-selector=true data-options='{\"suggestions\": #{options[:suggestions]}, \"selector\": #{options[:selector]}, \"type\": \"#{options[:type]}\"}' >".html_safe+
           (if options[:selector]
             select_tag(selectors[0], options_for_select(select_options), value: options[:value][0])
           else
             text_field_tag(selectors[0], nil, value: options[:value][0])
           end)+
-          text_field_tag(selectors[0]+'_'+selectors[1], nil, data: {'slider-step': options[:slider_step]})+
+          text_field_tag(selectors[0]+'_'+selectors[1], nil, data: {'slider-step': options[:slider_step], 'slide-range': ranges.map(&:to_s)})+
           (if options[:selector]
             select_tag(selectors[1], options_for_select(select_options), value: options[:value][1])
           else
             text_field_tag(selectors[1], nil, value: options[:value][1])
           end)+
-          generate_script(selectors, ranges, options).html_safe
-        end
-        private
-        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]}')
-            </script>
-          SCRIPT
+          "</div>".html_safe
         end
       end
     end

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

@@ -98,7 +98,6 @@ setSlider = function(selectors, ranges, options, sliderField){
     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]),
@@ -122,4 +121,18 @@ setSlider = function(selectors, ranges, options, sliderField){
   $('#'+selectors[0]).blur();
   $('#'+selectors[1]).blur();
   setOnChangeListner(selectors, ranges, mySlider);
-}
+}
+
+$( document ).ready(function() {
+  $('[data-slide-selector=true]').each(function() {
+    dataTags = $(this).data('options');
+    if(!dataTags['selector']){
+      inputTags = $(this).find('input');
+      setSlider([inputTags[0].id, inputTags[2].id], $(inputTags[1]).data('slideRange'), $(this).data('options'), inputTags[1].id);
+    }else{
+      selectTags = $(this).find('select');
+      inputTags = $(this).find('input');
+      setSlider([selectTags[0].id, selectTags[1].id], $(inputTags[0]).data('slideRange'), $(this).data('options'), inputTags[0].id);
+    }
+  });
+});

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: slide-selector
 version: !ruby/object:Gem::Version
-  version: 0.1.2
+  version: 0.1.4
 platform: ruby
 authors:
 - Touqeer-tqr
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2019-04-15 00:00:00.000000000 Z
+date: 2019-04-18 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler