DevTools: NetworkPanel: split networkPanel.css

Source/devtools/front_end/network/ResourceWebSocketFrameView.js

 /*
  * Copyright (C) 2012 Research In Motion Limited. All rights reserved.
  *
  * This library is free software; you can redistribute it and/or
  * modify it under the terms of the GNU Lesser General Public
  * License as published by the Free Software Foundation; either
  * version 2 of the License, or (at your option) any later version.
  *
  * This library is distributed in the hope that it will be useful,
  * but WITHOUT ANY WARRANTY; without even the implied warranty of
  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
  * Lesser General Public License for more details.
  *
  * You should have received a copy of the GNU Lesser General Public
  * License along with this library; if not, write to the Free Software
  * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301  USA
  */
 
 /**
  * @constructor
  * @extends {WebInspector.VBox}
  */
 WebInspector.ResourceWebSocketFrameView = function(resource)
 {
     WebInspector.VBox.call(this);
-    this.element.classList.add("resource-websocket");
+    this.registerRequiredCSS("webSocketFrameView.css");
+    this.element.classList.add("websocket-frame-view");
     this.resource = resource;
     this.element.removeChildren();
 
     this._dataGrid = new WebInspector.DataGrid([
         {id: "data", title: WebInspector.UIString("Data"), sortable: false, weight: 88, longText: true},
         {id: "length", title: WebInspector.UIString("Length"), sortable: false, alig: WebInspector.DataGrid.Align.Right, weight: 5},
         {id: "time", title: WebInspector.UIString("Time"), weight: 7}
     ], undefined, undefined, undefined, this._onContextMenu.bind(this));
 
     this.refresh();
@@ skipping 51 matching lines @@
                 opcodeMeaning = WebInspector.UIString("Pong Frame");
                 break;
             }
             row.data = WebInspector.UIString("%s (Opcode %d%s)", opcodeMeaning, payload.opcode, (payload.mask ? ", mask" : ""));
         }
 
         var node = new WebInspector.DataGridNode(row, false);
         this._dataGrid.rootNode().appendChild(node);
 
         if (rowClass)
-            node.element.classList.add("resource-websocket-row-" + rowClass);
+            node.element.classList.add("websocket-frame-view-row-" + rowClass);
     },
 
     refresh: function()
     {
         this._dataGrid.rootNode().removeChildren();
         var frames = this.resource.frames();
         for (var i = frames.length - 1; i >= 0; i--) {
             this.appendFrame(frames[i]);
         }
     },
@@ skipping 16 matching lines @@
     /**
      * @param {!Object} row
      */
     _copyMessage: function(row)
     {
         InspectorFrontendHost.copyText(row.data);
     },
 
     __proto__: WebInspector.VBox.prototype
 }