[DevTools] Dock to left mode.

Source/devtools/front_end/DockController.js

 /*
  * Copyright (C) 2012 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 24 matching lines @@
 WebInspector.DockController = function()
 {
     if (!WebInspector.queryParamsObject["can_dock"]) {
         this._dockSide = WebInspector.DockController.State.Undocked;
         this._updateUI();
         return;
     }
 
     WebInspector.settings.currentDockState = WebInspector.settings.createSetting("currentDockState", "");
     WebInspector.settings.lastDockState = WebInspector.settings.createSetting("lastDockState", "");
+    var states = [WebInspector.DockController.State.DockedToBottom, WebInspector.DockController.State.Undocked, WebInspector.DockController.State.DockedToRight];
+    var titles = [WebInspector.UIString("Dock to main window."), WebInspector.UIString("Undock into separate window."), WebInspector.UIString("Dock to main window.")];
+    if (WebInspector.experimentsSettings.dockToLeft.isEnabled()) {
+        states.push(WebInspector.DockController.State.DockedToLeft);
+        titles.push(WebInspector.UIString("Dock to main window."));
+    }
     this._dockToggleButton = new WebInspector.StatusBarStatesSettingButton(
         "dock-status-bar-item",
-        [WebInspector.DockController.State.DockedToBottom, WebInspector.DockController.State.Undocked, WebInspector.DockController.State.DockedToRight],
-        [WebInspector.UIString("Dock to main window."), WebInspector.UIString("Undock into separate window."), WebInspector.UIString("Dock to main window.")],
+        states,
+        titles,
         WebInspector.settings.currentDockState,
         WebInspector.settings.lastDockState,
         this._dockSideChanged.bind(this));
 }
 
 WebInspector.DockController.State = {
     DockedToBottom: "bottom",
     DockedToRight: "right",
+    DockedToLeft: "left",
     Undocked: "undocked"
 }
 
 WebInspector.DockController.Events = {
     DockSideChanged: "DockSideChanged"
 }
 
 WebInspector.DockController.prototype = {
     /**
      * @return {?Element}
      */
     get element()
     {
         return WebInspector.queryParamsObject["can_dock"] ? this._dockToggleButton.element : null;
     },
 
     /**
      * @return {string}
      */
     dockSide: function()
     {
         return this._dockSide;
     },
 
     /**
+     * @return {boolean}
+     */
+    isVertical: function()
+    {
+        return this._dockSide === WebInspector.DockController.State.DockedToRight || this._dockSide === WebInspector.DockController.State.DockedToLeft;
+    },
+
+    /**
      * @param {string} dockSide
      */
     _dockSideChanged: function(dockSide)
     {
         if (this._dockSide === dockSide)
             return;
 
         this._dockSide = dockSide;
         if (WebInspector.queryParamsObject["can_dock"])
             InspectorFrontendHost.setIsDocked(dockSide !== WebInspector.DockController.State.Undocked);
 
         this._updateUI();
         this.dispatchEventToListeners(WebInspector.DockController.Events.DockSideChanged, this._dockSide);
     },
 
     _updateUI: function()
     {
         var body = document.body;
         switch (this._dockSide) {
         case WebInspector.DockController.State.DockedToBottom:
             body.classList.remove("undocked");
             body.classList.remove("dock-to-right");
+            body.classList.remove("dock-to-left");
             body.classList.add("dock-to-bottom");
             break;
         case WebInspector.DockController.State.DockedToRight: 
             body.classList.remove("undocked");
             body.classList.add("dock-to-right");
+            body.classList.remove("dock-to-left");
             body.classList.remove("dock-to-bottom");
             break;
-        case WebInspector.DockController.State.Undocked: 
+        case WebInspector.DockController.State.DockedToLeft:
+            body.classList.remove("undocked");
+            body.classList.remove("dock-to-right");
+            body.classList.add("dock-to-left");
+            body.classList.remove("dock-to-bottom");
+            break;
+        case WebInspector.DockController.State.Undocked:
             body.classList.add("undocked");
             body.classList.remove("dock-to-right");
+            body.classList.remove("dock-to-left");
             body.classList.remove("dock-to-bottom");
             break;
         }
     },
 
     __proto__: WebInspector.Object.prototype
 }
 
 /**
  * @type {!WebInspector.DockController}
  */
 WebInspector.dockController;