DevTools: extract modules (with extensions)

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

 // Copyright 2014 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 /**
  * @unrestricted
  */
 Resources.ServiceWorkerCacheView = class extends UI.SimpleView {
   /**
    * @param {!SDK.ServiceWorkerCacheModel} model
    * @param {!SDK.ServiceWorkerCacheModel.Cache} cache
@@ skipping 13 matching lines @@
     this._refreshButton.addEventListener(UI.ToolbarButton.Events.Click, this._refreshButtonClicked, this);
 
     this._pageSize = 50;
     this._skipCount = 0;
 
     this.update(cache);
     this._entries = [];
   }
 
   /**
-   * @return {!UI.DataGrid}
+   * @return {!DataGrid.DataGrid}
    */
   _createDataGrid() {
-    var columns = /** @type {!Array<!UI.DataGrid.ColumnDescriptor>} */ ([
+    var columns = /** @type {!Array<!DataGrid.DataGrid.ColumnDescriptor>} */ ([
       {id: 'number', title: Common.UIString('#'), width: '50px'}, {id: 'request', title: Common.UIString('Request')},
       {id: 'response', title: Common.UIString('Response')}
     ]);
-    return new UI.DataGrid(columns, undefined, this._deleteButtonClicked.bind(this), this._updateData.bind(this, true));
+    return new DataGrid.DataGrid(
+        columns, undefined, this._deleteButtonClicked.bind(this), this._updateData.bind(this, true));
   }
 
   _createEditorToolbar() {
     var editorToolbar = new UI.Toolbar('data-view-toolbar', this.element);
 
     this._pageBackButton = new UI.ToolbarButton(Common.UIString('Show previous page'), 'largeicon-play-back');
     this._pageBackButton.addEventListener(UI.ToolbarButton.Events.Click, this._pageBackButtonClicked, this);
     editorToolbar.appendToolbarItem(this._pageBackButton);
 
     this._pageForwardButton = new UI.ToolbarButton(Common.UIString('Show next page'), 'largeicon-play');
@@ skipping 12 matching lines @@
 
   /**
    * @param {!Common.Event} event
    */
   _pageForwardButtonClicked(event) {
     this._skipCount = this._skipCount + this._pageSize;
     this._updateData(false);
   }
 
   /**
-   * @param {!UI.DataGridNode} node
+   * @param {!DataGrid.DataGridNode} node
    */
   _deleteButtonClicked(node) {
     this._model.deleteCacheEntry(this._cache, /** @type {string} */ (node.data['request']), node.remove.bind(node));
   }
 
   /**
    * @param {!SDK.ServiceWorkerCacheModel.Cache} cache
    */
   update(cache) {
     this._cache = cache;
@@ skipping 14 matching lines @@
    */
   _updateDataCallback(skipCount, entries, hasMore) {
     this._refreshButton.setEnabled(true);
     this.clear();
     this._entries = entries;
     for (var i = 0; i < entries.length; ++i) {
       var data = {};
       data['number'] = i + skipCount;
       data['request'] = entries[i].request;
       data['response'] = entries[i].response;
-      var node = new UI.DataGridNode(data);
+      var node = new DataGrid.DataGridNode(data);
       node.selectable = true;
       this._dataGrid.rootNode().appendChild(node);
     }
     this._pageBackButton.setEnabled(!!skipCount);
     this._pageForwardButton.setEnabled(hasMore);
   }
 
   /**
    * @param {boolean} force
    */
@@ skipping 27 matching lines @@
    */
   syncToolbarItems() {
     return [this._refreshButton];
   }
 
   clear() {
     this._dataGrid.rootNode().removeChildren();
     this._entries = [];
   }
 };