crazy_render 2.1.1 → 2.1.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: '026829f89b13f1a4116afe26535f64173d1ececc30d9ffe2e9b01aa2996a902f'
-  data.tar.gz: a78d31cf4c7f341b5b8579f8d6f68c3ac20ac9cdf72c1c9928f871fd13e75dae
+  metadata.gz: 8d655d3e927b0bf1200f8cc91a060cf3bda0c470f30499cf737902413effcb59
+  data.tar.gz: 92095b148900d51966c0a5efb5df8fc050b0c6fafee1c57cf6ad51979d409c07
 SHA512:
-  metadata.gz: ad766fe22533ce4ff4e317079ceb45f67314ac38b19be97fd2b280920701d61bf9ef876ea9ab2522b074a47db90df09744c74d8608506856d63bba700712f5e2
-  data.tar.gz: 978b6e6534e5f4105fb734121d2c9de5ae406f76921417478f9920db9a1ac063bfedbec86c83428988b2204fb42b508d3f83738d2f1839bb4d4f5b0149146e3d
+  metadata.gz: bc6a5d5f9437ac0dab17c72de0e0e9dad9b5733252694e85257f7006923f8d5dd65266d2121724b9a2674d75e7b36eae552e96a20edb22dabad9e5cfdd1d7af0
+  data.tar.gz: 23bec3c584ac61302764348de08d58c22c6fdafb492b58249c7f7dd28dc6c6edf6a4b5b48e477fa9632c9823b38244fa9d91417f28e46803c54451e59ae6b078

data/README.md

@@ -252,6 +252,21 @@ it will show an [error message](#handling-errors) which you need to specify.
 This can show useful when you know your requests often fail, and you don't want
 to refresh the whole page just to retry them.
 
+### Toggle event
+
+```erb
+<a href='#' id='detail-button'>detail</a>
+<%= render_async comments_path, toggle: { selector: '#detail-button', event: :click } %>
+```
+
+With toggle element in placeholder
+
+```erb
+<%= render_async comments_path, toggle: { selector: '#detail-button', event: :click } do %>
+  <a href='#' id='detail-button'>detail</a>
+<% end %>
+```
+
 ### Polling
 
 You can call `render_async` with interval argument. This will make render_async
@@ -267,8 +282,8 @@ This can be handy if you want to enable polling for a specific URL.
 
 NOTE: By passing interval to `render_async`, initial container element
 will remain in HTML tree, it will not be replaced with request response.
-You can handle how that container element is rendered and its style by 
-[passing in an HTML element name](#passing-in-an-html-element-name) and 
+You can handle how that container element is rendered and its style by
+[passing in an HTML element name](#passing-in-an-html-element-name) and
 [HTML element class](#passing-in-a-container-class-name).
 
 ### Handling errors

data/app/views/render_async/_render_async.html.erb

@@ -15,6 +15,7 @@
                             method: method,
                             data: data,
                             event_name: event_name,
+                            toggle: toggle,
                             headers: headers,
                             error_message: error_message,
                             error_event_name: error_event_name,
@@ -29,6 +30,7 @@
                             method: method,
                             data: data,
                             event_name: event_name,
+                            toggle: toggle,
                             headers: headers,
                             error_message: error_message,
                             error_event_name: error_event_name,

data/app/views/render_async/_request_jquery.js.erb

@@ -81,6 +81,11 @@ if (window.jQuery) {
       setInterval(_listener, <%= interval %>);
     }
     $(document).ready(_intervalFunction);
+    <% elsif toggle %>
+    $(document).on('<%= toggle[:event] %>', '<%= toggle[:selector]%>', function(event) {
+      event.preventDefault();
+      _listener();
+    });
     <% else %>
     $(document).ready(_listener);
     <% end %>

data/app/views/render_async/_request_vanilla.js.erb

@@ -4,7 +4,7 @@
     return;
   }
   <% end %>
-  
+
   var _listener = function(currentRetryCount) {
     var request = new XMLHttpRequest();
     var asyncRequest = true;
@@ -97,6 +97,12 @@
     setInterval(_listener, <%= interval %>);
   }
   document.addEventListener("DOMContentLoaded", _intervalFunction);
+  <% elsif toggle %>
+  var selectors = document.querySelectorAll('<%= toggle[:selector] %>');
+  selectors.forEach(selector => selector.addEventListener('<%= toggle[:event] %>', function(event) {
+    event.preventDefault();
+    _listener();
+  }));
   <% else %>
   document.addEventListener("DOMContentLoaded", _listener);
   <% end %>

data/lib/render_async/version.rb

@@ -1,3 +1,3 @@
 module RenderAsync
-  VERSION = "2.1.1".freeze
+  VERSION = "2.1.2".freeze
 end

data/lib/render_async/view_helper.rb

@@ -22,6 +22,7 @@ module RenderAsync
       container_id = options.delete(:container_id) || generate_container_id
       container_class = options.delete(:container_class)
       event_name = options.delete(:event_name)
+      toggle = options.delete(:toggle)
       placeholder = capture(&placeholder) if block_given?
       method = options.delete(:method) || 'GET'
       data = options.delete(:data)
@@ -37,6 +38,7 @@ module RenderAsync
                                           path: path,
                                           html_options: options,
                                           event_name: event_name,
+                                          toggle: toggle,
                                           placeholder: placeholder,
                                           method: method,
                                           data: data,

data/render_async.gemspec

@@ -7,7 +7,7 @@ Gem::Specification.new do |spec|
   spec.name          = "crazy_render"
   spec.version       = RenderAsync::VERSION
   spec.authors       = ["ThanhKhoaIT", "Kasper Grubbe", "nikolalsvk"]
-  spec.email         = ["thanhkhoait@gmail.com"]
+  spec.email         = ["ThanhKhoaIT@gmail.com"]
 
   spec.summary       = "Render parts of the page asynchronously with AJAX"
   spec.description   = "Load parts of your page through simple JavaScript and Rails pipeline"

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: crazy_render
 version: !ruby/object:Gem::Version
-  version: 2.1.1
+  version: 2.1.2
 platform: ruby
 authors:
 - ThanhKhoaIT
@@ -56,7 +56,7 @@ dependencies:
         version: 1.0.8
 description: Load parts of your page through simple JavaScript and Rails pipeline
 email:
-- thanhkhoait@gmail.com
+- ThanhKhoaIT@gmail.com
 executables: []
 extensions: []
 extra_rdoc_files: []