[CacheStorage] [IndexedDB] [DevTools] Added refresh button to category view of cache storage and in…

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.ServiceWorkerCategoryView = class extends UI.VBox {
+  /**
+   * @param {function()} refreshCaches
+   */
+  constructor(refreshCaches) {
+    super();
+
+    this._reportView = new UI.ReportView('Cache Storage');

[dgozman, 2017/06/02 18:36:52]

Do we actually need a report view? Let's just add a single button to
this.contentElement?

+    this._reportView.show(this.contentElement);
+
+    var footer = this._reportView.appendSection('').appendRow();
+    this._refreshButton = UI.createTextButton(
+        Common.UIString('Refresh Caches'), () => refreshCaches(), Common.UIString('Refresh Caches'));
+    footer.appendChild(this._refreshButton);
+  }
+};
+
+/**
+ * @unrestricted
+ */
 Resources.ServiceWorkerCacheView = class extends UI.SimpleView {
   /**
    * @param {!SDK.ServiceWorkerCacheModel} model
    * @param {!SDK.ServiceWorkerCacheModel.Cache} cache
    */
   constructor(model, cache) {
     super(Common.UIString('Cache'));
     this.registerRequiredCSS('resources/serviceWorkerCacheViews.css');
 
     this._model = model;
@@ skipping 133 matching lines @@
    */
   syncToolbarItems() {
     return [this._refreshButton];
   }
 
   clear() {
     this._dataGrid.rootNode().removeChildren();
     this._entries = [];
   }
 };