ldx-widgets/dist/components/spinner.js

widgets

(function() {
  var React, ReactDOM, Spin, Spinner, _;

  React = require('react');

  ReactDOM = require('react-dom');

  Spin = require('spin');

  _ = require('lodash');

  Spinner = React.createClass({
    defaults: {
      lines: 10,
      length: 5,
      width: 2,
      radius: 4,
      corners: 1,
      rotate: 0,
      direction: 1,
      color: '#000000',
      speed: 1,
      trail: 60,
      shadow: false,
      hwaccel: false,
      className: 'spinner',
      zIndex: 15
    },
    displayName: 'spinner',
    render: function() {
      var div;
      div = React.DOM.div;
      return div({
        ref: 'spinner',
        className: 'spinner-wrapper'
      });
    },
    componentDidMount: function() {
      var props;
      props = _.clone(this.props);
      _.defaults(props, this.defaults);
      this.spinner = new Spin(props).spin();
      return ReactDOM.findDOMNode(this.refs.spinner).appendChild(this.spinner.el);
    },
    stop: function() {
      return this.spinner.stop();
    }
  });

  module.exports = Spinner;

}).call(this);