From a660f4ea3b0a18daf8c71021841d3b5d9b2a16ef Mon Sep 17 00:00:00 2001
From: Gregory Eremin <g@erem.in>
Date: Thu, 12 Mar 2015 20:11:00 +0700
Subject: [PATCH] Chart mixin

---
 app/scripts/src/charts.jsx | 27 +++++++++++++++++++++++++++
 1 file changed, 27 insertions(+)

diff --git a/app/scripts/src/charts.jsx b/app/scripts/src/charts.jsx
index dafd746..5e0112f 100644
--- a/app/scripts/src/charts.jsx
+++ b/app/scripts/src/charts.jsx
@@ -3,6 +3,33 @@ var SVGNS = 'http://www.w3.org/2000/svg',
     fontSize = '16px',
     Router = ReactRouter;
 
+var Chart = {
+    calculateViewBoxWidth: function() {
+        this.setState({
+           canvasWidth: this.refs.svg.getDOMNode().offsetWidth
+        });
+    },
+
+    animate: function(ref, attr, from, to) {
+        var node = ref.getDOMNode(),
+            anim = anim = document.createElementNS(SVGNS, 'animate');
+
+        _.map(node.childNodes, function(el) {
+            node.removeChild(el);
+        });
+
+        anim.setAttributeNS(null, 'attributeType', 'XML');
+        anim.setAttributeNS(null, 'attributeName', attr);
+        anim.setAttributeNS(null, 'from', from);
+        anim.setAttributeNS(null, 'to', to);
+        anim.setAttributeNS(null, 'dur', '350ms');
+        // anim.setAttributeNS(null, 'keySplines', [this.easing, this.easing, this.easing].join(';'));
+        anim.setAttributeNS(null, 'repeatCount', '1');
+        node.appendChild(anim);
+        anim.beginElement();
+    }
+};
+
 var Selector = React.createClass({
     names: {
         "repo": "Repositories",