[DevTools] Introduce a sidebar with a drop-down

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

Index: third_party/WebKit/Source/devtools/front_end/resources/FrameMenuSidebar.js
diff --git a/third_party/WebKit/Source/devtools/front_end/resources/FrameMenuSidebar.js b/third_party/WebKit/Source/devtools/front_end/resources/FrameMenuSidebar.js
new file mode 100644
index 0000000000000000000000000000000000000000..2add8a71168cab43ffd906d2e891cab4978677c2
--- /dev/null
+++ b/third_party/WebKit/Source/devtools/front_end/resources/FrameMenuSidebar.js
@@ -0,0 +1,26 @@
+// 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.FrameMenuSidebar = class extends UI.VBox {
+  constructor() {
+    super();

[caseq, 2017/05/26 22:20:19]

Make it shadow, i.e. super(true)?

+
+    this.registerRequiredCSS('resources/frameMenuSidebar.css');
+
+    this._frameMenu = new Resources.FrameMenu();
+    this.contentElement.appendChild(this._frameMenu.element());
+    this._frameMenu.selectRootFrame();
+  }
+
+  /**
+   * @param {!SDK.Resource} resource
+   * @param {number=} line
+   * @param {number=} column
+   * @return {boolean}
+   */
+  showResource(resource, line, column) {
+    // TODO (eostroukhov) Waiting till the resource tree is ported.
+    return true;
+  }
+};