DevTools: Extract SortableDataGrid.

Source/devtools/front_end/network/NetworkPanel.js

 /*
  * Copyright (C) 2007, 2008 Apple Inc.  All rights reserved.
  * Copyright (C) 2008, 2009 Anthony Ricaud <rik@webkit.org>
  * Copyright (C) 2011 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:
  *
  * 1.  Redistributions of source code must retain the above copyright
@@ skipping 343 matching lines @@
 
         columns.push({
             id: "timeline",
             titleDOMFragment: document.createDocumentFragment(),
             title: WebInspector.NetworkLogView._columnTitles["timeline"],
             sortable: false,
             weight: 40,
             sort: WebInspector.DataGrid.Order.Ascending
         });
 
-        this._dataGrid = new WebInspector.DataGrid(columns);
+        this._dataGrid = new WebInspector.SortableDataGrid(columns);
         this._updateColumns();
         this._dataGrid.setName("networkLog");
         this._dataGrid.setResizeMethod(WebInspector.DataGrid.ResizeMethod.Last);
         this._dataGrid.element.classList.add("network-log-grid");
         this._dataGrid.element.addEventListener("contextmenu", this._contextMenu.bind(this), true);
         this._dataGrid.show(this.element);
 
         // Event listeners need to be added _after_ we attach to the document, so that owner document is properly update.
         this._dataGrid.addEventListener(WebInspector.DataGrid.Events.SortingChanged, this._sortItems, this);
         this._dataGrid.addEventListener(WebInspector.DataGrid.Events.ColumnsResized, this._updateDividersIfNeeded, this);
@@ skipping 2096 matching lines @@
     _upperBound: function(request)
     {
         return request.duration;
     },
 
     __proto__: WebInspector.NetworkTimeCalculator.prototype
 }
 
 /**
  * @constructor
- * @extends {WebInspector.DataGridNode}
+ * @extends {WebInspector.SortableDataGridNode}
  * @param {!WebInspector.NetworkLogView} parentView
  * @param {!WebInspector.NetworkRequest} request
  */
 WebInspector.NetworkDataGridNode = function(parentView, request)
 {
-    WebInspector.DataGridNode.call(this, {});
+    WebInspector.SortableDataGridNode.call(this, {});
     this._parentView = parentView;
     this._request = request;
     this._linkifier = new WebInspector.Linkifier();
     this._isFilteredOut = true;
     this._isMatchingSearchQuery = false;
 }
 
 WebInspector.NetworkDataGridNode.prototype = {
     /** override */
     createCells: function()
     {
         this._nameCell = null;
         this._timelineCell = null;
 
         var element = this._element;
         element.classList.toggle("network-error-row", this._isFailed());
         element.classList.toggle("resource-cached", this._request.cached);
         var typeClassName = "network-type-" + this._request.type.name();
         if (!element.classList.contains(typeClassName)) {
             element.removeMatchingStyleClasses("network-type-\\w+");
             element.classList.add(typeClassName);
         }
 
-        WebInspector.DataGridNode.prototype.createCells.call(this);
+        WebInspector.SortableDataGridNode.prototype.createCells.call(this);
 
         this.refreshGraph(this._parentView.calculator);
     },
 
     /**
      * @override
      * @param {string} columnIdentifier
      * @return {!Element}
      */
     createCell: function(columnIdentifier)
@@ skipping 41 matching lines @@
 
     _onClick: function()
     {
         if (!this._parentView._allowRequestSelection)
             this.select();
     },
 
     select: function()
     {
         this._parentView.dispatchEventToListeners(WebInspector.NetworkLogView.EventTypes.RequestSelected, this._request);
-        WebInspector.DataGridNode.prototype.select.apply(this, arguments);
+        WebInspector.SortableDataGridNode.prototype.select.apply(this, arguments);
 
         WebInspector.notifications.dispatchEventToListeners(WebInspector.UserMetrics.UserAction, {
             action: WebInspector.UserMetrics.UserActionNames.NetworkRequestSelected,
             url: this._request.url
         });
     },
 
     /**
      * @param {!RegExp=} regexp
      */
@@ skipping 306 matching lines @@
             if (rightHidden)
                 this._labelRightElement.classList.add("hidden");
             this._labelRightElement.style.setProperty("left", this._percentages.end + "%");
             this._labelRightElement.classList.add("after");
         } else {
             this._labelRightElement.style.setProperty("left", this._percentages.middle + "%");
             this._labelRightElement.style.setProperty("right", (100 - this._percentages.end) + "%");
         }
     },
 
-    __proto__: WebInspector.DataGridNode.prototype
+    __proto__: WebInspector.SortableDataGridNode.prototype
 }
 
 /**
  * @param {!WebInspector.NetworkDataGridNode} a
  * @param {!WebInspector.NetworkDataGridNode} b
  * @return {number}
  */
 WebInspector.NetworkDataGridNode.NameComparator = function(a, b)
 {
     var aFileName = a._request.name();
@@ skipping 107 matching lines @@
 WebInspector.NetworkDataGridNode.RequestPropertyComparator = function(propertyName, revert, a, b)
 {
     var aValue = a._request[propertyName];
     var bValue = b._request[propertyName];
     if (aValue > bValue)
         return revert ? -1 : 1;
     if (bValue > aValue)
         return revert ? 1 : -1;
     return a._request.indentityCompare(b._request);
 }