| /* |
| * Copyright (C) 2013 Apple 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: |
| * 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. |
| * |
| * THIS SOFTWARE IS PROVIDED BY APPLE INC. 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 INC. 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.ContentBrowser = function(element, delegate, disableBackForward) |
| { |
| WebInspector.Object.call(this); |
| |
| this._element = element || document.createElement("div"); |
| this._element.classList.add(WebInspector.ContentBrowser.StyleClassName); |
| |
| this._navigationBar = new WebInspector.NavigationBar; |
| this._element.appendChild(this._navigationBar.element); |
| |
| this._contentViewContainer = new WebInspector.ContentViewContainer; |
| this._contentViewContainer.addEventListener(WebInspector.ContentViewContainer.Event.CurrentContentViewDidChange, this._currentContentViewDidChange, this); |
| this._element.appendChild(this._contentViewContainer.element); |
| |
| this._findBanner = new WebInspector.FindBanner(this); |
| this._findKeyboardShortcut = new WebInspector.KeyboardShortcut(WebInspector.KeyboardShortcut.Modifier.CommandOrControl, "F", this._showFindBanner.bind(this)); |
| this._findBanner.addEventListener(WebInspector.FindBanner.Event.DidShow, this._findBannerDidShow, this); |
| this._findBanner.addEventListener(WebInspector.FindBanner.Event.DidHide, this._findBannerDidHide, this); |
| |
| this._saveKeyboardShortcut = new WebInspector.KeyboardShortcut(WebInspector.KeyboardShortcut.Modifier.CommandOrControl, "S", this._save.bind(this)); |
| this._saveAsKeyboardShortcut = new WebInspector.KeyboardShortcut(WebInspector.KeyboardShortcut.Modifier.Shift | WebInspector.KeyboardShortcut.Modifier.CommandOrControl, "S", this._saveAs.bind(this)); |
| |
| if (!disableBackForward) { |
| this._backKeyboardShortcut = new WebInspector.KeyboardShortcut(WebInspector.KeyboardShortcut.Modifier.CommandOrControl | WebInspector.KeyboardShortcut.Modifier.Control, WebInspector.KeyboardShortcut.Key.Left, this._backButtonClicked.bind(this)); |
| this._forwardKeyboardShortcut = new WebInspector.KeyboardShortcut(WebInspector.KeyboardShortcut.Modifier.CommandOrControl | WebInspector.KeyboardShortcut.Modifier.Control, WebInspector.KeyboardShortcut.Key.Right, this._forwardButtonClicked.bind(this)); |
| |
| this._backButtonNavigationItem = new WebInspector.ButtonNavigationItem("back", WebInspector.UIString("Back (%s)").format(this._backKeyboardShortcut.displayName), "Images/BackArrow.svg", 9, 9); |
| this._backButtonNavigationItem.addEventListener(WebInspector.ButtonNavigationItem.Event.Clicked, this._backButtonClicked, this); |
| this._backButtonNavigationItem.enabled = false; |
| this._navigationBar.addNavigationItem(this._backButtonNavigationItem); |
| |
| this._forwardButtonNavigationItem = new WebInspector.ButtonNavigationItem("forward", WebInspector.UIString("Forward (%s)").format(this._forwardKeyboardShortcut.displayName), "Images/ForwardArrow.svg", 9, 9); |
| this._forwardButtonNavigationItem.addEventListener(WebInspector.ButtonNavigationItem.Event.Clicked, this._forwardButtonClicked, this); |
| this._forwardButtonNavigationItem.enabled = false; |
| this._navigationBar.addNavigationItem(this._forwardButtonNavigationItem); |
| |
| this._navigationBar.addNavigationItem(new WebInspector.DividerNavigationItem); |
| } |
| |
| this._hierarchicalPathNavigationItem = new WebInspector.HierarchicalPathNavigationItem; |
| this._hierarchicalPathNavigationItem.addEventListener(WebInspector.HierarchicalPathNavigationItem.Event.PathComponentWasSelected, this._hierarchicalPathComponentWasSelected, this); |
| this._navigationBar.addNavigationItem(this._hierarchicalPathNavigationItem); |
| |
| this._contentViewSelectionPathNavigationItem = new WebInspector.HierarchicalPathNavigationItem; |
| |
| this._navigationBar.addNavigationItem(new WebInspector.FlexibleSpaceNavigationItem); |
| |
| WebInspector.ContentView.addEventListener(WebInspector.ContentView.Event.SelectionPathComponentsDidChange, this._contentViewSelectionPathComponentDidChange, this); |
| WebInspector.ContentView.addEventListener(WebInspector.ContentView.Event.SupplementalRepresentedObjectsDidChange, this._contentViewSupplementalRepresentedObjectsDidChange, this); |
| WebInspector.ContentView.addEventListener(WebInspector.ContentView.Event.NumberOfSearchResultsDidChange, this._contentViewNumberOfSearchResultsDidChange, this); |
| WebInspector.ContentView.addEventListener(WebInspector.ContentView.Event.NavigationItemsDidChange, this._contentViewNavigationItemsDidChange, this); |
| |
| this._delegate = delegate || null; |
| |
| this._currentContentViewNavigationItems = []; |
| }; |
| |
| WebInspector.Object.addConstructorFunctions(WebInspector.ContentBrowser); |
| |
| WebInspector.ContentBrowser.StyleClassName = "content-browser"; |
| |
| WebInspector.ContentBrowser.Event = { |
| CurrentRepresentedObjectsDidChange: "content-browser-current-represented-objects-did-change", |
| CurrentContentViewDidChange: "content-browser-current-content-view-did-change" |
| }; |
| |
| WebInspector.ContentBrowser.prototype = { |
| constructor: WebInspector.ContentBrowser, |
| |
| // Public |
| |
| get element() |
| { |
| return this._element; |
| }, |
| |
| get navigationBar() |
| { |
| return this._navigationBar; |
| }, |
| |
| get contentViewContainer() |
| { |
| return this._contentViewContainer; |
| }, |
| |
| get delegate() |
| { |
| return this._delegate; |
| }, |
| |
| set delegate(newDelegate) |
| { |
| this._delegate = newDelegate || null; |
| }, |
| |
| get currentContentView() |
| { |
| return this._contentViewContainer.currentContentView; |
| }, |
| |
| get currentRepresentedObjects() |
| { |
| var representedObjects = []; |
| |
| var lastComponent = this._hierarchicalPathNavigationItem.lastComponent; |
| if (lastComponent && lastComponent.representedObject) |
| representedObjects.push(lastComponent.representedObject); |
| |
| lastComponent = this._contentViewSelectionPathNavigationItem.lastComponent; |
| if (lastComponent && lastComponent.representedObject) |
| representedObjects.push(lastComponent.representedObject); |
| |
| var currentContentView = this.currentContentView; |
| if (currentContentView) { |
| var supplementalRepresentedObjects = currentContentView.supplementalRepresentedObjects; |
| if (supplementalRepresentedObjects && supplementalRepresentedObjects.length) |
| representedObjects = representedObjects.concat(supplementalRepresentedObjects); |
| } |
| |
| return representedObjects; |
| }, |
| |
| updateLayout: function() |
| { |
| this._navigationBar.updateLayout(); |
| this._contentViewContainer.updateLayout(); |
| }, |
| |
| showContentViewForRepresentedObject: function(representedObject, cookie) |
| { |
| var contentView = this.contentViewForRepresentedObject(representedObject); |
| return this._contentViewContainer.showContentView(contentView, cookie); |
| }, |
| |
| showContentView: function(contentView, cookie) |
| { |
| return this._contentViewContainer.showContentView(contentView, cookie); |
| }, |
| |
| contentViewForRepresentedObject: function(representedObject, onlyExisting) |
| { |
| return this._contentViewContainer.contentViewForRepresentedObject(representedObject, onlyExisting); |
| }, |
| |
| canGoBack: function() |
| { |
| var currentContentView = this.currentContentView; |
| if (currentContentView && currentContentView.canGoBack()) |
| return true; |
| return this._contentViewContainer.canGoBack(); |
| }, |
| |
| canGoForward: function() |
| { |
| var currentContentView = this.currentContentView; |
| if (currentContentView && currentContentView.canGoForward()) |
| return true; |
| return this._contentViewContainer.canGoForward(); |
| }, |
| |
| goBack: function() |
| { |
| var currentContentView = this.currentContentView; |
| if (currentContentView && currentContentView.canGoBack()) { |
| currentContentView.goBack(); |
| this._updateBackForwardButtons(); |
| return; |
| } |
| |
| this._contentViewContainer.goBack(); |
| |
| // The _updateBackForwardButtons function is called by _currentContentViewDidChange, |
| // so it does not need to be called here. |
| }, |
| |
| goForward: function() |
| { |
| var currentContentView = this.currentContentView; |
| if (currentContentView && currentContentView.canGoForward()) { |
| currentContentView.goForward(); |
| this._updateBackForwardButtons(); |
| return; |
| } |
| |
| this._contentViewContainer.goForward(); |
| |
| // The _updateBackForwardButtons function is called by _currentContentViewDidChange, |
| // so it does not need to be called here. |
| }, |
| |
| findBannerPerformSearch: function(findBanner, query) |
| { |
| var currentContentView = this.currentContentView; |
| if (!currentContentView || !currentContentView.supportsSearch) |
| return; |
| |
| currentContentView.performSearch(query); |
| }, |
| |
| findBannerSearchCleared: function(findBanner) |
| { |
| var currentContentView = this.currentContentView; |
| if (!currentContentView || !currentContentView.supportsSearch) |
| return; |
| |
| currentContentView.searchCleared(); |
| }, |
| |
| findBannerSearchQueryForSelection: function(findBanner) |
| { |
| var currentContentView = this.currentContentView; |
| if (!currentContentView || !currentContentView.supportsSearch) |
| return null; |
| |
| return currentContentView.searchQueryWithSelection(); |
| }, |
| |
| findBannerRevealPreviousResult: function(findBanner) |
| { |
| var currentContentView = this.currentContentView; |
| if (!currentContentView || !currentContentView.supportsSearch) |
| return; |
| |
| currentContentView.revealPreviousSearchResult(!findBanner.showing); |
| }, |
| |
| findBannerRevealNextResult: function(findBanner) |
| { |
| var currentContentView = this.currentContentView; |
| if (!currentContentView || !currentContentView.supportsSearch) |
| return; |
| |
| currentContentView.revealNextSearchResult(!findBanner.showing); |
| }, |
| |
| // Private |
| |
| _backButtonClicked: function(event) |
| { |
| this.goBack(); |
| }, |
| |
| _forwardButtonClicked: function(event) |
| { |
| this.goForward(); |
| }, |
| |
| _saveDataToFile: function(saveData, forceSaveAs) |
| { |
| console.assert(saveData); |
| if (!saveData) |
| return; |
| |
| if (typeof saveData.customSaveHandler === "function") { |
| saveData.customSaveHandler(forceSaveAs); |
| return; |
| } |
| |
| console.assert(saveData.url); |
| console.assert(typeof saveData.content === "string"); |
| if (!saveData.url || typeof saveData.content !== "string") |
| return; |
| |
| InspectorFrontendHost.save(saveData.url, saveData.content, false, forceSaveAs || saveData.forceSaveAs); |
| }, |
| |
| _save: function(event) |
| { |
| var currentContentView = this.currentContentView; |
| if (!currentContentView || !currentContentView.supportsSave) |
| return; |
| |
| this._saveDataToFile(currentContentView.saveData); |
| }, |
| |
| _saveAs: function(event) |
| { |
| var currentContentView = this.currentContentView; |
| if (!currentContentView || !currentContentView.supportsSave) |
| return; |
| |
| this._saveDataToFile(currentContentView.saveData, true); |
| }, |
| |
| _showFindBanner: function(event) |
| { |
| var currentContentView = this.currentContentView; |
| if (!currentContentView || !currentContentView.supportsSearch) |
| return; |
| |
| this._findBanner.show(); |
| }, |
| |
| _findBannerDidShow: function(event) |
| { |
| var currentContentView = this.currentContentView; |
| if (!currentContentView || !currentContentView.supportsSearch) |
| return; |
| |
| currentContentView.automaticallyRevealFirstSearchResult = true; |
| }, |
| |
| _findBannerDidHide: function(event) |
| { |
| var currentContentView = this.currentContentView; |
| if (!currentContentView || !currentContentView.supportsSearch) |
| return; |
| |
| currentContentView.automaticallyRevealFirstSearchResult = false; |
| }, |
| |
| _contentViewNumberOfSearchResultsDidChange: function(event) |
| { |
| if (event.target !== this.currentContentView) |
| return; |
| |
| this._findBanner.numberOfResults = this.currentContentView.numberOfSearchResults; |
| }, |
| |
| _updateHierarchicalPathNavigationItem: function(representedObject) |
| { |
| if (!this.delegate || typeof this.delegate.contentBrowserTreeElementForRepresentedObject !== "function") |
| return; |
| |
| var treeElement = representedObject ? this.delegate.contentBrowserTreeElementForRepresentedObject(this, representedObject) : null; |
| var pathComponents = []; |
| |
| while (treeElement && !treeElement.root) { |
| var pathComponent = new WebInspector.GeneralTreeElementPathComponent(treeElement); |
| pathComponents.unshift(pathComponent); |
| treeElement = treeElement.parent; |
| } |
| |
| this._hierarchicalPathNavigationItem.components = pathComponents; |
| }, |
| |
| _updateContentViewSelectionPathNavigationItem: function(contentView) |
| { |
| var selectionPathComponents = contentView ? contentView.selectionPathComponents || [] : []; |
| this._contentViewSelectionPathNavigationItem.components = selectionPathComponents; |
| |
| if (!selectionPathComponents.length) { |
| this._hierarchicalPathNavigationItem.alwaysShowLastPathComponentSeparator = false; |
| this._navigationBar.removeNavigationItem(this._contentViewSelectionPathNavigationItem); |
| return; |
| } |
| |
| // Insert the _contentViewSelectionPathNavigationItem after the _hierarchicalPathNavigationItem, if needed. |
| if (!this._navigationBar.navigationItems.contains(this._contentViewSelectionPathNavigationItem)) { |
| var hierarchicalPathItemIndex = this._navigationBar.navigationItems.indexOf(this._hierarchicalPathNavigationItem); |
| console.assert(hierarchicalPathItemIndex !== -1); |
| this._navigationBar.insertNavigationItem(this._contentViewSelectionPathNavigationItem, hierarchicalPathItemIndex + 1); |
| this._hierarchicalPathNavigationItem.alwaysShowLastPathComponentSeparator = true; |
| } |
| }, |
| |
| _updateBackForwardButtons: function() |
| { |
| if (!this._backButtonNavigationItem || !this._forwardButtonNavigationItem) |
| return; |
| |
| this._backButtonNavigationItem.enabled = this.canGoBack(); |
| this._forwardButtonNavigationItem.enabled = this.canGoForward(); |
| }, |
| |
| _updateContentViewNavigationItems: function() |
| { |
| var navigationBar = this.navigationBar; |
| |
| // First, we remove the navigation items added by the previous content view. |
| this._currentContentViewNavigationItems.forEach(function(navigationItem) { |
| navigationBar.removeNavigationItem(navigationItem); |
| }); |
| |
| var currentContentView = this.currentContentView; |
| if (!currentContentView) { |
| this._currentContentViewNavigationItems = []; |
| return; |
| } |
| |
| var insertionIndex = navigationBar.navigationItems.length; |
| console.assert(insertionIndex >= 0); |
| |
| // Keep track of items we'll be adding to the navigation bar. |
| var newNavigationItems = []; |
| |
| // Go through each of the items of the new content view and add a divider before them. |
| currentContentView.navigationItems.forEach(function(navigationItem, index) { |
| // Add dividers before items unless it's the first item and not a button. |
| if (index !== 0 || navigationItem instanceof WebInspector.ButtonNavigationItem) { |
| var divider = new WebInspector.DividerNavigationItem; |
| navigationBar.insertNavigationItem(divider, insertionIndex++); |
| newNavigationItems.push(divider); |
| } |
| navigationBar.insertNavigationItem(navigationItem, insertionIndex++); |
| newNavigationItems.push(navigationItem); |
| }); |
| |
| // Remember the navigation items we inserted so we can remove them |
| // for the next content view. |
| this._currentContentViewNavigationItems = newNavigationItems; |
| }, |
| |
| _updateFindBanner: function(currentContentView) |
| { |
| if (!currentContentView) { |
| this._findBanner.targetElement = null; |
| this._findBanner.numberOfResults = null; |
| return; |
| } |
| |
| this._findBanner.targetElement = currentContentView.element; |
| this._findBanner.numberOfResults = currentContentView.hasPerformedSearch ? currentContentView.numberOfSearchResults : null; |
| |
| if (currentContentView.supportsSearch && this._findBanner.searchQuery) { |
| currentContentView.automaticallyRevealFirstSearchResult = this._findBanner.showing; |
| currentContentView.performSearch(this._findBanner.searchQuery); |
| } |
| }, |
| |
| _dispatchCurrentRepresentedObjectsDidChangeEventSoon: function() |
| { |
| if (this._currentRepresentedObjectsDidChangeTimeout) |
| return; |
| this._currentRepresentedObjectsDidChangeTimeout = setTimeout(this._dispatchCurrentRepresentedObjectsDidChangeEvent.bind(this), 0); |
| }, |
| |
| _dispatchCurrentRepresentedObjectsDidChangeEvent: function() |
| { |
| if (this._currentRepresentedObjectsDidChangeTimeout) { |
| clearTimeout(this._currentRepresentedObjectsDidChangeTimeout); |
| delete this._currentRepresentedObjectsDidChangeTimeout; |
| } |
| |
| this.dispatchEventToListeners(WebInspector.ContentBrowser.Event.CurrentRepresentedObjectsDidChange); |
| }, |
| |
| _contentViewSelectionPathComponentDidChange: function(event) |
| { |
| if (event.target !== this.currentContentView) |
| return; |
| |
| this._updateContentViewSelectionPathNavigationItem(event.target); |
| this._updateBackForwardButtons(); |
| |
| this._updateContentViewNavigationItems(); |
| |
| this._navigationBar.updateLayout(); |
| |
| this._dispatchCurrentRepresentedObjectsDidChangeEventSoon(); |
| }, |
| |
| _contentViewSupplementalRepresentedObjectsDidChange: function(event) |
| { |
| if (event.target !== this.currentContentView) |
| return; |
| |
| this._dispatchCurrentRepresentedObjectsDidChangeEventSoon(); |
| }, |
| |
| _currentContentViewDidChange: function(event) |
| { |
| var currentContentView = this.currentContentView; |
| |
| this._updateHierarchicalPathNavigationItem(currentContentView ? currentContentView.representedObject : null); |
| this._updateContentViewSelectionPathNavigationItem(currentContentView); |
| this._updateBackForwardButtons(); |
| |
| this._updateContentViewNavigationItems(); |
| this._updateFindBanner(currentContentView); |
| |
| this._navigationBar.updateLayout(); |
| |
| this.dispatchEventToListeners(WebInspector.ContentBrowser.Event.CurrentContentViewDidChange); |
| |
| this._dispatchCurrentRepresentedObjectsDidChangeEvent(); |
| }, |
| |
| _contentViewNavigationItemsDidChange: function(event) |
| { |
| if (event.target !== this.currentContentView) |
| return; |
| |
| this._updateContentViewNavigationItems(); |
| this._navigationBar.updateLayout(); |
| }, |
| |
| _hierarchicalPathComponentWasSelected: function(event) |
| { |
| console.assert(event.data.pathComponent instanceof WebInspector.GeneralTreeElementPathComponent); |
| |
| var treeElement = event.data.pathComponent.generalTreeElement; |
| var originalTreeElement = treeElement; |
| |
| // Some tree elements (like folders) are not viewable. Find the first descendant that is viewable. |
| while (treeElement && !WebInspector.ContentView.isViewable(treeElement.representedObject)) |
| treeElement = treeElement.traverseNextTreeElement(false, originalTreeElement, false); |
| |
| if (!treeElement) |
| return; |
| |
| this.showContentViewForRepresentedObject(treeElement.representedObject); |
| } |
| }; |
| |
| WebInspector.ContentBrowser.prototype.__proto__ = WebInspector.Object.prototype; |