Index: third_party/WebKit/Source/devtools/front_end/resources/IndexedDBViews.js |
diff --git a/third_party/WebKit/Source/devtools/front_end/resources/IndexedDBViews.js b/third_party/WebKit/Source/devtools/front_end/resources/IndexedDBViews.js |
index 13aadcab772b952fb502a2fc07e14a2083ced613..ceed0972b014b3bea97db648dc4ef49755751c06 100644 |
--- a/third_party/WebKit/Source/devtools/front_end/resources/IndexedDBViews.js |
+++ b/third_party/WebKit/Source/devtools/front_end/resources/IndexedDBViews.js |
@@ -27,350 +27,340 @@ |
* (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.VBox} |
- * @param {!WebInspector.IndexedDBModel.Database} database |
+ * @unrestricted |
*/ |
-WebInspector.IDBDatabaseView = function(database) |
-{ |
- WebInspector.VBox.call(this); |
- this.registerRequiredCSS("resources/indexedDBViews.css"); |
+WebInspector.IDBDatabaseView = class extends WebInspector.VBox { |
+ /** |
+ * @param {!WebInspector.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.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._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._database.databaseId.securityOrigin); |
+ this._formatHeader(this._nameElement, WebInspector.UIString('Name'), this._database.databaseId.name); |
+ this._formatHeader(this._versionElement, WebInspector.UIString('Version'), this._database.version); |
+ } |
+ |
+ /** |
+ * @param {!WebInspector.IndexedDBModel.Database} database |
+ */ |
+ update(database) { |
+ this._database = database; |
+ this._refreshDatabase(); |
+ } |
}; |
-WebInspector.IDBDatabaseView.prototype = { |
- /** |
- * @param {!Element} element |
- * @param {string} name |
- * @param {string} value |
- */ |
- _formatHeader: function(element, name, value) |
- { |
- element.removeChildren(); |
- element.createChild("div", "attribute-name").textContent = name + ":"; |
- element.createChild("div", "attribute-value source-code").textContent = value; |
- }, |
- |
- _refreshDatabase: function() |
- { |
- this._formatHeader(this._securityOriginElement, WebInspector.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); |
- }, |
- |
- /** |
- * @param {!WebInspector.IndexedDBModel.Database} database |
- */ |
- update: function(database) |
- { |
- this._database = database; |
- this._refreshDatabase(); |
- }, |
- |
- __proto__: WebInspector.VBox.prototype |
-}; |
- |
- |
/** |
- * @constructor |
- * @extends {WebInspector.SimpleView} |
- * @param {!WebInspector.IndexedDBModel} model |
- * @param {!WebInspector.IndexedDBModel.DatabaseId} databaseId |
- * @param {!WebInspector.IndexedDBModel.ObjectStore} objectStore |
- * @param {?WebInspector.IndexedDBModel.Index} index |
+ * @unrestricted |
*/ |
-WebInspector.IDBDataView = function(model, databaseId, objectStore, index) |
-{ |
- WebInspector.SimpleView.call(this, WebInspector.UIString("IDB")); |
- this.registerRequiredCSS("resources/indexedDBViews.css"); |
+WebInspector.IDBDataView = class extends WebInspector.SimpleView { |
+ /** |
+ * @param {!WebInspector.IndexedDBModel} model |
+ * @param {!WebInspector.IndexedDBModel.DatabaseId} databaseId |
+ * @param {!WebInspector.IndexedDBModel.ObjectStore} objectStore |
+ * @param {?WebInspector.IndexedDBModel.Index} index |
+ */ |
+ constructor(model, databaseId, objectStore, index) { |
+ super(WebInspector.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.element.classList.add('indexed-db-data-view'); |
this._createEditorToolbar(); |
- this._refreshButton = new WebInspector.ToolbarButton(WebInspector.UIString("Refresh"), "refresh-toolbar-item"); |
- this._refreshButton.addEventListener("click", this._refreshButtonClicked, this); |
+ this._refreshButton = new WebInspector.ToolbarButton(WebInspector.UIString('Refresh'), 'refresh-toolbar-item'); |
+ this._refreshButton.addEventListener('click', this._refreshButtonClicked, this); |
- this._clearButton = new WebInspector.ToolbarButton(WebInspector.UIString("Clear object store"), "clear-toolbar-item"); |
- this._clearButton.addEventListener("click", this._clearButtonClicked, this); |
+ this._clearButton = |
+ new WebInspector.ToolbarButton(WebInspector.UIString('Clear object store'), 'clear-toolbar-item'); |
+ this._clearButton.addEventListener('click', this._clearButtonClicked, this); |
this._pageSize = 50; |
this._skipCount = 0; |
this.update(objectStore, index); |
this._entries = []; |
-}; |
- |
-WebInspector.IDBDataView.prototype = { |
- /** |
- * @return {!WebInspector.DataGrid} |
- */ |
- _createDataGrid: function() |
- { |
- 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"}); |
- columns.push({id: "key", titleDOMFragment: this._keyColumnHeaderFragment(WebInspector.UIString("Key"), keyPath), sortable: false}); |
- if (this._isIndex) |
- columns.push({id: "primaryKey", titleDOMFragment: this._keyColumnHeaderFragment(WebInspector.UIString("Primary key"), this._objectStore.keyPath), sortable: false}); |
- columns.push({id: "value", title: WebInspector.UIString("Value"), sortable: false}); |
- |
- var dataGrid = new WebInspector.DataGrid(columns); |
- return dataGrid; |
- }, |
- |
- /** |
- * @param {string} prefix |
- * @param {*} keyPath |
- * @return {!DocumentFragment} |
- */ |
- _keyColumnHeaderFragment: function(prefix, keyPath) |
- { |
- var keyColumnHeaderFragment = createDocumentFragment(); |
- keyColumnHeaderFragment.createTextChild(prefix); |
- if (keyPath === null) |
- return keyColumnHeaderFragment; |
- |
- keyColumnHeaderFragment.createTextChild(" (" + WebInspector.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); |
- keyColumnHeaderFragment.appendChild(this._keyPathStringFragment(keyPathString)); |
- } |
- keyColumnHeaderFragment.createTextChild(")"); |
- return keyColumnHeaderFragment; |
- }, |
- |
- /** |
- * @param {string} keyPathString |
- * @return {!DocumentFragment} |
- */ |
- _keyPathStringFragment: function(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: function() |
- { |
- var editorToolbar = new WebInspector.Toolbar("data-view-toolbar", this.element); |
- |
- this._pageBackButton = new WebInspector.ToolbarButton(WebInspector.UIString("Show previous page"), "play-backwards-toolbar-item"); |
- this._pageBackButton.addEventListener("click", this._pageBackButtonClicked, this); |
- editorToolbar.appendToolbarItem(this._pageBackButton); |
- |
- this._pageForwardButton = new WebInspector.ToolbarButton(WebInspector.UIString("Show next page"), "play-toolbar-item"); |
- 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.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: function() |
- { |
- this._skipCount = Math.max(0, this._skipCount - this._pageSize); |
- this._updateData(false); |
- }, |
- |
- _pageForwardButtonClicked: function() |
- { |
- this._skipCount = this._skipCount + this._pageSize; |
- this._updateData(false); |
- }, |
- |
- _keyInputChanged: function() |
- { |
- window.setTimeout(this._updateData.bind(this, false), 0); |
- }, |
- |
- /** |
- * @param {!WebInspector.IndexedDBModel.ObjectStore} objectStore |
- * @param {?WebInspector.IndexedDBModel.Index} index |
- */ |
- update: function(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); |
- |
- this._skipCount = 0; |
- this._updateData(true); |
- }, |
+ } |
+ |
+ /** |
+ * @return {!WebInspector.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'}); |
+ columns.push({ |
+ id: 'key', |
+ titleDOMFragment: this._keyColumnHeaderFragment(WebInspector.UIString('Key'), keyPath), |
+ sortable: false |
+ }); |
+ if (this._isIndex) |
+ columns.push({ |
+ id: 'primaryKey', |
+ titleDOMFragment: |
+ this._keyColumnHeaderFragment(WebInspector.UIString('Primary key'), this._objectStore.keyPath), |
+ sortable: false |
+ }); |
+ columns.push({id: 'value', title: WebInspector.UIString('Value'), sortable: false}); |
+ |
+ var dataGrid = new WebInspector.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: ')); |
+ 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); |
+ keyColumnHeaderFragment.appendChild(this._keyPathStringFragment(keyPathString)); |
+ } |
+ keyColumnHeaderFragment.createTextChild(')'); |
+ return keyColumnHeaderFragment; |
+ } |
+ |
+ /** |
+ * @param {string} keyPathString |
+ * @return {!DocumentFragment} |
+ */ |
+ _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); |
+ |
+ this._pageBackButton = |
+ new WebInspector.ToolbarButton(WebInspector.UIString('Show previous page'), 'play-backwards-toolbar-item'); |
+ this._pageBackButton.addEventListener('click', this._pageBackButtonClicked, this); |
+ editorToolbar.appendToolbarItem(this._pageBackButton); |
+ |
+ this._pageForwardButton = |
+ new WebInspector.ToolbarButton(WebInspector.UIString('Show next page'), 'play-toolbar-item'); |
+ 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.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 |
+ */ |
+ 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); |
- /** |
- * @param {string} keyString |
- */ |
- _parseKey: function(keyString) |
- { |
- var result; |
- try { |
- result = JSON.parse(keyString); |
- } catch (e) { |
- result = keyString; |
- } |
- return result; |
- }, |
+ this._skipCount = 0; |
+ this._updateData(true); |
+ } |
+ |
+ /** |
+ * @param {string} keyString |
+ */ |
+ _parseKey(keyString) { |
+ var result; |
+ try { |
+ result = JSON.parse(keyString); |
+ } catch (e) { |
+ result = keyString; |
+ } |
+ return result; |
+ } |
+ |
+ /** |
+ * @param {boolean} force |
+ */ |
+ _updateData(force) { |
+ var key = this._parseKey(this._keyInputElement.value); |
+ var pageSize = this._pageSize; |
+ var skipCount = this._skipCount; |
+ this._refreshButton.setEnabled(false); |
+ this._clearButton.setEnabled(!this._isIndex); |
+ |
+ if (!force && this._lastKey === key && this._lastPageSize === pageSize && this._lastSkipCount === skipCount) |
+ return; |
+ |
+ if (this._lastKey !== key || this._lastPageSize !== pageSize) { |
+ skipCount = 0; |
+ this._skipCount = 0; |
+ } |
+ this._lastKey = key; |
+ this._lastPageSize = pageSize; |
+ this._lastSkipCount = skipCount; |
/** |
- * @param {boolean} force |
+ * @param {!Array.<!WebInspector.IndexedDBModel.Entry>} entries |
+ * @param {boolean} hasMore |
+ * @this {WebInspector.IDBDataView} |
*/ |
- _updateData: function(force) |
- { |
- var key = this._parseKey(this._keyInputElement.value); |
- var pageSize = this._pageSize; |
- var skipCount = this._skipCount; |
- this._refreshButton.setEnabled(false); |
- this._clearButton.setEnabled(!this._isIndex); |
- |
- if (!force && this._lastKey === key && this._lastPageSize === pageSize && this._lastSkipCount === skipCount) |
- return; |
- |
- 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 {boolean} hasMore |
- * @this {WebInspector.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); |
- 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: function(event) |
- { |
- this._updateData(true); |
- }, |
- |
- _clearButtonClicked: function(event) |
- { |
- /** |
- * @this {WebInspector.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)); |
- }, |
- |
+ 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); |
+ 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) { |
/** |
- * @override |
- * @return {!Array.<!WebInspector.ToolbarItem>} |
+ * @this {WebInspector.IDBDataView} |
*/ |
- syncToolbarItems: function() |
- { |
- return [this._refreshButton, this._clearButton]; |
- }, |
- |
- clear: function() |
- { |
- this._dataGrid.rootNode().removeChildren(); |
- this._entries = []; |
- }, |
- |
- __proto__: WebInspector.SimpleView.prototype |
+ 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>} |
+ */ |
+ syncToolbarItems() { |
+ return [this._refreshButton, this._clearButton]; |
+ } |
+ |
+ clear() { |
+ this._dataGrid.rootNode().removeChildren(); |
+ this._entries = []; |
+ } |
}; |
/** |
- * @constructor |
- * @extends {WebInspector.DataGridNode} |
- * @param {!Object.<string, *>} data |
+ * @unrestricted |
*/ |
-WebInspector.IDBDataGridNode = function(data) |
-{ |
- WebInspector.DataGridNode.call(this, data, false); |
+WebInspector.IDBDataGridNode = class extends WebInspector.DataGridNode { |
+ /** |
+ * @param {!Object.<string, *>} data |
+ */ |
+ constructor(data) { |
+ super(data, false); |
this.selectable = false; |
-}; |
- |
-WebInspector.IDBDataGridNode.prototype = { |
- /** |
- * @override |
- * @return {!Element} |
- */ |
- createCell: function(columnIdentifier) |
- { |
- var cell = WebInspector.DataGridNode.prototype.createCell.call(this, columnIdentifier); |
- var value = /** @type {!WebInspector.RemoteObject} */ (this.data[columnIdentifier]); |
- |
- switch (columnIdentifier) { |
- case "value": |
- case "key": |
- case "primaryKey": |
- cell.removeChildren(); |
- var objectElement = WebInspector.ObjectPropertiesSection.defaultObjectPresentation(value, undefined, true); |
- cell.appendChild(objectElement); |
- break; |
- default: |
- } |
- |
- return cell; |
- }, |
- |
- __proto__: WebInspector.DataGridNode.prototype |
+ } |
+ |
+ /** |
+ * @override |
+ * @return {!Element} |
+ */ |
+ createCell(columnIdentifier) { |
+ var cell = super.createCell(columnIdentifier); |
+ var value = /** @type {!WebInspector.RemoteObject} */ (this.data[columnIdentifier]); |
+ |
+ switch (columnIdentifier) { |
+ case 'value': |
+ case 'key': |
+ case 'primaryKey': |
+ cell.removeChildren(); |
+ var objectElement = WebInspector.ObjectPropertiesSection.defaultObjectPresentation(value, undefined, true); |
+ cell.appendChild(objectElement); |
+ break; |
+ default: |
+ } |
+ |
+ return cell; |
+ } |
}; |