diff options
Diffstat (limited to 'Source/WebInspectorUI/UserInterface/Views/ScopeRadioButtonNavigationItem.js')
-rw-r--r-- | Source/WebInspectorUI/UserInterface/Views/ScopeRadioButtonNavigationItem.js | 94 |
1 files changed, 94 insertions, 0 deletions
diff --git a/Source/WebInspectorUI/UserInterface/Views/ScopeRadioButtonNavigationItem.js b/Source/WebInspectorUI/UserInterface/Views/ScopeRadioButtonNavigationItem.js new file mode 100644 index 000000000..6fde7db7d --- /dev/null +++ b/Source/WebInspectorUI/UserInterface/Views/ScopeRadioButtonNavigationItem.js @@ -0,0 +1,94 @@ +/* + * Copyright (C) 2015 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.ScopeRadioButtonNavigationItem = class ScopeRadioButtonNavigationItem extends WebInspector.RadioButtonNavigationItem +{ + constructor(identifier, toolTip, scopeItems, defaultScopeItem) + { + super(identifier, toolTip); + + this._scopeItems = scopeItems || []; + + this._element.classList.add("scope-radio-button-navigation-item"); + this._element.title = defaultScopeItem ? defaultScopeItem.label : this._scopeItems[0].label; + + this._scopeItemSelect = document.createElement("select"); + this._scopeItemSelect.classList.add("scope-radio-button-item-select"); + + for (var item of this._scopeItems) { + var option = document.createElement("option"); + option.value = item.identifier; + option.text = item.label; + this._scopeItemSelect.appendChild(option); + } + + this.selectedItemIdentifier = defaultScopeItem ? defaultScopeItem.identifier : this._scopeItems[0].identifier; + this._scopeItemSelect.addEventListener("change", this._handleItemChanged.bind(this)); + this._element.appendChild(this._scopeItemSelect); + + this._element.appendChild(useSVGSymbol("Images/UpDownArrows.svg", "arrows")); + } + + // Public + + set selectedItemIdentifier(identifier) + { + if (!identifier) + return; + + this._scopeItemSelect.value = identifier; + } + + get selectedItemIdentifier() + { + return this._scopeItemSelect.value; + } + + dontPreventDefaultOnNavigationBarMouseDown() + { + return true; + } + + // Private + + _handleItemChanged() + { + var selectedItemIdentifier; + for (var item of this._scopeItems) { + if (item.identifier !== this.selectedItemIdentifier) + continue; + + selectedItemIdentifier = item; + break; + } + + this._element.title = selectedItemIdentifier.label; + this.dispatchEventToListeners(WebInspector.ScopeRadioButtonNavigationItem.Event.SelectedItemChanged); + } +} + +WebInspector.ScopeRadioButtonNavigationItem.Event = { + SelectedItemChanged: "scope-radio-button-navigation-item-selected-item-changed" +}; |