OLD | NEW |
| (Empty) |
1 /* | |
2 * Copyright (C) 2007, 2008 Apple Inc. All rights reserved. | |
3 * Copyright (C) 2009 Joseph Pecoraro | |
4 * | |
5 * Redistribution and use in source and binary forms, with or without | |
6 * modification, are permitted provided that the following conditions | |
7 * are met: | |
8 * | |
9 * 1. Redistributions of source code must retain the above copyright | |
10 * notice, this list of conditions and the following disclaimer. | |
11 * 2. Redistributions in binary form must reproduce the above copyright | |
12 * notice, this list of conditions and the following disclaimer in the | |
13 * documentation and/or other materials provided with the distribution. | |
14 * 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of | |
15 * its contributors may be used to endorse or promote products derived | |
16 * from this software without specific prior written permission. | |
17 * | |
18 * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY | |
19 * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED | |
20 * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE | |
21 * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY | |
22 * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES | |
23 * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; | |
24 * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND | |
25 * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT | |
26 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF | |
27 * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. | |
28 */ | |
29 | |
30 WebInspector.Drawer = function() | |
31 { | |
32 WebInspector.View.call(this, document.getElementById("drawer")); | |
33 | |
34 this.mainStatusBar = document.getElementById("main-status-bar"); | |
35 this.mainStatusBar.addEventListener("mousedown", this._startStatusBarDraggin
g.bind(this), true); | |
36 this.viewStatusBar = document.getElementById("other-drawer-status-bar-items"
); | |
37 } | |
38 | |
39 WebInspector.Drawer.prototype = { | |
40 get visibleView() | |
41 { | |
42 return this._visibleView; | |
43 }, | |
44 | |
45 set visibleView(x) | |
46 { | |
47 if (this._visibleView === x) { | |
48 this.visible = !this.visible; | |
49 return; | |
50 } | |
51 | |
52 var firstTime = !this._visibleView; | |
53 if (this._visibleView) | |
54 this._visibleView.hide(); | |
55 | |
56 this._visibleView = x; | |
57 | |
58 if (x && !firstTime) { | |
59 this._safelyRemoveChildren(); | |
60 this.viewStatusBar.removeChildren(); // optimize this? call old.deta
ch() | |
61 x.attach(this.element, this.viewStatusBar); | |
62 x.show(); | |
63 this.visible = true; | |
64 } | |
65 }, | |
66 | |
67 showView: function(view) | |
68 { | |
69 if (!this.visible || this.visibleView !== view) | |
70 this.visibleView = view; | |
71 }, | |
72 | |
73 show: function() | |
74 { | |
75 if (this._animating || this.visible) | |
76 return; | |
77 | |
78 if (this.visibleView) | |
79 this.visibleView.show(); | |
80 | |
81 WebInspector.View.prototype.show.call(this); | |
82 | |
83 this._animating = true; | |
84 | |
85 document.body.addStyleClass("drawer-visible"); | |
86 | |
87 var anchoredItems = document.getElementById("anchored-status-bar-items")
; | |
88 | |
89 var animations = [ | |
90 {element: document.getElementById("main"), end: {bottom: this.elemen
t.offsetHeight}}, | |
91 {element: document.getElementById("main-status-bar"), start: {"paddi
ng-left": anchoredItems.offsetWidth - 1}, end: {"padding-left": 0}}, | |
92 {element: document.getElementById("other-drawer-status-bar-items"),
start: {opacity: 0}, end: {opacity: 1}} | |
93 ]; | |
94 | |
95 var consoleStatusBar = document.getElementById("drawer-status-bar"); | |
96 consoleStatusBar.insertBefore(anchoredItems, consoleStatusBar.firstChild
); | |
97 | |
98 function animationFinished() | |
99 { | |
100 if ("updateStatusBarItems" in WebInspector.currentPanel) | |
101 WebInspector.currentPanel.updateStatusBarItems(); | |
102 if (this.visibleView.afterShow) | |
103 this.visibleView.afterShow(); | |
104 delete this._animating; | |
105 } | |
106 | |
107 WebInspector.animateStyle(animations, window.event && window.event.shift
Key ? 2000 : 250, animationFinished.bind(this)); | |
108 }, | |
109 | |
110 hide: function() | |
111 { | |
112 if (this._animating || !this.visible) | |
113 return; | |
114 | |
115 WebInspector.View.prototype.hide.call(this); | |
116 | |
117 if (this.visibleView) | |
118 this.visibleView.hide(); | |
119 | |
120 this._animating = true; | |
121 | |
122 if (this.element === WebInspector.currentFocusElement || this.element.is
Ancestor(WebInspector.currentFocusElement)) | |
123 WebInspector.currentFocusElement = WebInspector.previousFocusElement
; | |
124 | |
125 var anchoredItems = document.getElementById("anchored-status-bar-items")
; | |
126 | |
127 // Temporally set properties and classes to mimic the post-animation val
ues so panels | |
128 // like Elements in their updateStatusBarItems call will size things to
fit the final location. | |
129 document.getElementById("main-status-bar").style.setProperty("padding-le
ft", (anchoredItems.offsetWidth - 1) + "px"); | |
130 document.body.removeStyleClass("drawer-visible"); | |
131 if ("updateStatusBarItems" in WebInspector.currentPanel) | |
132 WebInspector.currentPanel.updateStatusBarItems(); | |
133 document.body.addStyleClass("drawer-visible"); | |
134 | |
135 var animations = [ | |
136 {element: document.getElementById("main"), end: {bottom: 0}}, | |
137 {element: document.getElementById("main-status-bar"), start: {"paddi
ng-left": 0}, end: {"padding-left": anchoredItems.offsetWidth - 1}}, | |
138 {element: document.getElementById("other-drawer-status-bar-items"),
start: {opacity: 1}, end: {opacity: 0}} | |
139 ]; | |
140 | |
141 function animationFinished() | |
142 { | |
143 var mainStatusBar = document.getElementById("main-status-bar"); | |
144 mainStatusBar.insertBefore(anchoredItems, mainStatusBar.firstChild); | |
145 mainStatusBar.style.removeProperty("padding-left"); | |
146 document.body.removeStyleClass("drawer-visible"); | |
147 delete this._animating; | |
148 } | |
149 | |
150 WebInspector.animateStyle(animations, window.event && window.event.shift
Key ? 2000 : 250, animationFinished.bind(this)); | |
151 }, | |
152 | |
153 _safelyRemoveChildren: function() | |
154 { | |
155 var child = this.element.firstChild; | |
156 while (child) { | |
157 if (child.id !== "drawer-status-bar") { | |
158 var moveTo = child.nextSibling; | |
159 this.element.removeChild(child); | |
160 child = moveTo; | |
161 } else | |
162 child = child.nextSibling; | |
163 } | |
164 }, | |
165 | |
166 _startStatusBarDragging: function(event) | |
167 { | |
168 if (!this.visible || event.target !== document.getElementById("main-stat
us-bar")) | |
169 return; | |
170 | |
171 WebInspector.elementDragStart(document.getElementById("main-status-bar")
, this._statusBarDragging.bind(this), this._endStatusBarDragging.bind(this), eve
nt, "row-resize"); | |
172 | |
173 this._statusBarDragOffset = event.pageY - this.element.totalOffsetTop; | |
174 | |
175 event.stopPropagation(); | |
176 }, | |
177 | |
178 _statusBarDragging: function(event) | |
179 { | |
180 var mainElement = document.getElementById("main"); | |
181 | |
182 var height = window.innerHeight - event.pageY + this._statusBarDragOffse
t; | |
183 height = Number.constrain(height, Preferences.minConsoleHeight, window.i
nnerHeight - mainElement.totalOffsetTop - Preferences.minConsoleHeight); | |
184 | |
185 mainElement.style.bottom = height + "px"; | |
186 this.element.style.height = height + "px"; | |
187 | |
188 event.preventDefault(); | |
189 event.stopPropagation(); | |
190 }, | |
191 | |
192 _endStatusBarDragging: function(event) | |
193 { | |
194 WebInspector.elementDragEnd(event); | |
195 | |
196 delete this._statusBarDragOffset; | |
197 | |
198 event.stopPropagation(); | |
199 } | |
200 } | |
201 | |
202 WebInspector.Drawer.prototype.__proto__ = WebInspector.View.prototype; | |
OLD | NEW |