| Index: chrome/resources/inspector/Drawer.js
 | 
| ===================================================================
 | 
| --- chrome/resources/inspector/Drawer.js	(revision 0)
 | 
| +++ chrome/resources/inspector/Drawer.js	(revision 0)
 | 
| @@ -0,0 +1,202 @@
 | 
| +/*
 | 
| + * 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;
 | 
| 
 | 
| Property changes on: chrome/resources/inspector/Drawer.js
 | 
| ___________________________________________________________________
 | 
| Added: svn:executable
 | 
|    + *
 | 
| 
 | 
| 
 |