From 8160bd63e7ef58ddd458d2755fef6223c51a37b8 Mon Sep 17 00:00:00 2001
From: Guilherme Rv Coelho <grvcoelho@users.noreply.github.com>
Date: Mon, 29 Dec 2014 10:30:53 -0200
Subject: [PATCH] Update ripples.js to allow multiple elements using ripples

There was a problem with the last update when two or more elements of the page used the ripple effect. This is fixed with this commit.
---
 scripts/ripples.js | 20 +++++++++-----------
 1 file changed, 9 insertions(+), 11 deletions(-)

diff --git a/scripts/ripples.js b/scripts/ripples.js
index d9ea87a6..298f582c 100644
--- a/scripts/ripples.js
+++ b/scripts/ripples.js
@@ -67,14 +67,14 @@
       /**
        * Find the ripple wrapper 
        */
-      var $wrapper = $element.find(".ripple-wrapper");
+      var $wrapper = $element.children(".ripple-wrapper");
 
 
       /**
        * Get relY and relX positions
        */
-      var relY = self.getRelY(event);
-      var relX = self.getRelX(event);
+      var relY = self.getRelY($wrapper, event);
+      var relX = self.getRelX($wrapper, event);
 
 
       /**
@@ -88,7 +88,7 @@
       /**
        * Get the ripple color
        */
-      var rippleColor = self.getRippleColor();
+      var rippleColor = self.getRipplesColor();
 
 
       /**
@@ -159,9 +159,8 @@
   /**
    * Get the relX
    */
-  Ripples.prototype.getRelX = function(event) {
-    var $element = this.element;
-    var wrapperOffset = $element.find(".ripple-wrapper").offset();
+  Ripples.prototype.getRelX = function($wrapper,  event) {
+    var wrapperOffset = $wrapper.offset();
 
     if(!self.isTouch()) {
       /**
@@ -187,9 +186,8 @@
   /**
    * Get the relY
    */
-  Ripples.prototype.getRelY = function(event) {
-    var $element = this.element;
-    var wrapperOffset = $element.find(".ripple-wrapper").offset();
+  Ripples.prototype.getRelY = function($wrapper, event) {    
+    var wrapperOffset = $wrapper.offset();
 
     if(!self.isTouch()) {
       /**
@@ -215,7 +213,7 @@
   /**
    * Get the ripple color
    */
-  Ripples.prototype.getRippleColor = function() {
+  Ripples.prototype.getRipplesColor = function() {
     var $element = this.element;
 
     var color = $element.data("ripple-color") ? $element.data("ripple-color") : window.getComputedStyle($element[0]).color;