heatmap-rails 0.1.3 → 0.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 3ee4ef0f55873798ec7a01874168a45a0b457495
-  data.tar.gz: c3380e20bc6dd155eaff287a246a7fce1e3f1024
+  metadata.gz: 614bf4dc520980f64a0a7dc2c8eab0ab556b05d6
+  data.tar.gz: f0ccb04bf341f3f4426850028c14bab4c1af2aef
 SHA512:
-  metadata.gz: 29babce180685c54115c5d6190483b3e344b63fc5da852ae91d42ddc8fbe91d953b3c12fc5800fb9c50f6574e13811ccf219b8512b57b405f5f1cce944dab670
-  data.tar.gz: 7e83034fdf416e3e5f50815c5969540ad8a1f42548a4eac35aae6406712815a2a780d83672285ae903243b63655b7807ce98c5d0f7a58c8315358562bdae4403
+  metadata.gz: 810febcfbe9154d4b4c77d6eacdb3569b0451ae41a622960eb2faa1fdf0fa4a4dba6434028ab12b683cd9bd13fa20a5cf539ae92fe038741866842bb7f7c8b69
+  data.tar.gz: 2f265ded295eb4b9bcd47c371c55bb39178c1b36263b625c9f7ab6998f3ac593a1cef7914e39e907439e19e198e896a57e32156e43bdf075b08b50ae3235339c

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    heatmap-rails (0.1.2)
+    heatmap-rails (0.1.3)
 
 GEM
   remote: https://rubygems.org/
@@ -32,4 +32,4 @@ DEPENDENCIES
   rspec (~> 3.0)
 
 BUNDLED WITH
-   1.16.0.pre.3
+   1.16.1

data/README.md

@@ -5,7 +5,16 @@
 Integrate heatmaps in your web application to see on which part the user spends most time on your web application. Where does users click on the page.
 Helping in gathering analytics to find out what works on the web, what attracts most of the users.
 View user interactions and make your application more amazing! :sparkles:
