DevTools: extract modules (with extensions)

third_party/WebKit/Source/devtools/front_end/network/EventSourceMessagesView.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
  */
 Network.EventSourceMessagesView = class extends UI.VBox {
   /**
    * @param {!SDK.NetworkRequest} request
    */
   constructor(request) {
     super();
     this.registerRequiredCSS('network/eventSourceMessagesView.css');
     this.element.classList.add('event-source-messages-view');
     this._request = request;
 
-    var columns = /** @type {!Array<!UI.DataGrid.ColumnDescriptor>} */ ([
+    var columns = /** @type {!Array<!DataGrid.DataGrid.ColumnDescriptor>} */ ([
       {id: 'id', title: Common.UIString('Id'), sortable: true, weight: 8},
       {id: 'type', title: Common.UIString('Type'), sortable: true, weight: 8},
       {id: 'data', title: Common.UIString('Data'), sortable: false, weight: 88},
       {id: 'time', title: Common.UIString('Time'), sortable: true, weight: 8}
     ]);
 
-    this._dataGrid = new UI.SortableDataGrid(columns);
+    this._dataGrid = new DataGrid.SortableDataGrid(columns);
     this._dataGrid.setStickToBottom(true);
-    this._dataGrid.markColumnAsSortedBy('time', UI.DataGrid.Order.Ascending);
+    this._dataGrid.markColumnAsSortedBy('time', DataGrid.DataGrid.Order.Ascending);
     this._sortItems();
-    this._dataGrid.addEventListener(UI.DataGrid.Events.SortingChanged, this._sortItems, this);
+    this._dataGrid.addEventListener(DataGrid.DataGrid.Events.SortingChanged, this._sortItems, this);
 
     this._dataGrid.setName('EventSourceMessagesView');
     this._dataGrid.asWidget().show(this.element);
   }
 
   /**
    * @override
    */
   wasShown() {
     this._dataGrid.rootNode().removeChildren();
@@ skipping 26 matching lines @@
     var comparator = Network.EventSourceMessageNode.Comparators[sortColumnId];
     if (!comparator)
       return;
     this._dataGrid.sortNodes(comparator, !this._dataGrid.isSortOrderAscending());
   }
 };
 
 /**
  * @unrestricted
  */
-Network.EventSourceMessageNode = class extends UI.SortableDataGridNode {
+Network.EventSourceMessageNode = class extends DataGrid.SortableDataGridNode {
   /**
    * @param {!SDK.NetworkRequest.EventSourceMessage} message
    */
   constructor(message) {
     var time = new Date(message.time * 1000);
     var timeText = ('0' + time.getHours()).substr(-2) + ':' + ('0' + time.getMinutes()).substr(-2) + ':' +
         ('0' + time.getSeconds()).substr(-2) + '.' + ('00' + time.getMilliseconds()).substr(-3);
     var timeNode = createElement('div');
     timeNode.createTextChild(timeText);
     timeNode.title = time.toLocaleString();
@@ skipping 13 matching lines @@
   var bValue = b._message[field];
   return aValue < bValue ? -1 : aValue > bValue ? 1 : 0;
 };
 
 /** @type {!Object.<string, function(!Network.EventSourceMessageNode, !Network.EventSourceMessageNode):number>} */
 Network.EventSourceMessageNode.Comparators = {
   'id': Network.EventSourceMessageNodeComparator.bind(null, 'eventId'),
   'type': Network.EventSourceMessageNodeComparator.bind(null, 'eventName'),
   'time': Network.EventSourceMessageNodeComparator.bind(null, 'time')
 };