[DevTools] Add Toolbox page to undocked DevTools frontend.

Source/devtools/front_end/main/Main.js

 /*
  * Copyright (C) 2006, 2007, 2008 Apple Inc.  All rights reserved.
  * Copyright (C) 2007 Matt Lilek (pewtermoose@gmail.com).
  * Copyright (C) 2009 Joseph Pecoraro
  *
  * 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 26 matching lines @@
     var boundListener = windowLoaded.bind(this);
 
     /**
      * @this {WebInspector.Main}
      */
     function windowLoaded()
     {
         this._loaded();
         window.removeEventListener("DOMContentLoaded", boundListener, false);
     }
-    window.addEventListener("DOMContentLoaded", boundListener, false);
+
+    if (!WebInspector.queryParam("toolbox"))
+        window.addEventListener("DOMContentLoaded", boundListener, false);
 }
 
 WebInspector.Main.prototype = {
     _registerModules: function()
     {
         var configuration;
         if (!Capabilities.isMainFrontend) {
             configuration = ["components", "main", "sources", "timeline", "profiler", "console", "source_frame", "search"];
         } else {
             configuration = ["components", "main", "elements", "network", "sources", "timeline", "profiler", "resources", "audits", "console", "source_frame", "extensions", "settings", "search"];
@@ skipping 14 matching lines @@
         if (WebInspector.dockController.element)
             WebInspector.inspectorView.appendToRightToolbar(WebInspector.dockController.element);
 
         if (this._screencastController)
             WebInspector.inspectorView.appendToRightToolbar(this._screencastController.statusBarItem());
     },
 
     _createRootView: function()
     {
         var rootView = new WebInspector.RootView();
-
-        this._rootSplitView = new WebInspector.SplitView(false, true, WebInspector.dockController.canDock() ? "InspectorView.splitViewState" : "InspectorView.dummySplitViewState", 300, 300);
-        this._rootSplitView.show(rootView.element);
-
-        WebInspector.inspectorView.show(this._rootSplitView.sidebarElement());
-
-        var inspectedPagePlaceholder = new WebInspector.InspectedPagePlaceholder();
-        if (WebInspector.dockController.canDock() && WebInspector.experimentsSettings.responsiveDesign.isEnabled()) {
-            var responsiveDesignView = new WebInspector.ResponsiveDesignView(inspectedPagePlaceholder);
-            responsiveDesignView.show(this._rootSplitView.mainElement());
-        } else
-            inspectedPagePlaceholder.show(this._rootSplitView.mainElement());
-
-        WebInspector.dockController.addEventListener(WebInspector.DockController.Events.DockSideChanged, this._updateRootSplitViewOnDockSideChange, this);
-        this._updateRootSplitViewOnDockSideChange();
-
+        WebInspector.inspectorView.show(rootView.element);
         rootView.attachToBody();
     },
 
-    _updateRootSplitViewOnDockSideChange: function()

[pfeldman, 2014/05/27 15:37:04]

Where did this code go?

-    {
-        var dockSide = WebInspector.dockController.dockSide();
-        if (dockSide === WebInspector.DockController.State.Undocked) {
-            this._rootSplitView.toggleResizer(this._rootSplitView.resizerElement(), false);
-            this._rootSplitView.toggleResizer(WebInspector.inspectorView.topResizerElement(), false);
-            this._rootSplitView.hideMain();
-            return;
-        }
-
-        this._rootSplitView.setVertical(dockSide === WebInspector.DockController.State.DockedToLeft || dockSide === WebInspector.DockController.State.DockedToRight);
-        this._rootSplitView.setSecondIsSidebar(dockSide === WebInspector.DockController.State.DockedToRight || dockSide === WebInspector.DockController.State.DockedToBottom);
-        this._rootSplitView.toggleResizer(this._rootSplitView.resizerElement(), true);
-        this._rootSplitView.toggleResizer(WebInspector.inspectorView.topResizerElement(), dockSide === WebInspector.DockController.State.DockedToBottom);
-        this._rootSplitView.showBoth();
-    },
-
     _calculateWorkerInspectorTitle: function()
     {
         var expression = "location.href";
         if (WebInspector.queryParam("isSharedWorker"))
             expression += " + (this.name ? ' (' + this.name + ')' : '')";
         RuntimeAgent.invoke_evaluate({expression:expression, doNotPauseOnExceptionsAndMuteConsole:true, returnByValue: true}, evalCallback);
 
         /**
          * @param {?Protocol.Error} error
          * @param {!RuntimeAgent.RemoteObject} result
@@ skipping 223 matching lines @@
         this._registerModules();
         WebInspector.actionRegistry = new WebInspector.ActionRegistry();
         WebInspector.shortcutRegistry = new WebInspector.ShortcutRegistry(WebInspector.actionRegistry);
         this._registerForwardedShortcuts();
 
         WebInspector.inspectorView = new WebInspector.InspectorView();
 
         // Screencast controller creates a root view itself.
         if (mainTarget.canScreencast)
             this._screencastController = new WebInspector.ScreencastController();
+        else if (WebInspector.dockController.canDock())
+            this._toolbox = new WebInspector.Toolbox();
         else
             this._createRootView();
         this._createGlobalStatusBarItems();
 
         this._addMainEventListeners(document);
 
         function onResize()
         {
             if (WebInspector.settingsController)
                 WebInspector.settingsController.resize();
@@ skipping 445 matching lines @@
 
 WebInspector.__defineGetter__("inspectedPageURL", function()
 {
     return WebInspector.resourceTreeModel.inspectedPageURL();
 });
 
 WebInspector.panel = function(name)
 {
     return WebInspector.inspectorView.panel(name);
 }