DevTools: TabbedLocations only materialize tabs when needed

third_party/WebKit/Source/devtools/front_end/ui/InspectorView.js

 /*
  * Copyright (C) 2011 Google Inc. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions are
  * met:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
  *     * Redistributions in binary form must reproduce the above
@@ skipping 25 matching lines @@
     super();
     UI.Dialog.setModalHostView(this);
     this.setMinimumSize(240, 72);
 
     // DevTools sidebar is a vertical split of panels tabbed pane and a drawer.
     this._drawerSplitWidget = new UI.SplitWidget(false, true, 'Inspector.drawerSplitViewState', 200, 200);
     this._drawerSplitWidget.hideSidebar();
     this._drawerSplitWidget.hideDefaultResizer();
     this._drawerSplitWidget.enableShowModeSaving();
     this._drawerSplitWidget.show(this.element);
-
-    // Create drawer tabbed pane.
-    this._drawerTabbedLocation =
-        UI.viewManager.createTabbedLocation(this._showDrawer.bind(this, false), 'drawer-view', true);
-    this._drawerTabbedLocation.enableMoreTabsButton();
-    this._drawerTabbedPane = this._drawerTabbedLocation.tabbedPane();
-    this._drawerTabbedPane.setMinimumSize(0, 27);
-    var closeDrawerButton = new UI.ToolbarButton(Common.UIString('Close drawer'), 'largeicon-delete');
-    closeDrawerButton.addEventListener(UI.ToolbarButton.Events.Click, this._closeDrawer, this);
-    this._drawerTabbedPane.rightToolbar().appendToolbarItem(closeDrawerButton);
-    this._drawerSplitWidget.installResizer(this._drawerTabbedPane.headerElement());
-    this._drawerSplitWidget.setSidebarWidget(this._drawerTabbedPane);
+    this._drawerBuilt = false;

[einbinder, 2017/01/07 11:51:59]

What is this used for?

+    if (this._drawerSplitWidget.showMode() === UI.SplitWidget.ShowMode.Both)
+      this._drawerLocation();
 
     // Create main area tabbed pane.
     this._tabbedLocation = UI.viewManager.createTabbedLocation(
         InspectorFrontendHost.bringToFront.bind(InspectorFrontendHost), 'panel', true, true,
         Runtime.queryParam('panel'));
 
     this._tabbedPane = this._tabbedLocation.tabbedPane();
     this._tabbedPane.registerRequiredCSS('ui/inspectorViewTabbedPane.css');
     this._tabbedPane.setTabSlider(true);
     this._tabbedPane.addEventListener(UI.TabbedPane.Events.TabSelected, this._tabSelected, this);
@@ skipping 35 matching lines @@
   willHide() {
     this.element.ownerDocument.removeEventListener('keydown', this._keyDownBound, false);
   }
 
   /**
    * @override
    * @param {string} locationName
    * @return {?UI.ViewLocation}
    */
   resolveLocation(locationName) {
-    return this._drawerTabbedLocation;
+    return this._drawerLocation();
   }
 
   createToolbars() {
     this._tabbedPane.leftToolbar().appendLocationItems('main-toolbar-left');
     this._tabbedPane.rightToolbar().appendLocationItems('main-toolbar-right');
   }
 
   /**
    * @param {!UI.View} view
    */
@@ skipping 51 matching lines @@
     this._tabbedPane.setTabIcon(panelName, icon);
   }
 
   /**
    * @return {!UI.Panel}
    */
   currentPanelDeprecated() {
     return /** @type {!UI.Panel} */ (UI.viewManager.materializedWidget(this._tabbedPane.selectedTabId || ''));
   }
 
+  _drawerLocation() {

[einbinder, 2017/01/07 11:51:59]

jsdoc @return

+    if (this._drawerTabbedLocation)
+      return this._drawerTabbedLocation;
+    this._drawerBuilt = true;
+    this._drawerTabbedLocation =

[einbinder, 2017/01/07 11:51:59]

jsdoc @type this in constructor

+        UI.viewManager.createTabbedLocation(this._showDrawer.bind(this, false), 'drawer-view', true);
+    this._drawerTabbedLocation.enableMoreTabsButton();
+    this._drawerTabbedPane = this._drawerTabbedLocation.tabbedPane();

[einbinder, 2017/01/07 11:51:59]

var drawerTabbedPane =

+    this._drawerTabbedPane.setMinimumSize(0, 27);
+    var closeDrawerButton = new UI.ToolbarButton(Common.UIString('Close drawer'), 'largeicon-delete');
+    closeDrawerButton.addEventListener(UI.ToolbarButton.Events.Click, this._closeDrawer, this);
+    this._drawerTabbedPane.rightToolbar().appendToolbarItem(closeDrawerButton);
+    this._drawerSplitWidget.installResizer(this._drawerTabbedPane.headerElement());
+    this._drawerSplitWidget.setSidebarWidget(this._drawerTabbedPane);
+    return this._drawerTabbedLocation;
+  }
+
   /**
    * @param {boolean} focus
    */
   _showDrawer(focus) {
-    if (this._drawerTabbedPane.isShowing())
+    if (this._drawerLocation().tabbedPane().isShowing())
       return;
     this._drawerSplitWidget.showBoth();
     if (focus)
-      this._focusRestorer = new UI.WidgetFocusRestorer(this._drawerTabbedPane);
+      this._focusRestorer = new UI.WidgetFocusRestorer(this._drawerLocation().tabbedPane());
     else
       this._focusRestorer = null;
   }
 
   /**
    * @return {boolean}
    */
   drawerVisible() {
-    return this._drawerTabbedPane.isShowing();
+    return this._drawerLocation().tabbedPane().isShowing();

[einbinder, 2017/01/07 11:51:59]

!!this._drawerTabbedLocation && this._drawerLocation().tabbedPane().isShowing()

   }
 
   _closeDrawer() {
-    if (!this._drawerTabbedPane.isShowing())
+    if (!this._drawerLocation().tabbedPane().isShowing())

[einbinder, 2017/01/07 11:51:59]

!!this._drawerTabbedLocation && this._drawerLocation().tabbedPane().isShowing()

       return;
     if (this._focusRestorer)
       this._focusRestorer.restore();
     this._drawerSplitWidget.hideSidebar(true);
   }
 
   /**
    * @param {boolean} minimized
    */
   setDrawerMinimized(minimized) {
@@ skipping 96 matching lines @@
    * @return {boolean}
    */
   handleAction(context, actionId) {
     if (UI.inspectorView.drawerVisible())
       UI.inspectorView._closeDrawer();
     else
       UI.inspectorView._showDrawer(true);
     return true;
   }
 };