[DevTools] Introduce a sidebar with a drop-down

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

 // Copyright 2017 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.
 
 Resources.ResourcesPanel = class extends UI.PanelWithSidebar {
   constructor() {
     super('resources');
     this.registerRequiredCSS('resources/resourcesPanel.css');
 
     this._resourcesLastSelectedItemSetting = Common.settings.createSetting('resourcesLastSelectedItem', '');
@@ skipping 11 matching lines @@
 
     /** @type {?Resources.DOMStorageItemsView} */
     this._domStorageView = null;
 
     /** @type {?Resources.CookieItemsView} */
     this._cookieView = null;
 
     /** @type {?UI.EmptyWidget} */
     this._emptyWidget = null;
 
-    this._sidebar = new Resources.ApplicationPanelSidebar(this);
+    if (Runtime.experiments.isEnabled('framesSelectorAppPanel'))
+      this._sidebar = new Resources.ApplicationPanelSidebarWithFramesSelector();
+    else
+      this._sidebar = new Resources.ApplicationPanelSidebar(this);
     this._sidebar.show(this.panelSidebarElement());
   }
 
   /**
    * @return {!Resources.ResourcesPanel}
    */
   static _instance() {
     return /** @type {!Resources.ResourcesPanel} */ (self.runtime.sharedInstance(Resources.ResourcesPanel));
   }
 
@@ skipping 122 matching lines @@
    * @param {!Object} resource
    * @return {!Promise}
    */
   reveal(resource) {
     if (!(resource instanceof SDK.Resource))
       return Promise.reject(new Error('Internal error: not a resource'));
     var panel = Resources.ResourcesPanel._instance()._sidebar;
     return UI.viewManager.showView('resources').then(panel.showResource.bind(panel, resource));
   }
 };