| /* |
| * Copyright (C) 2011 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: |
| * |
| * * Redistributions of source code must retain the above copyright |
| * notice, this list of conditions and the following disclaimer. |
| * * 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. |
| * * Neither the name of Google Inc. 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 THE COPYRIGHT HOLDERS AND 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 THE COPYRIGHT |
| * OWNER OR 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. |
| */ |
| |
| /** |
| * @constructor |
| * @extends {WebInspector.View} |
| */ |
| WebInspector.InspectorView = function() |
| { |
| WebInspector.View.call(this); |
| this.markAsRoot(); |
| this.element.id = "main-panels"; |
| this.element.setAttribute("spellcheck", false); |
| this._history = []; |
| this._historyIterator = -1; |
| document.addEventListener("keydown", this._keyDown.bind(this), false); |
| document.addEventListener("keypress", this._keyPress.bind(this), false); |
| this._panelOrder = []; |
| this._panelDescriptors = {}; |
| |
| // Windows and Mac have two different definitions of '[' and ']', so accept both of each. |
| this._openBracketIdentifiers = ["U+005B", "U+00DB"].keySet(); |
| this._closeBracketIdentifiers = ["U+005D", "U+00DD"].keySet(); |
| this._footerElementContainer = this.element.createChild("div", "inspector-footer status-bar hidden"); |
| this._panelsElement = this.element.createChild("div", "fill"); |
| } |
| |
| WebInspector.InspectorView.Events = { |
| PanelSelected: "PanelSelected" |
| } |
| |
| WebInspector.InspectorView.prototype = { |
| /** |
| * @param {WebInspector.PanelDescriptor} panelDescriptor |
| */ |
| addPanel: function(panelDescriptor) |
| { |
| this._panelOrder.push(panelDescriptor.name()); |
| this._panelDescriptors[panelDescriptor.name()] = panelDescriptor; |
| WebInspector.toolbar.addPanel(panelDescriptor); |
| }, |
| |
| /** |
| * @param {string} panelName |
| * @return {?WebInspector.Panel} |
| */ |
| panel: function(panelName) |
| { |
| var panelDescriptor = this._panelDescriptors[panelName]; |
| if (!panelDescriptor && this._panelOrder.length) |
| panelDescriptor = this._panelDescriptors[this._panelOrder[0]]; |
| return panelDescriptor ? panelDescriptor.panel() : null; |
| }, |
| |
| /** |
| * @param {string} panelName |
| * @return {?WebInspector.Panel} |
| */ |
| showPanel: function(panelName) |
| { |
| var panel = this.panel(panelName); |
| if (panel) |
| this.setCurrentPanel(panel); |
| return panel; |
| }, |
| |
| /** |
| * @return {WebInspector.Panel} |
| */ |
| currentPanel: function() |
| { |
| return this._currentPanel; |
| }, |
| |
| /** |
| * @return {WebInspector.Searchable} |
| */ |
| getSearchProvider: function() |
| { |
| return this._currentPanel; |
| }, |
| |
| /** |
| * @param {WebInspector.Panel} x |
| */ |
| setCurrentPanel: function(x) |
| { |
| if (this._currentPanel === x) |
| return; |
| |
| // FIXME: remove search controller. |
| WebInspector.searchController.cancelSearch(); |
| |
| if (this._currentPanel) |
| this._currentPanel.detach(); |
| |
| this._currentPanel = x; |
| |
| if (x) { |
| x.show(); |
| this.dispatchEventToListeners(WebInspector.InspectorView.Events.PanelSelected); |
| } |
| for (var panelName in WebInspector.panels) { |
| if (WebInspector.panels[panelName] === x) { |
| WebInspector.settings.lastActivePanel.set(panelName); |
| this._pushToHistory(panelName); |
| WebInspector.userMetrics.panelShown(panelName); |
| } |
| } |
| }, |
| |
| /** |
| * @return {Element} |
| */ |
| defaultFocusedElement: function() |
| { |
| return this._currentPanel ? this._currentPanel.defaultFocusedElement() : null; |
| }, |
| |
| _keyPress: function(event) |
| { |
| // BUG 104250: Windows 7 posts a WM_CHAR message upon the Ctrl+']' keypress. |
| // Any charCode < 32 is not going to be a valid keypress. |
| if (event.charCode < 32 && WebInspector.isWin()) |
| return; |
| clearTimeout(this._keyDownTimer); |
| delete this._keyDownTimer; |
| }, |
| |
| _keyDown: function(event) |
| { |
| if (!WebInspector.KeyboardShortcut.eventHasCtrlOrMeta(event)) |
| return; |
| |
| // Ctrl/Cmd + 1-9 should show corresponding panel. |
| var panelShortcutEnabled = WebInspector.settings.shortcutPanelSwitch.get(); |
| if (panelShortcutEnabled && !event.shiftKey && !event.altKey && event.keyCode > 0x30 && event.keyCode < 0x3A) { |
| var panelName = this._panelOrder[event.keyCode - 0x31]; |
| if (panelName) { |
| this.showPanel(panelName); |
| event.consume(true); |
| } |
| return; |
| } |
| |
| // BUG85312: On French AZERTY keyboards, AltGr-]/[ combinations (synonymous to Ctrl-Alt-]/[ on Windows) are used to enter ]/[, |
| // so for a ]/[-related keydown we delay the panel switch using a timer, to see if there is a keypress event following this one. |
| // If there is, we cancel the timer and do not consider this a panel switch. |
| if (!WebInspector.isWin() || (!this._openBracketIdentifiers[event.keyIdentifier] && !this._closeBracketIdentifiers[event.keyIdentifier])) { |
| this._keyDownInternal(event); |
| return; |
| } |
| |
| this._keyDownTimer = setTimeout(this._keyDownInternal.bind(this, event), 0); |
| }, |
| |
| _keyDownInternal: function(event) |
| { |
| if (this._openBracketIdentifiers[event.keyIdentifier]) { |
| var isRotateLeft = !event.shiftKey && !event.altKey; |
| if (isRotateLeft) { |
| var index = this._panelOrder.indexOf(this.currentPanel().name); |
| index = (index === 0) ? this._panelOrder.length - 1 : index - 1; |
| this.showPanel(this._panelOrder[index]); |
| event.consume(true); |
| return; |
| } |
| |
| var isGoBack = event.altKey; |
| if (isGoBack && this._canGoBackInHistory()) { |
| this._goBackInHistory(); |
| event.consume(true); |
| } |
| return; |
| } |
| |
| if (this._closeBracketIdentifiers[event.keyIdentifier]) { |
| var isRotateRight = !event.shiftKey && !event.altKey; |
| if (isRotateRight) { |
| var index = this._panelOrder.indexOf(this.currentPanel().name); |
| index = (index + 1) % this._panelOrder.length; |
| this.showPanel(this._panelOrder[index]); |
| event.consume(true); |
| return; |
| } |
| |
| var isGoForward = event.altKey; |
| if (isGoForward && this._canGoForwardInHistory()) { |
| this._goForwardInHistory(); |
| event.consume(true); |
| } |
| return; |
| } |
| }, |
| |
| _canGoBackInHistory: function() |
| { |
| return this._historyIterator > 0; |
| }, |
| |
| _goBackInHistory: function() |
| { |
| this._inHistory = true; |
| this.setCurrentPanel(WebInspector.panels[this._history[--this._historyIterator]]); |
| delete this._inHistory; |
| }, |
| |
| _canGoForwardInHistory: function() |
| { |
| return this._historyIterator < this._history.length - 1; |
| }, |
| |
| _goForwardInHistory: function() |
| { |
| this._inHistory = true; |
| this.setCurrentPanel(WebInspector.panels[this._history[++this._historyIterator]]); |
| delete this._inHistory; |
| }, |
| |
| _pushToHistory: function(panelName) |
| { |
| if (this._inHistory) |
| return; |
| |
| this._history.splice(this._historyIterator + 1, this._history.length - this._historyIterator - 1); |
| if (!this._history.length || this._history[this._history.length - 1] !== panelName) |
| this._history.push(panelName); |
| this._historyIterator = this._history.length - 1; |
| }, |
| |
| panelsElement: function() |
| { |
| return this._panelsElement; |
| }, |
| |
| /** |
| * @param {?Element} element |
| */ |
| setFooterElement: function(element) |
| { |
| if (this._currentPanel && this._currentPanel.canSetFooterElement()) { |
| this._currentPanel.setFooterElement(element); |
| return; |
| } |
| if (element) { |
| this._footerElementContainer.removeStyleClass("hidden"); |
| this._footerElementContainer.appendChild(element); |
| this._panelsElement.style.bottom = this._footerElementContainer.offsetHeight + "px"; |
| } else { |
| this._footerElementContainer.addStyleClass("hidden"); |
| this._footerElementContainer.removeChildren(); |
| this._panelsElement.style.bottom = 0; |
| } |
| this.doResize(); |
| }, |
| |
| __proto__: WebInspector.View.prototype |
| } |
| |
| /** |
| * @type {WebInspector.InspectorView} |
| */ |
| WebInspector.inspectorView = null; |