Fixed scroll type heat map elements clustering at one point of the page

Author: Syed Usama Nasir

README.md

@@ -53,7 +53,7 @@ $ rake db:migrate
 
 5. Include where to show the heatmap:
 ```erb
-<%= show_heatmap(request.path) %>
+<%= show_heatmap %>
 ```
 6. Before adding headmap.js in the application install **jquery-rails** gem and require it in application.js file
 ```js
@@ -68,14 +68,14 @@ $ rake db:migrate
 ## Viewing Heat Maps
 Use the helper
 ```erb
-<%= show_heatmap(request.path) %>
+<%= show_heatmap %>
 ```
 The argument is the path of current page. This way the helper will only display the respective heatmap.
 The viewing can be done in multiple ways, for example if you want only the admin users to view heatmap, you can do something like:
 
 ```erb
 <% if admin_user_signed_in? %>
-    <%= show_heatmap(request.path) %>
+    <%= show_heatmap %>
 <% end %>
 ```
 
@@ -89,7 +89,7 @@ You can use:
 
 ```erb
 <% if request.query_parameters.include?("see_heatmap") %>
-    <%= show_heatmap(request.path) %>
+    <%= show_heatmap %>
 <% end %>
 ```
 

lib/heatmap/rails/helper.rb

@@ -240,11 +240,8 @@ def show_heatmap(type = false)
   heatmapInstance.addData(data_xpath);
   var scroll = JSON.parse('#{raw(@scroll_data.to_json.html_safe)}');
   var scroll_data = scroll.map(function(element){
-    var element = getElement(element.xpath);
-    if (!element)
-      return;
-    width = element.getBoundingClientRect().width;
-    height = element.getBoundingClientRect().height;
+    width = getElement(element.xpath).getBoundingClientRect().width;
+    height = getElement(element.xpath).getBoundingClientRect().height;
     dot = document.createElement('div');
     dot.className = "dot";
     dot.style.left = (getOffset(element.xpath).x+  (width * element.offset_x)) + "px";

lib/heatmap/rails/version.rb

@@ -1,5 +1,5 @@
 module Heatmap
   module Rails
-    VERSION = "0.1.4"
+    VERSION = "0.2.0"
   end
 end