DevTools: extract modules (with extensions)

third_party/WebKit/Source/devtools/front_end/resources/ApplicationCacheItemsView.js

 /*
  * Copyright (C) 2010 Apple 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
  *    notice, this list of conditions and the following disclaimer.
  * 2. Redistributions in binary form must reproduce the above copyright
  *    notice, this list of conditions and the following disclaimer in the
@@ skipping 161 matching lines @@
     this._dataGrid.element.classList.remove('hidden');
     this._emptyWidget.detach();
     this._deleteButton.setVisible(true);
 
     // FIXME: For Chrome, put creationTime and updateTime somewhere.
     // NOTE: localizedString has not yet been added.
     // Common.UIString("(%s) Created: %s Updated: %s", this._size, this._creationTime, this._updateTime);
   }
 
   _createDataGrid() {
-    var columns = /** @type {!Array<!UI.DataGrid.ColumnDescriptor>} */ ([
-      {id: 'resource', title: Common.UIString('Resource'), sort: UI.DataGrid.Order.Ascending, sortable: true},
+    var columns = /** @type {!Array<!DataGrid.DataGrid.ColumnDescriptor>} */ ([
+      {id: 'resource', title: Common.UIString('Resource'), sort: DataGrid.DataGrid.Order.Ascending, sortable: true},
       {id: 'type', title: Common.UIString('Type'), sortable: true},
-      {id: 'size', title: Common.UIString('Size'), align: UI.DataGrid.Align.Right, sortable: true}
+      {id: 'size', title: Common.UIString('Size'), align: DataGrid.DataGrid.Align.Right, sortable: true}
     ]);
-    this._dataGrid = new UI.DataGrid(columns);
+    this._dataGrid = new DataGrid.DataGrid(columns);
     this._dataGrid.asWidget().show(this.element);
-    this._dataGrid.addEventListener(UI.DataGrid.Events.SortingChanged, this._populateDataGrid, this);
+    this._dataGrid.addEventListener(DataGrid.DataGrid.Events.SortingChanged, this._populateDataGrid, this);
   }
 
   _populateDataGrid() {
     var selectedResource = this._dataGrid.selectedNode ? this._dataGrid.selectedNode.resource : null;
     var sortDirection = this._dataGrid.isSortOrderAscending() ? 1 : -1;
 
     function numberCompare(field, resource1, resource2) {
       return sortDirection * (resource1[field] - resource2[field]);
     }
     function localeCompare(field, resource1, resource2) {
@@ skipping 18 matching lines @@
     this._resources.sort(comparator);
     this._dataGrid.rootNode().removeChildren();
 
     var nodeToSelect;
     for (var i = 0; i < this._resources.length; ++i) {
       var data = {};
       var resource = this._resources[i];
       data.resource = resource.url;
       data.type = resource.type;
       data.size = Number.bytesToString(resource.size);
-      var node = new UI.DataGridNode(data);
+      var node = new DataGrid.DataGridNode(data);
       node.resource = resource;
       node.selectable = true;
       this._dataGrid.rootNode().appendChild(node);
       if (resource === selectedResource) {
         nodeToSelect = node;
         nodeToSelect.selected = true;
       }
     }
 
     if (!nodeToSelect && this._dataGrid.rootNode().children.length)
@@ skipping 10 matching lines @@
     // FIXME: Delete Button semantics are not yet defined. (Delete a single, or all?)
     this._deleteCallback(this._dataGrid.selectedNode);
   }
 
   _deleteCallback(node) {
     // FIXME: Should we delete a single (selected) resource or all resources?
     // Protocol.inspectorBackend.deleteCachedResource(...)
     // this._update();
   }
 };