DevTools: extract a component for layer viewer

third_party/WebKit/Source/devtools/front_end/layers/LayersPanel.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 18 matching lines @@
  */
 
 /**
  * @constructor
  * @extends {WebInspector.PanelWithSidebar}
  * @implements {WebInspector.TargetManager.Observer}
  */
 WebInspector.LayersPanel = function()
 {
     WebInspector.PanelWithSidebar.call(this, "layers", 225);
-    this.registerRequiredCSS("timeline/timelinePanel.css");
+    this.registerRequiredCSS("layers/layersPanel.css");
 
     /** @type {?WebInspector.LayerTreeModel} */
     this._model = null;
 
     WebInspector.targetManager.observeTargets(this);
     this._layerViewHost = new WebInspector.LayerViewHost();
     this._layerTreeOutline = new WebInspector.LayerTreeOutline(this._layerViewHost);
     this.panelSidebarElement().appendChild(this._layerTreeOutline.element);
     this.setDefaultFocusedElement(this._layerTreeOutline.element);
 
@@ skipping 127 matching lines @@
     reveal: function(snapshotData)
     {
         if (!(snapshotData instanceof WebInspector.DeferredLayerTree))
             return Promise.reject(new Error("Internal error: not a WebInspector.DeferredLayerTree"));
         var panel = /** @type {!WebInspector.LayersPanel} */ (self.runtime.sharedInstance(WebInspector.LayersPanel));
         WebInspector.inspectorView.setCurrentPanel(panel);
         panel._showLayerTree(/** @type {!WebInspector.DeferredLayerTree} */ (snapshotData));
         return Promise.resolve();
     }
 }