| OLD | NEW |
|---|
| (Empty) |
| 1 /* | |
| 2 * Copyright (C) 2007, 2008 Apple Inc. All rights reserved. | |
| 3 * | |
| 4 * Redistribution and use in source and binary forms, with or without | |
| 5 * modification, are permitted provided that the following conditions | |
| 6 * are met: | |
| 7 * | |
| 8 * 1. Redistributions of source code must retain the above copyright | |
| 9 * notice, this list of conditions and the following disclaimer. | |
| 10 * 2. Redistributions in binary form must reproduce the above copyright | |
| 11 * notice, this list of conditions and the following disclaimer in the | |
| 12 * documentation and/or other materials provided with the distribution. | |
| 13 * 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of | |
| 14 * its contributors may be used to endorse or promote products derived | |
| 15 * from this software without specific prior written permission. | |
| 16 * | |
| 17 * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY | |
| 18 * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED | |
| 19 * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE | |
| 20 * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY | |
| 21 * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES | |
| 22 * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; | |
| 23 * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND | |
| 24 * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT | |
| 25 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF | |
| 26 * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. | |
| 27 */ | |
| 28 | |
| 29 WebInspector.Panel = function(createSidebar) | |
| 30 { | |
| 31 WebInspector.View.call(this); | |
| 32 if (createSidebar) | |
| 33 this._createSidebar(); | |
| 34 | |
| 35 this.element.addStyleClass("panel"); | |
| 36 } | |
| 37 | |
| 38 WebInspector.Panel.prototype = { | |
| 39 get toolbarItem() | |
| 40 { | |
| 41 if (this._toolbarItem) | |
| 42 return this._toolbarItem; | |
| 43 | |
| 44 // Sample toolbar item as markup: | |
| 45 // <button class="toolbar-item resources toggleable"> | |
| 46 // <div class="toolbar-icon"></div> | |
| 47 // <div class="toolbar-label">Resources</div> | |
| 48 // </button> | |
| 49 | |
| 50 this._toolbarItem = document.createElement("button"); | |
| 51 this._toolbarItem.className = "toolbar-item toggleable"; | |
| 52 this._toolbarItem.panel = this; | |
| 53 | |
| 54 if ("toolbarItemClass" in this) | |
| 55 this._toolbarItem.addStyleClass(this.toolbarItemClass); | |
| 56 | |
| 57 var iconElement = document.createElement("div"); | |
| 58 iconElement.className = "toolbar-icon"; | |
| 59 this._toolbarItem.appendChild(iconElement); | |
| 60 | |
| 61 if ("toolbarItemLabel" in this) { | |
| 62 var labelElement = document.createElement("div"); | |
| 63 labelElement.className = "toolbar-label"; | |
| 64 labelElement.textContent = this.toolbarItemLabel; | |
| 65 this._toolbarItem.appendChild(labelElement); | |
| 66 } | |
| 67 | |
| 68 return this._toolbarItem; | |
| 69 }, | |
| 70 | |
| 71 show: function() | |
| 72 { | |
| 73 WebInspector.View.prototype.show.call(this); | |
| 74 | |
| 75 var statusBarItems = this.statusBarItems; | |
| 76 if (statusBarItems) { | |
| 77 this._statusBarItemContainer = document.createElement("div"); | |
| 78 for (var i = 0; i < statusBarItems.length; ++i) | |
| 79 this._statusBarItemContainer.appendChild(statusBarItems[i]); | |
| 80 document.getElementById("main-status-bar").appendChild(this._statusB
arItemContainer); | |
| 81 } | |
| 82 | |
| 83 if ("_toolbarItem" in this) | |
| 84 this._toolbarItem.addStyleClass("toggled-on"); | |
| 85 | |
| 86 WebInspector.currentFocusElement = document.getElementById("main-panels"
); | |
| 87 this._updateSidebarWidth(); | |
| 88 }, | |
| 89 | |
| 90 hide: function() | |
| 91 { | |
| 92 WebInspector.View.prototype.hide.call(this); | |
| 93 | |
| 94 if (this._statusBarItemContainer && this._statusBarItemContainer.parentN
ode) | |
| 95 this._statusBarItemContainer.parentNode.removeChild(this._statusBarI
temContainer); | |
| 96 delete this._statusBarItemContainer; | |
| 97 if ("_toolbarItem" in this) | |
| 98 this._toolbarItem.removeStyleClass("toggled-on"); | |
| 99 }, | |
| 100 | |
| 101 attach: function() | |
| 102 { | |
| 103 if (!this.element.parentNode) | |
| 104 document.getElementById("main-panels").appendChild(this.element); | |
| 105 }, | |
| 106 | |
| 107 searchCanceled: function(startingNewSearch) | |
| 108 { | |
| 109 if (this._searchResults) { | |
| 110 for (var i = 0; i < this._searchResults.length; ++i) { | |
| 111 var view = this._searchResults[i]; | |
| 112 if (view.searchCanceled) | |
| 113 view.searchCanceled(); | |
| 114 delete view.currentQuery; | |
| 115 } | |
| 116 } | |
| 117 | |
| 118 WebInspector.updateSearchMatchesCount(0, this); | |
| 119 | |
| 120 if (this._currentSearchChunkIntervalIdentifier) { | |
| 121 clearInterval(this._currentSearchChunkIntervalIdentifier); | |
| 122 delete this._currentSearchChunkIntervalIdentifier; | |
| 123 } | |
| 124 | |
| 125 this._totalSearchMatches = 0; | |
| 126 this._currentSearchResultIndex = 0; | |
| 127 this._searchResults = []; | |
| 128 }, | |
| 129 | |
| 130 performSearch: function(query) | |
| 131 { | |
| 132 // Call searchCanceled since it will reset everything we need before doi
ng a new search. | |
| 133 this.searchCanceled(true); | |
| 134 | |
| 135 var searchableViews = this.searchableViews; | |
| 136 if (!searchableViews || !searchableViews.length) | |
| 137 return; | |
| 138 | |
| 139 var parentElement = this.viewsContainerElement; | |
| 140 var visibleView = this.visibleView; | |
| 141 var sortFuction = this.searchResultsSortFunction; | |
| 142 | |
| 143 var matchesCountUpdateTimeout = null; | |
| 144 | |
| 145 function updateMatchesCount() | |
| 146 { | |
| 147 WebInspector.updateSearchMatchesCount(this._totalSearchMatches, this
); | |
| 148 matchesCountUpdateTimeout = null; | |
| 149 } | |
| 150 | |
| 151 function updateMatchesCountSoon() | |
| 152 { | |
| 153 if (matchesCountUpdateTimeout) | |
| 154 return; | |
| 155 // Update the matches count every half-second so it doesn't feel twi
tchy. | |
| 156 matchesCountUpdateTimeout = setTimeout(updateMatchesCount.bind(this)
, 500); | |
| 157 } | |
| 158 | |
| 159 function finishedCallback(view, searchMatches) | |
| 160 { | |
| 161 if (!searchMatches) | |
| 162 return; | |
| 163 | |
| 164 this._totalSearchMatches += searchMatches; | |
| 165 this._searchResults.push(view); | |
| 166 | |
| 167 if (sortFuction) | |
| 168 this._searchResults.sort(sortFuction); | |
| 169 | |
| 170 if (this.searchMatchFound) | |
| 171 this.searchMatchFound(view, searchMatches); | |
| 172 | |
| 173 updateMatchesCountSoon.call(this); | |
| 174 | |
| 175 if (view === visibleView) | |
| 176 view.jumpToFirstSearchResult(); | |
| 177 } | |
| 178 | |
| 179 var i = 0; | |
| 180 var panel = this; | |
| 181 var boundFinishedCallback = finishedCallback.bind(this); | |
| 182 var chunkIntervalIdentifier = null; | |
| 183 | |
| 184 // Split up the work into chunks so we don't block the | |
| 185 // UI thread while processing. | |
| 186 | |
| 187 function processChunk() | |
| 188 { | |
| 189 var view = searchableViews[i]; | |
| 190 | |
| 191 if (++i >= searchableViews.length) { | |
| 192 if (panel._currentSearchChunkIntervalIdentifier === chunkInterva
lIdentifier) | |
| 193 delete panel._currentSearchChunkIntervalIdentifier; | |
| 194 clearInterval(chunkIntervalIdentifier); | |
| 195 } | |
| 196 | |
| 197 if (!view) | |
| 198 return; | |
| 199 | |
| 200 if (view.element.parentNode !== parentElement && view.element.parent
Node && parentElement) | |
| 201 view.detach(); | |
| 202 | |
| 203 view.currentQuery = query; | |
| 204 view.performSearch(query, boundFinishedCallback); | |
| 205 } | |
| 206 | |
| 207 processChunk(); | |
| 208 | |
| 209 chunkIntervalIdentifier = setInterval(processChunk, 25); | |
| 210 this._currentSearchChunkIntervalIdentifier = chunkIntervalIdentifier; | |
| 211 }, | |
| 212 | |
| 213 jumpToNextSearchResult: function() | |
| 214 { | |
| 215 if (!this.showView || !this._searchResults || !this._searchResults.lengt
h) | |
| 216 return; | |
| 217 | |
| 218 var showFirstResult = false; | |
| 219 | |
| 220 this._currentSearchResultIndex = this._searchResults.indexOf(this.visibl
eView); | |
| 221 if (this._currentSearchResultIndex === -1) { | |
| 222 this._currentSearchResultIndex = 0; | |
| 223 showFirstResult = true; | |
| 224 } | |
| 225 | |
| 226 var currentView = this._searchResults[this._currentSearchResultIndex]; | |
| 227 | |
| 228 if (currentView.showingLastSearchResult()) { | |
| 229 if (++this._currentSearchResultIndex >= this._searchResults.length) | |
| 230 this._currentSearchResultIndex = 0; | |
| 231 currentView = this._searchResults[this._currentSearchResultIndex]; | |
| 232 showFirstResult = true; | |
| 233 } | |
| 234 | |
| 235 if (currentView !== this.visibleView) | |
| 236 this.showView(currentView); | |
| 237 | |
| 238 if (showFirstResult) | |
| 239 currentView.jumpToFirstSearchResult(); | |
| 240 else | |
| 241 currentView.jumpToNextSearchResult(); | |
| 242 }, | |
| 243 | |
| 244 jumpToPreviousSearchResult: function() | |
| 245 { | |
| 246 if (!this.showView || !this._searchResults || !this._searchResults.lengt
h) | |
| 247 return; | |
| 248 | |
| 249 var showLastResult = false; | |
| 250 | |
| 251 this._currentSearchResultIndex = this._searchResults.indexOf(this.visibl
eView); | |
| 252 if (this._currentSearchResultIndex === -1) { | |
| 253 this._currentSearchResultIndex = 0; | |
| 254 showLastResult = true; | |
| 255 } | |
| 256 | |
| 257 var currentView = this._searchResults[this._currentSearchResultIndex]; | |
| 258 | |
| 259 if (currentView.showingFirstSearchResult()) { | |
| 260 if (--this._currentSearchResultIndex < 0) | |
| 261 this._currentSearchResultIndex = (this._searchResults.length - 1
); | |
| 262 currentView = this._searchResults[this._currentSearchResultIndex]; | |
| 263 showLastResult = true; | |
| 264 } | |
| 265 | |
| 266 if (currentView !== this.visibleView) | |
| 267 this.showView(currentView); | |
| 268 | |
| 269 if (showLastResult) | |
| 270 currentView.jumpToLastSearchResult(); | |
| 271 else | |
| 272 currentView.jumpToPreviousSearchResult(); | |
| 273 }, | |
| 274 | |
| 275 handleKeyEvent: function(event) | |
| 276 { | |
| 277 this.sidebarTree.handleKeyEvent(event); | |
| 278 }, | |
| 279 | |
| 280 _createSidebar: function() | |
| 281 { | |
| 282 this.sidebarElement = document.createElement("div"); | |
| 283 this.sidebarElement.className = "sidebar"; | |
| 284 this.element.appendChild(this.sidebarElement); | |
| 285 | |
| 286 this.sidebarResizeElement = document.createElement("div"); | |
| 287 this.sidebarResizeElement.className = "sidebar-resizer-vertical"; | |
| 288 this.sidebarResizeElement.addEventListener("mousedown", this._startSideb
arDragging.bind(this), false); | |
| 289 this.element.appendChild(this.sidebarResizeElement); | |
| 290 | |
| 291 this.sidebarTreeElement = document.createElement("ol"); | |
| 292 this.sidebarTreeElement.className = "sidebar-tree"; | |
| 293 this.sidebarElement.appendChild(this.sidebarTreeElement); | |
| 294 this.sidebarTree = new TreeOutline(this.sidebarTreeElement); | |
| 295 }, | |
| 296 | |
| 297 _startSidebarDragging: function(event) | |
| 298 { | |
| 299 WebInspector.elementDragStart(this.sidebarResizeElement, this._sidebarDr
agging.bind(this), this._endSidebarDragging.bind(this), event, "col-resize"); | |
| 300 }, | |
| 301 | |
| 302 _sidebarDragging: function(event) | |
| 303 { | |
| 304 this._updateSidebarWidth(event.pageX); | |
| 305 | |
| 306 event.preventDefault(); | |
| 307 }, | |
| 308 | |
| 309 _endSidebarDragging: function(event) | |
| 310 { | |
| 311 WebInspector.elementDragEnd(event); | |
| 312 }, | |
| 313 | |
| 314 _updateSidebarWidth: function(width) | |
| 315 { | |
| 316 if (this.sidebarElement.offsetWidth <= 0) { | |
| 317 // The stylesheet hasn't loaded yet or the window is closed, | |
| 318 // so we can't calculate what is need. Return early. | |
| 319 return; | |
| 320 } | |
| 321 | |
| 322 if (!("_currentSidebarWidth" in this)) | |
| 323 this._currentSidebarWidth = this.sidebarElement.offsetWidth; | |
| 324 | |
| 325 if (typeof width === "undefined") | |
| 326 width = this._currentSidebarWidth; | |
| 327 | |
| 328 width = Number.constrain(width, Preferences.minSidebarWidth, window.inne
rWidth / 2); | |
| 329 | |
| 330 this._currentSidebarWidth = width; | |
| 331 | |
| 332 this.sidebarElement.style.width = width + "px"; | |
| 333 this.setMainViewWidth(width); | |
| 334 this.sidebarResizeElement.style.left = (width - 3) + "px"; | |
| 335 | |
| 336 var visibleView = this.visibleView; | |
| 337 if (visibleView && "resize" in visibleView) | |
| 338 visibleView.resize(); | |
| 339 }, | |
| 340 | |
| 341 setMainViewWidth: function(width) | |
| 342 { | |
| 343 // Should be implemented by ancestors. | |
| 344 } | |
| 345 } | |
| 346 | |
| 347 WebInspector.Panel.prototype.__proto__ = WebInspector.View.prototype; | |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 853002:
Updating the Chromium reference build for Windows. The continuous... (Closed)
Base URL: svn://chrome-svn/chrome/trunk/deps/reference_builds/chrome/