DevTools: Extract SortableDataGrid.

Source/devtools/front_end/resources/DirectoryContentView.js

 /*
  * Copyright (C) 2012 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 12 matching lines @@
  * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
  * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
  * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
  * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
  * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
  * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  */
 
 /**
  * @constructor
- * @extends {WebInspector.DataGrid}
+ * @extends {WebInspector.SortableDataGrid}
  */
 WebInspector.DirectoryContentView = function()
 {
     const indexes = WebInspector.DirectoryContentView.columnIndexes;
     var columns = [
         {id: indexes.Name, title: WebInspector.UIString("Name"), sortable: true, sort: WebInspector.DataGrid.Order.Ascending, width: "20%"},
         {id: indexes.URL, title: WebInspector.UIString("URL"), sortable: true, width: "20%"},
         {id: indexes.Type, title: WebInspector.UIString("Type"), sortable: true, width: "15%"},
         {id: indexes.Size, title: WebInspector.UIString("Size"), sortable: true, width: "10%"},
         {id: indexes.ModificationTime, title: WebInspector.UIString("Modification Time"), sortable: true, width: "25%"}
     ];
 
-    WebInspector.DataGrid.call(this, columns);
+    WebInspector.SortableDataGrid.call(this, columns);
     this.addEventListener(WebInspector.DataGrid.Events.SortingChanged, this._sort, this);
 }
 
 WebInspector.DirectoryContentView.columnIndexes = {
     Name: "0",
     URL: "1",
     Type: "2",
     Size: "3",
     ModificationTime: "4"
 }
@@ skipping 11 matching lines @@
     },
 
     _sort: function()
     {
         var column = this.sortColumnIdentifier();
         if (!column)
             return;
         this.sortNodes(WebInspector.DirectoryContentView.Node.comparator(column), !this.isSortOrderAscending());
     },
 
-    __proto__: WebInspector.DataGrid.prototype
+    __proto__: WebInspector.SortableDataGrid.prototype
 }
 
 /**
  * @constructor
- * @extends {WebInspector.DataGridNode}
+ * @extends {WebInspector.SortableDataGridNode}
  * @param {!WebInspector.FileSystemModel.Entry} entry
  */
 WebInspector.DirectoryContentView.Node = function(entry)
 {
     const indexes = WebInspector.DirectoryContentView.columnIndexes;
     var data = {};
     data[indexes.Name] = entry.name;
     data[indexes.URL] = entry.url;
     data[indexes.Type] = entry.isDirectory ? WebInspector.UIString("Directory") : entry.mimeType;
     data[indexes.Size] = "";
     data[indexes.ModificationTime] = "";
 
-    WebInspector.DataGridNode.call(this, data);
+    WebInspector.SortableDataGridNode.call(this, data);
     this._entry = entry;
     this._metadata = null;
 
     this._entry.requestMetadata(this._metadataReceived.bind(this));
 }
 
 /**
  * @param {string} column
  * @return {function(!WebInspector.DataGridNode, !WebInspector.DataGridNode):number}
  */
@@ skipping 17 matching lines @@
         return function(x, y)
         {
             return isDirectoryCompare(x, y) || sizeCompare(x, y) || nameCompare(x, y);
         };
     case indexes.ModificationTime:
         return function(x, y)
         {
             return isDirectoryCompare(x, y) || modificationTimeCompare(x, y) || nameCompare(x, y);
         };
     default:
-        return WebInspector.DataGrid.TrivialComparator;
+        return WebInspector.SortableDataGrid.TrivialComparator;
     }
 
     function isDirectoryCompare(x, y)
     {
         if (x._entry.isDirectory != y._entry.isDirectory)
             return y._entry.isDirectory ? 1 : -1;
         return 0;
     }
 
     function nameCompare(x, y)
@@ skipping 31 matching lines @@
         this._metadata = metadata;
         var data = this.data;
         if (this._entry.isDirectory)
             data[indexes.Size] = WebInspector.UIString("-");
         else
             data[indexes.Size] = Number.bytesToString(metadata.size);
         data[indexes.ModificationTime] = new Date(metadata.modificationTime).toISOString();
         this.data = data;
     },
 
-    __proto__: WebInspector.DataGridNode.prototype
+    __proto__: WebInspector.SortableDataGridNode.prototype
 }