-[Demo](https://heatmap-rails.herokuapp.com/)
+
+[Try the demo](https://heatmap-rails.herokuapp.com/)
+
+Quick Demo of HeatMap Generation
+
+![Demo1](https://github.com/hassanakram/heatmap-rails-demo/blob/master/heatmap__1.gif)
+
+ Heatmap-Rails Works Perfectly in any Screen Size.
+ 
+![Demo2](https://github.com/hassanakram/heatmap-rails-demo/blob/master/heatmap__2.gif)
 
 ## Installation
 
@@ -44,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
@@ -59,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 %>
 ```
 
@@ -80,7 +89,7 @@ You can use:
 
 ```erb
 <% if request.query_parameters.include?("see_heatmap") %>
-    <%= show_heatmap(request.path) %>
+    <%= show_heatmap %>
 <% end %>
 ```
 

data/lib/heatmap/rails/helper.rb

@@ -3,8 +3,11 @@ require "erb"
 module Heatmap
   module Helper
 
-    def save_heatmap(options = {})
+    def exact_route
+      "#{params[:controller]}/#{params[:action]}"
+    end
 
+    def save_heatmap(options = {})
       click = options[:click] || Heatmap::Rails.options[:click]
       move = options[:move] || Heatmap::Rails.options[:move]
       scroll = options[:scroll] || Heatmap::Rails.options[:scroll]
@@ -38,7 +41,7 @@ $( document ).ready(function() {
       var element_height= event.target.getBoundingClientRect().height;
       offset_x_element = event.offsetX / element_width;
       offset_y_element = event.offsetY /  element_height;
-      var pageCoords = { path: window.location.pathname,  type: 'scroll', xpath: xpath_element, offset_x: offset_x_element ,  offset_y: offset_y_element, };
+      var pageCoords = { path: "#{exact_route}",  type: 'scroll', xpath: xpath_element, offset_x: offset_x_element ,  offset_y: offset_y_element, };
 
       scroll_array.push(pageCoords);
       if (scroll_array.length >= parseInt(#{scroll})) {
@@ -55,7 +58,7 @@ $( document ).ready(function() {
     var element_height= ev.target.getBoundingClientRect().height;
     offset_x_element = ev.offsetX / element_width;
     offset_y_element = ev.offsetY /  element_height;
-    var pageCoords = { path: window.location.pathname,  type: 'move', xpath: xpath_element, offset_x: offset_x_element ,  offset_y: offset_y_element, };
+    var pageCoords = { path: "#{exact_route}",  type: 'move', xpath: xpath_element, offset_x: offset_x_element ,  offset_y: offset_y_element, };
 
     var obj = move_array.find(function (obj) { return obj.xpath === xpath_element; });
     if (obj == null){
@@ -78,7 +81,7 @@ $( document ).ready(function() {
     var element_height= ev.target.getBoundingClientRect().height;
     offset_x_element = ev.offsetX / element_width;
     offset_y_element = ev.offsetY /  element_height;
-    var pageCoords = { path: window.location.pathname,  type: 'click', xpath: xpath_element, offset_x: offset_x_element ,  offset_y: offset_y_element, };
+    var pageCoords = { path: "#{exact_route}",  type: 'click', xpath: xpath_element, offset_x: offset_x_element ,  offset_y: offset_y_element, };
     click_array.push(pageCoords);
     if (click_array.length >= parseInt(#{click}))
     {
@@ -99,9 +102,8 @@ $( document ).ready(function() {
 });
 
 function xpathstring(event) {
-  var
-  e = event.srcElement || event.originalTarget,
-  path = xpath(e, '');;
+  var e = event.srcElement || event.originalTarget,
+  path = xpath(e, '');
   return path
 }
 function xpath(element, suffix) {
@@ -154,14 +156,14 @@ JS
       html.respond_to?(:html_safe) ? html.html_safe : html
     end
 
-    def show_heatmap(path,type = false)
+    def show_heatmap(type = false)
       if type
-        heatmap = HeatMap.where(path: path.to_s , click_type: type)
-        heatmap_count = HeatMap.where(path: path.to_s , click_type: type).count
+        heatmap = HeatMap.where(path: exact_route.to_s , click_type: type)
+        heatmap_count = HeatMap.where(path: exact_route.to_s , click_type: type).count
         type = type + 's'
       else
-        heatmap = HeatMap.where(path: path.to_s)
-        heatmap_count = HeatMap.where(path: path.to_s).count
+        heatmap = HeatMap.where(path: exact_route.to_s)
+        heatmap_count = HeatMap.where(path: exact_route.to_s).count
         type = 'heatmaps'
       end
       @data_points = []
@@ -214,8 +216,8 @@ JS
   function getElement(xpath){
      return document.evaluate(xpath, document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
   }
-  var xpath = JSON.parse('#{raw(@data_xpaths.to_json.html_safe)}');
-  var data_xpath = xpath.map(function(path){
+  var xpath_current = JSON.parse('#{raw(@data_xpaths.to_json.html_safe)}');
+  var data_xpath = xpath_current.map(function(path){
     if (path != null) {
       element = getElement(path.xpath);
       if (element != null){
@@ -223,7 +225,7 @@ JS
         height = element.getBoundingClientRect().height;
         var x_coord = getOffset(path.xpath).x+  (width * path.offset_x);
         var y_coord = getOffset(path.xpath).y+  (height * path.offset_y);
-        delete path["xpath"];
+        delete path["xpath_current"];
         delete path["offset_x"];
         delete path["offset_y"];
         path.x = Math.ceil(parseFloat(x_coord));
@@ -261,6 +263,7 @@ JS
     document.body.appendChild(dot);
   });
 
+  scroll_data = scroll_data.filter(function(val){ return val!==undefined; });
 </script>
 JS
 

data/lib/heatmap/rails/version.rb

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

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: heatmap-rails
 version: !ruby/object:Gem::Version
-  version: 0.1.3
+  version: 0.2.0
 platform: ruby
 authors:
 - Hassan
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2018-02-27 00:00:00.000000000 Z
+date: 2018-09-12 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -102,7 +102,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.6.12
+rubygems_version: 2.6.14
 signing_key: 
 specification_version: 4
 summary: HeatMap Gem