Index: resources/inspector/Drawer.js |
=================================================================== |
--- resources/inspector/Drawer.js (revision 33840) |
+++ resources/inspector/Drawer.js (working copy) |
@@ -1,202 +0,0 @@ |
-/* |
- * Copyright (C) 2007, 2008 Apple Inc. All rights reserved. |
- * 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 |
- * notice, this list of conditions and the following disclaimer. |
- * 2. Redistributions in binary form must reproduce the above copyright |
- * notice, this list of conditions and the following disclaimer in the |
- * documentation and/or other materials provided with the distribution. |
- * 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of |
- * its contributors may be used to endorse or promote products derived |
- * from this software without specific prior written permission. |
- * |
- * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY |
- * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED |
- * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE |
- * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY |
- * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES |
- * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; |
- * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND |
- * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT |
- * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF |
- * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. |
- */ |
- |
-WebInspector.Drawer = function() |
-{ |
- WebInspector.View.call(this, document.getElementById("drawer")); |
- |
- this.mainStatusBar = document.getElementById("main-status-bar"); |
- this.mainStatusBar.addEventListener("mousedown", this._startStatusBarDragging.bind(this), true); |
- this.viewStatusBar = document.getElementById("other-drawer-status-bar-items"); |
-} |
- |
-WebInspector.Drawer.prototype = { |
- get visibleView() |
- { |
- return this._visibleView; |
- }, |
- |
- set visibleView(x) |
- { |
- if (this._visibleView === x) { |
- this.visible = !this.visible; |
- return; |
- } |
- |
- var firstTime = !this._visibleView; |
- if (this._visibleView) |
- this._visibleView.hide(); |
- |
- this._visibleView = x; |
- |
- if (x && !firstTime) { |
- this._safelyRemoveChildren(); |
- this.viewStatusBar.removeChildren(); // optimize this? call old.detach() |
- x.attach(this.element, this.viewStatusBar); |
- x.show(); |
- this.visible = true; |
- } |
- }, |
- |
- showView: function(view) |
- { |
- if (!this.visible || this.visibleView !== view) |
- this.visibleView = view; |
- }, |
- |
- show: function() |
- { |
- if (this._animating || this.visible) |
- return; |
- |
- if (this.visibleView) |
- this.visibleView.show(); |
- |
- WebInspector.View.prototype.show.call(this); |
- |
- this._animating = true; |
- |
- document.body.addStyleClass("drawer-visible"); |
- |
- var anchoredItems = document.getElementById("anchored-status-bar-items"); |
- |
- var animations = [ |
- {element: document.getElementById("main"), end: {bottom: this.element.offsetHeight}}, |
- {element: document.getElementById("main-status-bar"), start: {"padding-left": anchoredItems.offsetWidth - 1}, end: {"padding-left": 0}}, |
- {element: document.getElementById("other-drawer-status-bar-items"), start: {opacity: 0}, end: {opacity: 1}} |
- ]; |
- |
- var consoleStatusBar = document.getElementById("drawer-status-bar"); |
- consoleStatusBar.insertBefore(anchoredItems, consoleStatusBar.firstChild); |
- |
- function animationFinished() |
- { |
- if ("updateStatusBarItems" in WebInspector.currentPanel) |
- WebInspector.currentPanel.updateStatusBarItems(); |
- if (this.visibleView.afterShow) |
- this.visibleView.afterShow(); |
- delete this._animating; |
- } |
- |
- WebInspector.animateStyle(animations, window.event && window.event.shiftKey ? 2000 : 250, animationFinished.bind(this)); |
- }, |
- |
- hide: function() |
- { |
- if (this._animating || !this.visible) |
- return; |
- |
- WebInspector.View.prototype.hide.call(this); |
- |
- if (this.visibleView) |
- this.visibleView.hide(); |
- |
- this._animating = true; |
- |
- if (this.element === WebInspector.currentFocusElement || this.element.isAncestor(WebInspector.currentFocusElement)) |
- WebInspector.currentFocusElement = WebInspector.previousFocusElement; |
- |
- var anchoredItems = document.getElementById("anchored-status-bar-items"); |
- |
- // Temporally set properties and classes to mimic the post-animation values so panels |
- // like Elements in their updateStatusBarItems call will size things to fit the final location. |
- document.getElementById("main-status-bar").style.setProperty("padding-left", (anchoredItems.offsetWidth - 1) + "px"); |
- document.body.removeStyleClass("drawer-visible"); |
- if ("updateStatusBarItems" in WebInspector.currentPanel) |
- WebInspector.currentPanel.updateStatusBarItems(); |
- document.body.addStyleClass("drawer-visible"); |
- |
- var animations = [ |
- {element: document.getElementById("main"), end: {bottom: 0}}, |
- {element: document.getElementById("main-status-bar"), start: {"padding-left": 0}, end: {"padding-left": anchoredItems.offsetWidth - 1}}, |
- {element: document.getElementById("other-drawer-status-bar-items"), start: {opacity: 1}, end: {opacity: 0}} |
- ]; |
- |
- function animationFinished() |
- { |
- var mainStatusBar = document.getElementById("main-status-bar"); |
- mainStatusBar.insertBefore(anchoredItems, mainStatusBar.firstChild); |
- mainStatusBar.style.removeProperty("padding-left"); |
- document.body.removeStyleClass("drawer-visible"); |
- delete this._animating; |
- } |
- |
- WebInspector.animateStyle(animations, window.event && window.event.shiftKey ? 2000 : 250, animationFinished.bind(this)); |
- }, |
- |
- _safelyRemoveChildren: function() |
- { |
- var child = this.element.firstChild; |
- while (child) { |
- if (child.id !== "drawer-status-bar") { |
- var moveTo = child.nextSibling; |
- this.element.removeChild(child); |
- child = moveTo; |
- } else |
- child = child.nextSibling; |
- } |
- }, |
- |
- _startStatusBarDragging: function(event) |
- { |
- if (!this.visible || event.target !== document.getElementById("main-status-bar")) |
- return; |
- |
- WebInspector.elementDragStart(document.getElementById("main-status-bar"), this._statusBarDragging.bind(this), this._endStatusBarDragging.bind(this), event, "row-resize"); |
- |
- this._statusBarDragOffset = event.pageY - this.element.totalOffsetTop; |
- |
- event.stopPropagation(); |
- }, |
- |
- _statusBarDragging: function(event) |
- { |
- var mainElement = document.getElementById("main"); |
- |
- var height = window.innerHeight - event.pageY + this._statusBarDragOffset; |
- height = Number.constrain(height, Preferences.minConsoleHeight, window.innerHeight - mainElement.totalOffsetTop - Preferences.minConsoleHeight); |
- |
- mainElement.style.bottom = height + "px"; |
- this.element.style.height = height + "px"; |
- |
- event.preventDefault(); |
- event.stopPropagation(); |
- }, |
- |
- _endStatusBarDragging: function(event) |
- { |
- WebInspector.elementDragEnd(event); |
- |
- delete this._statusBarDragOffset; |
- |
- event.stopPropagation(); |
- } |
-} |
- |
-WebInspector.Drawer.prototype.__proto__ = WebInspector.View.prototype; |