epi_js 1.0.1 → 1.0.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: c0ea0f23ad95d3bbe7fe2a10dad4b3a3c465f2f6
-  data.tar.gz: 480cd8bd092bbba61b7e60bdd047eb45821fa27c
+  metadata.gz: 85946da973e194c5338ab9151db06cf6577a041d
+  data.tar.gz: 4c4164c02a4ffee89dc58fff07911a0e6d809218
 SHA512:
-  metadata.gz: 177c29ef9d5e9fb26f2a70722a5eecf05b65ffa96fb1eafbd3cf3160321f4e24ceb869316d21b19ff8d3482584f2af79a195ff6f8d667e5131e2bff142dda7f0
-  data.tar.gz: 84d07e1bf1caafc49c9d3ca690c5b516f661f725999ddacbc1157e19be30a140f0c7bca2d069f3d892acd5bdcac610968c3034339a0765eec76b543705410718
+  metadata.gz: 747e9f051cdbde2fd52cc79d4c62662639c4a95ed4c282596a8522b470eb2d387fb470e98af3307902977130e0cf77d2bf8705c0fcfa33630c2dafb295e1625d
+  data.tar.gz: 27f9283424d00ef506df7fddab591b0f29bd93adca1fb80d02512451c1fd9b69f8fbaccc6cb870e48c0847ec79814e8fd01d675af5060224a444ce1a3e90abef

data/README.md

@@ -108,6 +108,23 @@ Or for SimpleForm, use:
 
 When the value of the input element is `foo`, the element `#foo` will be visible and `#bar` will be hidden, and vice versa. The value of the JSON key value pair can be any jQuery selectors.
 
+#### Other options
+1. You can limit the scope of elements to hide / show by providing a JQuery selector as the `data-visibility-map-scope` attribute. Then only elements within the closest element of input matching the given selector will be affected, e.g.
+
+        .nested-fields
+          = f.input :some_select, input_html: {data: {visibility_map_scope: '.nested-fields', visibility_map: {foo: '.foo', bar: '.bar'}}}
+          .foo
+          .bar
+          
+        .nested-fields
+          = f.input :some_select, input_html: {data: {visibility_map_scope: '.nested-fields', visibility_map: {foo: '.foo', bar: '.bar'}}}
+          .foo
+          .bar
+
+    When the value of the first select is set to `foo`, only the `.foo` in the first `.nested-fields` will be displayed
+
+2. By setting the `data-visibility-map-action` attribute to `hide`, elements will be shown by default and only hidden when the given value is selected.
+
 ### Table filter
 This allows you to filter out rows in a table based on an input field.
 

data/lib/epi_js/version.rb

@@ -1,3 +1,3 @@
 module EpiJs
-  VERSION = "1.0.1"
+  VERSION = "1.0.2"
 end

data/vendor/assets/javascripts/visibility_map.coffee

@@ -3,20 +3,28 @@
   class GenericVisibilityChecker
     constructor: (element) ->
       @element = element
-      @map = @element.data('visibility-map')
-      @allFields = $($.unique $.map @map, (val) -> $(val).get())
+      @scope   = @element.closest(@element.data('visibility-map-scope') ? document)
+      @action  = @element.data('visibility-map-action') ? 'show'
+      @map     = @element.data('visibility-map')
+      @allFields = $($.unique $.map @map, (val) => $(val, @scope).get())
   
     check: ->
-        toShow = $ $.unique $.map @getValue(), (value) => $(@map[value]).get()
-        toHide = @allFields.not(toShow)
+      fieldsForValue = $ $.unique $.map @getValue(), (value) => $(@map[value], @scope).get()
       
-        toShow.show()
-        toShow.trigger('visibility.show')
-        $(':input:not([data-visibility-map-no-auto-enable])', toShow).prop('disabled', false)
-        
-        toHide.hide()
-        toHide.trigger('visibility.hide')
-        $(':input', toHide).prop('disabled', true)
+      if @action is 'show'
+        toShow = fieldsForValue
+        toHide = @allFields.not(fieldsForValue)
+      else
+        toHide = fieldsForValue
+        toShow = @allFields.not(fieldsForValue)
+    
+      toShow.show()
+      toShow.trigger('visibility.show')
+      $(':input:not([data-visibility-map-no-auto-enable])', toShow).prop('disabled', false)
+      
+      toHide.hide()
+      toHide.trigger('visibility.hide')
+      $(':input', toHide).prop('disabled', true)
     
     getValue: ->
       $.makeArray(@element.val())

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: epi_js
 version: !ruby/object:Gem::Version
-  version: 1.0.1
+  version: 1.0.2
 platform: ruby
 authors:
 - Shuo Chen
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2016-04-06 00:00:00.000000000 Z
+date: 2016-04-07 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: railties
@@ -140,7 +140,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.4.5.1
+rubygems_version: 2.5.1
 signing_key: 
 specification_version: 4
 summary: jQuery scripts used in various projects