DevTools: added "overlayContents" mode, where DevTools content is placed around and underneath inse…

Source/devtools/front_end/SplitView.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:
  *
  * 1. Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
  *
@@ skipping 29 matching lines @@
 
     this.registerRequiredCSS("splitView.css");
 
     this.element.addStyleClass("split-view");
     this.element.addStyleClass("fill");
 
     this._firstElement = this.element.createChild("div", "split-view-contents scroll-target split-view-contents-first");
     this._secondElement = this.element.createChild("div", "split-view-contents scroll-target split-view-contents-second");
 
     this._resizerElement = this.element.createChild("div", "split-view-resizer");
+    this._onDragStartBound = this._onDragStart.bind(this);
     this.installResizer(this._resizerElement);
     this._resizable = true;
 
     this._savedSidebarWidth = defaultSidebarWidth || 200;
     this._savedSidebarHeight = defaultSidebarHeight || this._savedSidebarWidth;
 
     if (0 < this._savedSidebarWidth && this._savedSidebarWidth < 1 &&
         0 < this._savedSidebarHeight && this._savedSidebarHeight < 1)
         this._useFraction = true;
     
     this._sidebarSizeSettingName = sidebarSizeSettingName;
 
     this.setSecondIsSidebar(true);
 
     this._innerSetVertical(isVertical);
 }
 
+WebInspector.SplitView.Events = {

[pfeldman, 2013/12/05 15:44:06]

rollback

[dgozman, 2013/12/06 16:17:13]

Done.

+    LayoutChanged: "LayoutChanged"
+};
+
 WebInspector.SplitView.prototype = {
     /**
      * @return {boolean}
      */
     isVertical: function()
     {
         return this._isVertical;
     },
 
     /**
@@ skipping 224 matching lines @@
                 this._resizerElement.style.bottom = sizeValue;
                 this._resizerElement.style.marginBottom = -this._resizerElementSize / 2 + "px";
             } else {
                 this._resizerElement.style.top = sizeValue;
                 this._resizerElement.style.marginTop = -this._resizerElementSize / 2 + "px";
             }
         }
 
         this._sidebarSize = size;
 
+        this.dispatchEventToListeners(WebInspector.SplitView.Events.LayoutChanged);
+
         // No need to recalculate this._sidebarSize and this._totalSize again.
         this._muteOnResize = true;
         this.doResize();
         delete this._muteOnResize;
     },
 
     /**
      * @param {number=} minWidth
      * @param {number=} minHeight
      */
@@ skipping 114 matching lines @@
         }
         this._saveSidebarSize();
         this._callOnVisibleChildren(doSaveSidebarSizeRecursively);
     },
 
     /**
      * @param {Element} resizerElement
      */
     installResizer: function(resizerElement)
     {
-        resizerElement.addEventListener("mousedown", this._onDragStart.bind(this), false);
+        resizerElement.addEventListener("mousedown", this._onDragStartBound, false);
     },
 
     /**
+     * @param {Element} resizerElement
+     */
+    uninstallResizer: function(resizerElement)
+    {
+        resizerElement.removeEventListener("mousedown", this._onDragStartBound, false);
+    },
+
+    /**
      * @param {Event} event
      */
     _onDragStart: function(event)
     {
         WebInspector._elementDragStart(this._startResizerDragging.bind(this), this._resizerDragging.bind(this), this._endResizerDragging.bind(this), this._isVertical ? "ew-resize" : "ns-resize", event);
     },
 
     /**
      * @return {WebInspector.Setting}
      */
@@ skipping 37 matching lines @@
         else
             this._savedSidebarHeight = size;
 
         var sizeSetting = this._sizeSetting();
         if (sizeSetting)
             sizeSetting.set(size);
     },
 
     __proto__: WebInspector.View.prototype
 }