Devtools Animations: Basic animation inspection & control in Styles pane

Source/devtools/front_end/sdk/CSSStyleModel.js

Index: Source/devtools/front_end/sdk/CSSStyleModel.js
diff --git a/Source/devtools/front_end/sdk/CSSStyleModel.js b/Source/devtools/front_end/sdk/CSSStyleModel.js
index 804b82c245fda9e279f7e38aae925000b931d4fb..dab17095e6c545571eae7667d56ed99d41520b2b 100644
--- a/Source/devtools/front_end/sdk/CSSStyleModel.js
+++ b/Source/devtools/front_end/sdk/CSSStyleModel.js
@@ -257,6 +257,29 @@ WebInspector.CSSStyleModel.prototype = {
     },
 
     /**
+     * @param {!DOMAgent.NodeId} sequenceNumber
+     * @param {function(?Array.<!WebInspector.CSSRule>)} userCallback
+     */
+    getKeyframeStylesForNodeAsync: function(sequenceNumber, userCallback)
+    {
+        /**
+         * @param {function(?Array.<!WebInspector.CSSRule>)} userCallback
+         * @param {?Protocol.Error} error
+         * @param {?Array.<!CSSAgent.CSSRule>} payloads
+         * @this {WebInspector.CSSStyleModel}
+         */
+        function callback(userCallback, error, payloads)

[caseq, 2014/10/02 10:02:26]

nit: no need to pass userCallback explicitly (outer one will be captured as part
of closure)

[samli, 2014/10/03 06:05:05]

Done.

+        {
+            var cssStyleModel = this;
+            userCallback(payloads.map(function (payload) {
+                return WebInspector.CSSRule.parsePayload(cssStyleModel, payload);
+            }));
+        }
+        this._agent.getKeyframeStylesForNode(sequenceNumber, callback.bind(this, userCallback));
+    },
+
+
+    /**
      * @param {!WebInspector.DOMNode} node
      * @param {string} pseudoClass
      * @param {boolean} enable