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

third_party/WebKit/Source/devtools/front_end/resources/ApplicationPanelSidebar.js

 /*
  * Copyright (C) 2007, 2008, 2010 Apple Inc.  All rights reserved.
  * Copyright (C) 2009 Joseph Pecoraro
  * Copyright (C) 2013 Samsung Electronics. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  *
  * 1.  Redistributions of source code must retain the above copyright
@@ skipping 762 matching lines @@
 Resources.ServiceWorkerCacheTreeElement = class extends Resources.StorageCategoryTreeElement {
   /**
    * @param {!Resources.ResourcesPanel} storagePanel
    */
   constructor(storagePanel) {
     super(storagePanel, Common.UIString('Cache Storage'), 'CacheStorage');
     var icon = UI.Icon.create('mediumicon-database', 'resource-tree-item');
     this.setLeadingIcons([icon]);
     /** @type {?SDK.ServiceWorkerCacheModel} */
     this._swCacheModel = null;
+    this._view = null;
   }
 
   /**
    * @param {?SDK.ServiceWorkerCacheModel} model
    */
   _initialize(model) {
     /** @type {!Array.<!Resources.SWCacheTreeElement>} */
     this._swCacheTreeElements = [];
     this._swCacheModel = model;
     if (model) {
@@ skipping 19 matching lines @@
     contextMenu.appendItem(Common.UIString('Refresh Caches'), this._refreshCaches.bind(this));
     contextMenu.show();
   }
 
   _refreshCaches() {
     if (this._swCacheModel)
       this._swCacheModel.refreshCacheNames();
   }
 
   /**
+   * @override
+   * @return {boolean}
+   */
+  onselect(selectedByUser) {
+    super.onselect(selectedByUser);
+    if (!this._view)
+      this._view = new Resources.ServiceWorkerCategoryView(this._refreshCaches.bind(this));
+
+    this.showView(this._view);
+    return false;
+  }
+
+  /**
    * @param {!Common.Event} event
    */
   _cacheAdded(event) {
     var cache = /** @type {!SDK.ServiceWorkerCacheModel.Cache} */ (event.data.cache);
     var model = /** @type {!SDK.ServiceWorkerCacheModel} */ (event.data.model);
     this._addCache(model, cache);
   }
 
   /**
    * @param {!SDK.ServiceWorkerCacheModel} model
@@ skipping 212 matching lines @@
  * @unrestricted
  */
 Resources.IndexedDBTreeElement = class extends Resources.StorageCategoryTreeElement {
   /**
    * @param {!Resources.ResourcesPanel} storagePanel
    */
   constructor(storagePanel) {
     super(storagePanel, Common.UIString('IndexedDB'), 'IndexedDB');
     var icon = UI.Icon.create('mediumicon-database', 'resource-tree-item');
     this.setLeadingIcons([icon]);
+    this._view = null;
   }
 
   _initialize() {
     SDK.targetManager.addModelListener(
         Resources.IndexedDBModel, Resources.IndexedDBModel.Events.DatabaseAdded, this._indexedDBAdded, this);
     SDK.targetManager.addModelListener(
         Resources.IndexedDBModel, Resources.IndexedDBModel.Events.DatabaseRemoved, this._indexedDBRemoved, this);
     SDK.targetManager.addModelListener(
         Resources.IndexedDBModel, Resources.IndexedDBModel.Events.DatabaseLoaded, this._indexedDBLoaded, this);
     /** @type {!Array.<!Resources.IDBDatabaseTreeElement>} */
@@ skipping 19 matching lines @@
     contextMenu.appendItem(Common.UIString('Refresh IndexedDB'), this.refreshIndexedDB.bind(this));
     contextMenu.show();
   }
 
   refreshIndexedDB() {
     for (var indexedDBModel of SDK.targetManager.models(Resources.IndexedDBModel))
       indexedDBModel.refreshDatabaseNames();
   }
 
   /**
+   * @override
+   * @return {boolean}
+   */
+  onselect(selectedByUser) {
+    super.onselect(selectedByUser);
+    if (!this._view)
+      this._view = new Resources.IDBCategoryView(this.refreshIndexedDB.bind(this));
+
+    this.showView(this._view);
+    return false;
+  }
+
+  /**
    * @param {!Common.Event} event
    */
   _indexedDBAdded(event) {
     var databaseId = /** @type {!Resources.IndexedDBModel.DatabaseId} */ (event.data.databaseId);
     var model = /** @type {!Resources.IndexedDBModel} */ (event.data.model);
     this._addIndexedDB(model, databaseId);
   }
 
   /**
    * @param {!Resources.IndexedDBModel} model
@@ skipping 538 matching lines @@
 
     this.element.classList.add('storage-view');
     this._emptyWidget = new UI.EmptyWidget('');
     this._emptyWidget.show(this.element);
   }
 
   setText(text) {
     this._emptyWidget.text = text;
   }
 };