DevTools: rename WebInspector into modules.

third_party/WebKit/Source/devtools/front_end/resources/IndexedDBViews.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 13 matching lines @@
  * 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.
  */
 
 /**
  * @unrestricted
  */
-WebInspector.IDBDatabaseView = class extends WebInspector.VBox {
+Resources.IDBDatabaseView = class extends UI.VBox {
   /**
-   * @param {!WebInspector.IndexedDBModel.Database} database
+   * @param {!Resources.IndexedDBModel.Database} database
    */
   constructor(database) {
     super();
     this.registerRequiredCSS('resources/indexedDBViews.css');
 
     this.element.classList.add('indexed-db-database-view');
     this.element.classList.add('storage-view');
 
     this._securityOriginElement = this.element.createChild('div', 'header-row');
     this._nameElement = this.element.createChild('div', 'header-row');
     this._versionElement = this.element.createChild('div', 'header-row');
 
     this.update(database);
   }
 
   /**
    * @param {!Element} element
    * @param {string} name
    * @param {string} value
    */
   _formatHeader(element, name, value) {
     element.removeChildren();
     element.createChild('div', 'attribute-name').textContent = name + ':';
     element.createChild('div', 'attribute-value source-code').textContent = value;
   }
 
   _refreshDatabase() {
     this._formatHeader(
-        this._securityOriginElement, WebInspector.UIString('Security origin'),
+        this._securityOriginElement, Common.UIString('Security origin'),
         this._database.databaseId.securityOrigin);
-    this._formatHeader(this._nameElement, WebInspector.UIString('Name'), this._database.databaseId.name);
-    this._formatHeader(this._versionElement, WebInspector.UIString('Version'), this._database.version);
+    this._formatHeader(this._nameElement, Common.UIString('Name'), this._database.databaseId.name);
+    this._formatHeader(this._versionElement, Common.UIString('Version'), this._database.version);
   }
 
   /**
-   * @param {!WebInspector.IndexedDBModel.Database} database
+   * @param {!Resources.IndexedDBModel.Database} database
    */
   update(database) {
     this._database = database;
     this._refreshDatabase();
   }
 };
 
 /**
  * @unrestricted
  */
-WebInspector.IDBDataView = class extends WebInspector.SimpleView {
+Resources.IDBDataView = class extends UI.SimpleView {
   /**
-   * @param {!WebInspector.IndexedDBModel} model
-   * @param {!WebInspector.IndexedDBModel.DatabaseId} databaseId
-   * @param {!WebInspector.IndexedDBModel.ObjectStore} objectStore
-   * @param {?WebInspector.IndexedDBModel.Index} index
+   * @param {!Resources.IndexedDBModel} model
+   * @param {!Resources.IndexedDBModel.DatabaseId} databaseId
+   * @param {!Resources.IndexedDBModel.ObjectStore} objectStore
+   * @param {?Resources.IndexedDBModel.Index} index
    */
   constructor(model, databaseId, objectStore, index) {
-    super(WebInspector.UIString('IDB'));
+    super(Common.UIString('IDB'));
     this.registerRequiredCSS('resources/indexedDBViews.css');
 
     this._model = model;
     this._databaseId = databaseId;
     this._isIndex = !!index;
 
     this.element.classList.add('indexed-db-data-view');
 
     this._createEditorToolbar();
 
-    this._refreshButton = new WebInspector.ToolbarButton(WebInspector.UIString('Refresh'), 'largeicon-refresh');
+    this._refreshButton = new UI.ToolbarButton(Common.UIString('Refresh'), 'largeicon-refresh');
     this._refreshButton.addEventListener('click', this._refreshButtonClicked, this);
 
     this._clearButton =
-        new WebInspector.ToolbarButton(WebInspector.UIString('Clear object store'), 'largeicon-clear');
+        new UI.ToolbarButton(Common.UIString('Clear object store'), 'largeicon-clear');
     this._clearButton.addEventListener('click', this._clearButtonClicked, this);
 
     this._pageSize = 50;
     this._skipCount = 0;
 
     this.update(objectStore, index);
     this._entries = [];
   }
 
   /**
-   * @return {!WebInspector.DataGrid}
+   * @return {!UI.DataGrid}
    */
   _createDataGrid() {
     var keyPath = this._isIndex ? this._index.keyPath : this._objectStore.keyPath;
 
-    var columns = /** @type {!Array<!WebInspector.DataGrid.ColumnDescriptor>} */ ([]);
-    columns.push({id: 'number', title: WebInspector.UIString('#'), sortable: false, width: '50px'});
+    var columns = /** @type {!Array<!UI.DataGrid.ColumnDescriptor>} */ ([]);
+    columns.push({id: 'number', title: Common.UIString('#'), sortable: false, width: '50px'});
     columns.push({
       id: 'key',
-      titleDOMFragment: this._keyColumnHeaderFragment(WebInspector.UIString('Key'), keyPath),
+      titleDOMFragment: this._keyColumnHeaderFragment(Common.UIString('Key'), keyPath),
       sortable: false
     });
     if (this._isIndex)
       columns.push({
         id: 'primaryKey',
         titleDOMFragment:
-            this._keyColumnHeaderFragment(WebInspector.UIString('Primary key'), this._objectStore.keyPath),
+            this._keyColumnHeaderFragment(Common.UIString('Primary key'), this._objectStore.keyPath),
         sortable: false
       });
-    columns.push({id: 'value', title: WebInspector.UIString('Value'), sortable: false});
+    columns.push({id: 'value', title: Common.UIString('Value'), sortable: false});
 
-    var dataGrid = new WebInspector.DataGrid(columns);
+    var dataGrid = new UI.DataGrid(columns);
     return dataGrid;
   }
 
   /**
    * @param {string} prefix
    * @param {*} keyPath
    * @return {!DocumentFragment}
    */
   _keyColumnHeaderFragment(prefix, keyPath) {
     var keyColumnHeaderFragment = createDocumentFragment();
     keyColumnHeaderFragment.createTextChild(prefix);
     if (keyPath === null)
       return keyColumnHeaderFragment;
 
-    keyColumnHeaderFragment.createTextChild(' (' + WebInspector.UIString('Key path: '));
+    keyColumnHeaderFragment.createTextChild(' (' + Common.UIString('Key path: '));
     if (Array.isArray(keyPath)) {
       keyColumnHeaderFragment.createTextChild('[');
       for (var i = 0; i < keyPath.length; ++i) {
         if (i !== 0)
           keyColumnHeaderFragment.createTextChild(', ');
         keyColumnHeaderFragment.appendChild(this._keyPathStringFragment(keyPath[i]));
       }
       keyColumnHeaderFragment.createTextChild(']');
     } else {
       var keyPathString = /** @type {string} */ (keyPath);
@@ skipping 10 matching lines @@
   _keyPathStringFragment(keyPathString) {
     var keyPathStringFragment = createDocumentFragment();
     keyPathStringFragment.createTextChild('"');
     var keyPathSpan = keyPathStringFragment.createChild('span', 'source-code indexed-db-key-path');
     keyPathSpan.textContent = keyPathString;
     keyPathStringFragment.createTextChild('"');
     return keyPathStringFragment;
   }
 
   _createEditorToolbar() {
-    var editorToolbar = new WebInspector.Toolbar('data-view-toolbar', this.element);
+    var editorToolbar = new UI.Toolbar('data-view-toolbar', this.element);
 
     this._pageBackButton =
-        new WebInspector.ToolbarButton(WebInspector.UIString('Show previous page'), 'largeicon-play-back');
+        new UI.ToolbarButton(Common.UIString('Show previous page'), 'largeicon-play-back');
     this._pageBackButton.addEventListener('click', this._pageBackButtonClicked, this);
     editorToolbar.appendToolbarItem(this._pageBackButton);
 
     this._pageForwardButton =
-        new WebInspector.ToolbarButton(WebInspector.UIString('Show next page'), 'largeicon-play');
+        new UI.ToolbarButton(Common.UIString('Show next page'), 'largeicon-play');
     this._pageForwardButton.setEnabled(false);
     this._pageForwardButton.addEventListener('click', this._pageForwardButtonClicked, this);
     editorToolbar.appendToolbarItem(this._pageForwardButton);
 
     this._keyInputElement = editorToolbar.element.createChild('input', 'key-input');
-    this._keyInputElement.placeholder = WebInspector.UIString('Start from key');
+    this._keyInputElement.placeholder = Common.UIString('Start from key');
     this._keyInputElement.addEventListener('paste', this._keyInputChanged.bind(this), false);
     this._keyInputElement.addEventListener('cut', this._keyInputChanged.bind(this), false);
     this._keyInputElement.addEventListener('keypress', this._keyInputChanged.bind(this), false);
     this._keyInputElement.addEventListener('keydown', this._keyInputChanged.bind(this), false);
   }
 
   _pageBackButtonClicked() {
     this._skipCount = Math.max(0, this._skipCount - this._pageSize);
     this._updateData(false);
   }
 
   _pageForwardButtonClicked() {
     this._skipCount = this._skipCount + this._pageSize;
     this._updateData(false);
   }
 
   _keyInputChanged() {
     window.setTimeout(this._updateData.bind(this, false), 0);
   }
 
   /**
-   * @param {!WebInspector.IndexedDBModel.ObjectStore} objectStore
-   * @param {?WebInspector.IndexedDBModel.Index} index
+   * @param {!Resources.IndexedDBModel.ObjectStore} objectStore
+   * @param {?Resources.IndexedDBModel.Index} index
    */
   update(objectStore, index) {
     this._objectStore = objectStore;
     this._index = index;
 
     if (this._dataGrid)
       this._dataGrid.asWidget().detach();
     this._dataGrid = this._createDataGrid();
     this._dataGrid.asWidget().show(this.element);
 
@@ skipping 29 matching lines @@
 
     if (this._lastKey !== key || this._lastPageSize !== pageSize) {
       skipCount = 0;
       this._skipCount = 0;
     }
     this._lastKey = key;
     this._lastPageSize = pageSize;
     this._lastSkipCount = skipCount;
 
     /**
-     * @param {!Array.<!WebInspector.IndexedDBModel.Entry>} entries
+     * @param {!Array.<!Resources.IndexedDBModel.Entry>} entries
      * @param {boolean} hasMore
-     * @this {WebInspector.IDBDataView}
+     * @this {Resources.IDBDataView}
      */
     function callback(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['key'] = entries[i].key;
         data['primaryKey'] = entries[i].primaryKey;
         data['value'] = entries[i].value;
 
-        var node = new WebInspector.IDBDataGridNode(data);
+        var node = new Resources.IDBDataGridNode(data);
         this._dataGrid.rootNode().appendChild(node);
       }
 
       this._pageBackButton.setEnabled(!!skipCount);
       this._pageForwardButton.setEnabled(hasMore);
     }
 
     var idbKeyRange = key ? window.IDBKeyRange.lowerBound(key) : null;
     if (this._isIndex)
       this._model.loadIndexData(
           this._databaseId, this._objectStore.name, this._index.name, idbKeyRange, skipCount, pageSize,
           callback.bind(this));
     else
       this._model.loadObjectStoreData(
           this._databaseId, this._objectStore.name, idbKeyRange, skipCount, pageSize, callback.bind(this));
   }
 
   _refreshButtonClicked(event) {
     this._updateData(true);
   }
 
   _clearButtonClicked(event) {
     /**
-     * @this {WebInspector.IDBDataView}
+     * @this {Resources.IDBDataView}
      */
     function cleared() {
       this._clearButton.setEnabled(true);
       this._updateData(true);
     }
     this._clearButton.setEnabled(false);
     this._model.clearObjectStore(this._databaseId, this._objectStore.name, cleared.bind(this));
   }
 
   /**
    * @override
-   * @return {!Array.<!WebInspector.ToolbarItem>}
+   * @return {!Array.<!UI.ToolbarItem>}
    */
   syncToolbarItems() {
     return [this._refreshButton, this._clearButton];
   }
 
   clear() {
     this._dataGrid.rootNode().removeChildren();
     this._entries = [];
   }
 };
 
 /**
  * @unrestricted
  */
-WebInspector.IDBDataGridNode = class extends WebInspector.DataGridNode {
+Resources.IDBDataGridNode = class extends UI.DataGridNode {
   /**
    * @param {!Object.<string, *>} data
    */
   constructor(data) {
     super(data, false);
     this.selectable = false;
   }
 
   /**
    * @override
    * @return {!Element}
    */
   createCell(columnIdentifier) {
     var cell = super.createCell(columnIdentifier);
-    var value = /** @type {!WebInspector.RemoteObject} */ (this.data[columnIdentifier]);
+    var value = /** @type {!SDK.RemoteObject} */ (this.data[columnIdentifier]);
 
     switch (columnIdentifier) {
       case 'value':
       case 'key':
       case 'primaryKey':
         cell.removeChildren();
-        var objectElement = WebInspector.ObjectPropertiesSection.defaultObjectPresentation(value, undefined, true);
+        var objectElement = Components.ObjectPropertiesSection.defaultObjectPresentation(value, undefined, true);
         cell.appendChild(objectElement);
         break;
       default:
     }
 
     return cell;
   }
 };