Added a refresh database button on the IndexedDB view.

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 35 matching lines @@
 
     var bodySection = this._reportView.appendSection('');
     this._securityOriginElement = bodySection.appendField(Common.UIString('Security origin'));
     this._versionElement = bodySection.appendField(Common.UIString('Version'));
 
     var footer = this._reportView.appendSection('').appendRow();
     this._clearButton = UI.createTextButton(
         Common.UIString('Delete database'), () => this._deleteDatabase(), Common.UIString('Delete database'));
     footer.appendChild(this._clearButton);
 
+    this._refreshButton = UI.createTextButton(
+        Common.UIString('Refresh database'), () => this._refreshDatabase(), Common.UIString('Refresh database'));
+    footer.appendChild(this._refreshButton);
+
     this.update(database);
   }
 
   _refreshDatabase() {
     this._securityOriginElement.textContent = this._database.databaseId.securityOrigin;
     this._versionElement.textContent = this._database.version;
+    this._model.refreshDatabaseView(this._database.databaseId);
   }
 
   /**
    * @param {!Resources.IndexedDBModel.Database} database
    */
   update(database) {
     this._database = database;
     this._refreshDatabase();
   }
 
@@ skipping 25 matching lines @@
     this.element.classList.add('indexed-db-data-view');
 
     this._createEditorToolbar();
 
     this._refreshButton = new UI.ToolbarButton(Common.UIString('Refresh'), 'largeicon-refresh');
     this._refreshButton.addEventListener(UI.ToolbarButton.Events.Click, this._refreshButtonClicked, this);
 
     this._clearButton = new UI.ToolbarButton(Common.UIString('Clear object store'), 'largeicon-clear');
     this._clearButton.addEventListener(UI.ToolbarButton.Events.Click, this._clearButtonClicked, this);
 
+    this._model.addEventListener(Resources.IndexedDBModel.Events.DatabaseRefreshed, this._databaseRefreshed, this);
+
     this._pageSize = 50;
     this._skipCount = 0;
 
     this.update(objectStore, index);
     this._entries = [];
   }
 
   /**
    * @return {!DataGrid.DataGrid}
    */
@@ skipping 71 matching lines @@
     editorToolbar.appendToolbarItem(this._pageForwardButton);
 
     this._keyInputElement = editorToolbar.element.createChild('input', 'key-input');
     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);
   }
 
+  _databaseRefreshed(event) {
+    if (this._databaseId === event.data.databaseId)
+      this._updateData(true);
+  }
+
   /**
    * @param {!Common.Event} event
    */
   _pageBackButtonClicked(event) {
     this._skipCount = Math.max(0, this._skipCount - this._pageSize);
     this._updateData(false);
   }
 
   /**
    * @param {!Common.Event} event
@@ skipping 156 matching lines @@
         cell.removeChildren();
         var objectElement = ObjectUI.ObjectPropertiesSection.defaultObjectPresentation(value, undefined, true);
         cell.appendChild(objectElement);
         break;
       default:
     }
 
     return cell;
   }
 };