Sha256: 62ffff8d8fa62d7a6c68db8901646f957583a4f113edfc89ec06d3b2e3130ed9

Contents?: true

Size: 1.35 KB

Versions: 8

Compression:

Stored size: 1.35 KB

Contents

var React = require('react'),
    CssEvent = require('./utils/css-event.js'),
    Dom = require('./utils/dom.js'),
    Classable = require('../../../../node_modules/material-ui/src/js/mixins/classable');

var Ripple = React.createClass({

  mixins: [Classable],

  render: function() {
    var classes = this.getClasses('mui-ripple');

    return (
        <div className={classes} />
    );
  },

  animate: function(e, callback) {
    var el = this.getDOMNode(),
        offset = Dom.offset(el.parentNode),
        pageX = e.pageX == undefined ? e.nativeEvent.pageX : e.pageX,
        pageY = e.pageY == undefined ? e.nativeEvent.pageY : e.pageY,
        x = pageX - offset.left,
        y = pageY - offset.top;

    this._animateRipple(el, x, y, callback);
  },

  animateFromCenter: function(callback) {
    var el = this.getDOMNode(),
        x = el.parentNode.offsetWidth / 2,
        y = el.parentNode.offsetHeight / 2;

    this._animateRipple(el, x, y, callback);
  },

  _animateRipple: function(el, x, y, callback) {
    el.style.transition = 'none';
    el.style.top = y + 'px';
    el.style.left = x + 'px';

    Dom.addClass(el, 'mui-is-visible');

    CssEvent.onAnimationEnd(el, function() {
      Dom.removeClass(el, 'mui-is-visible');
      if (callback) callback();
    });
  }

});

module.exports = Ripple;

Version data entries

8 entries across 8 versions & 1 rubygems

Version Path
nutella_framework-0.7.3 framework_components/roomcast-package-creator/src/app/components/material-ui/ripple.jsx
nutella_framework-0.7.2 framework_components/roomcast-package-creator/src/app/components/material-ui/ripple.jsx
nutella_framework-0.7.1 framework_components/roomcast-package-creator/src/app/components/material-ui/ripple.jsx
nutella_framework-0.7.0 framework_components/roomcast-package-creator/src/app/components/material-ui/ripple.jsx
nutella_framework-0.6.21 framework_components/roomcast-package-creator/src/app/components/material-ui/ripple.jsx
nutella_framework-0.6.20 framework_components/roomcast-package-creator/src/app/components/material-ui/ripple.jsx
nutella_framework-0.6.19 framework_components/roomcast-package-creator/src/app/components/material-ui/ripple.jsx
nutella_framework-0.6.18 framework_components/roomcast-package-creator/src/app/components/material-ui/ripple.jsx