Devtools Animations: Add cubic bezier easing editor for animations

Source/devtools/front_end/sdk/AnimationModel.js

 // Copyright (c) 2014 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 
 /**
  * @constructor
  * @extends {WebInspector.SDKModel}
  * @param {!WebInspector.Target} target
  */
@@ skipping 246 matching lines @@
             style = style.replace(new RegExp("\\s*(-webkit-)?" + animationProperty + "-(delay|duration):[^;]*;?\\s*", "g"), "");
             node.setAttributeValue("style", String.sprintf("%s %s-delay: %sms !important; %s-duration: %sms !important;", style, animationProperty, Math.round(delay), animationProperty, Math.round(duration)));
         }
 
         this.target().animationAgent().setTiming(this.id(), duration, delay);
         // TODO (samli): Update CSS rules instead. (crbug.com/492937)
         if (this.type() !== "WebAnimation")
             this._source.deferredNode().resolve(nodeResolved.bind(this));
     },
 
+    /**
+     * @param {string} value
+     */
+    setEasing: function(value)
+    {
+        /**
+         * @param {?WebInspector.DOMNode} node
+         * @this {!WebInspector.AnimationModel.AnimationPlayer}
+         */
+        function nodeResolved(node)
+        {
+            if (!node)
+                return;
+            var animationProperty = this.type() === "CSSTransition" ? "transition" : "animation";
+            var style = node.getAttribute("style") || "";
+            style = style.replace(new RegExp("\\s*(-webkit-)?" + animationProperty + "-timing-function:[^;]*;?\\s*", "g"), "");
+            node.setAttributeValue("style", String.sprintf("%s %s-timing-function: %s !important;", style, animationProperty, value));
+        }
+
+        this.target().animationAgent().setEasing(this.id(), value);
+        // TODO (samli): Update CSS rules instead. (crbug.com/492937)
+        if (this.type() !== "WebAnimation")
+            this._source.deferredNode().resolve(nodeResolved.bind(this));
+    },
+
     __proto__: WebInspector.SDKObject.prototype
 }
 
 /**
  * @constructor
  * @extends {WebInspector.SDKObject}
  * @param {!WebInspector.Target} target
  * @param {!AnimationAgent.AnimationNode} payload
  */
 WebInspector.AnimationModel.AnimationNode = function(target, payload)
@@ skipping 240 matching lines @@
     /**
      * @override
      * @param {string} playerId
      * @param {!AnimationAgent.AnimationNode} payload
      */
      animationTimingUpdated: function(playerId, payload)
      {
         this._animationModel.animationTimingUpdated(playerId, payload);
      }
 }