[DevTools] Add filtering to DOM storages

third_party/WebKit/Source/devtools/front_end/resources/ResourcesPanel.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 73 matching lines @@
     this.applicationCacheListTreeElement =
         new Resources.StorageCategoryTreeElement(this, Common.UIString('Application Cache'), 'ApplicationCache');
     var applicationCacheIcon = UI.Icon.create('mediumicon-table', 'resource-tree-item');
     this.applicationCacheListTreeElement.setLeadingIcons([applicationCacheIcon]);
 
     cacheTreeElement.appendChild(this.applicationCacheListTreeElement);
 
     this.resourcesListTreeElement = this._addSidebarSection(Common.UIString('Frames'));
 
     var mainContainer = new UI.VBox();
+    this.storageViews = mainContainer.element.createChild('div', 'vbox flex-auto');
     this._storageViewToolbar = new UI.Toolbar('resources-toolbar', mainContainer.element);
-    this.storageViews = mainContainer.element.createChild('div', 'vbox flex-auto');
     this.splitWidget().setMainWidget(mainContainer);
 
     /** @type {!Map.<!Resources.Database, !Object.<string, !Resources.DatabaseTableView>>} */
     this._databaseTableViews = new Map();
     /** @type {!Map.<!Resources.Database, !Resources.DatabaseQueryView>} */
     this._databaseQueryViews = new Map();
     /** @type {!Map.<!Resources.Database, !Resources.DatabaseTreeElement>} */
     this._databaseTreeElements = new Map();
     /** @type {!Map.<!Resources.DOMStorage, !Resources.DOMStorageItemsView>} */
     this._domStorageViews = new Map();
@@ skipping 484 matching lines @@
       view = new Resources.DOMStorageItemsView(domStorage);
       this._domStorageViews.set(domStorage, view);
     }
 
     this._innerShowView(view);
   }
 
   /**
    * @param {!Resources.CookieTreeElement} treeElement
    * @param {string} cookieDomain
-   * @param {!SDK.ResourceTreeFrame} cookieFrameTarget
+   * @param {!SDK.Target} cookieFrameTarget
    */
   showCookies(treeElement, cookieDomain, cookieFrameTarget) {
     var view = this._cookieViews[cookieDomain];
     if (!view) {
       view = new Resources.CookieItemsView(treeElement, cookieFrameTarget, cookieDomain);
       this._cookieViews[cookieDomain] = view;
     }
 
     this._innerShowView(view);
   }
 
   /**
    * @param {string} cookieDomain
    */
   clearCookies(cookieDomain) {
     if (this._cookieViews[cookieDomain])
-      this._cookieViews[cookieDomain].clear();
+      this._cookieViews[cookieDomain].deleteAllItems();
   }
 
   showApplicationCache(frameId) {
     if (!this._applicationCacheViews[frameId]) {
       this._applicationCacheViews[frameId] =
           new Resources.ApplicationCacheItemsView(this._applicationCacheModel, frameId);
     }
 
     this._innerShowView(this._applicationCacheViews[frameId]);
   }
@@ skipping 1464 matching lines @@
 
     this.element.classList.add('storage-view');
     this._emptyWidget = new UI.EmptyWidget('');
     this._emptyWidget.show(this.element);
   }
 
   setText(text) {
     this._emptyWidget.text = text;
   }
 };