DevTools: add 3D layer view to Layer panel

Source/devtools/front_end/LayerTreeModel.js

 /*
  * Copyright (C) 2013 Google Inc. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions are
  * met:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
  *     * Redistributions in binary form must reproduce the above
@@ skipping 138 matching lines @@
 
     /**
      * @return {string?}
      */
     parentId: function()
     {
         return this._rawLayer["parentLayerId"];
     },
 
     /**
+     * @return {number}
+     */
+    offsetX: function()
+    {
+        return this._rawLayer["offsetX"];

[pfeldman, 2013/08/09 09:24:52]

. notation.

+    },
+
+    /**
+     * @return {number}
+     */
+    offsetY: function()
+    {
+        return this._rawLayer["offsetY"];
+    },
+
+    /**
+     * @return {number}
+     */
+    width: function()
+    {
+        return this._rawLayer["width"];
+    },
+
+    /**
+     * @return {number}
+     */
+    height: function()
+    {
+        return this._rawLayer["height"];
+    },
+
+    /**
      * @return {WebInspector.Layer}
      */
     parent: function()
     {
         return this._parent;
     },
 
     isRoot: function()
     {
         return !!this.parentId();
@@ skipping 34 matching lines @@
 {
     this._layerTreeModel = layerTreeModel;
 }
 
 WebInspector.LayerTreeDispatcher.prototype = {
     layerTreeDidChange: function()
     {
         this._layerTreeModel._layerTreeChanged();
     }
 }