15c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)/* 25c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * Copyright (C) 2010 Google Inc. All rights reserved. 35c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * 45c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * Redistribution and use in source and binary forms, with or without 55c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * modification, are permitted provided that the following conditions are 65c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * met: 75c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * 85c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * * Redistributions of source code must retain the above copyright 95c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * notice, this list of conditions and the following disclaimer. 105c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * * Redistributions in binary form must reproduce the above 115c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * copyright notice, this list of conditions and the following disclaimer 125c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * in the documentation and/or other materials provided with the 135c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * distribution. 145c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * * Neither the name of Google Inc. nor the names of its 155c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * contributors may be used to endorse or promote products derived from 165c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * this software without specific prior written permission. 175c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * 185c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS 195c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT 205c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR 215c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT 225c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, 235c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT 245c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, 255c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY 265c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT 275c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE 285c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. 295c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) */ 305c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 315c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)/** 32d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) * @extends {WebInspector.VBox} 335c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * @constructor 345c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) */ 355c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)WebInspector.TabbedPane = function() 365c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles){ 37d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) WebInspector.VBox.call(this); 38d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) this.element.classList.add("tabbed-pane"); 39a9984bf9ddc3cf73fdae3f29134a2bab379e7029Ben Murdoch this.element.tabIndex = -1; 405c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) this._headerElement = this.element.createChild("div", "tabbed-pane-header"); 415c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) this._headerContentsElement = this._headerElement.createChild("div", "tabbed-pane-header-contents"); 425c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) this._tabsElement = this._headerContentsElement.createChild("div", "tabbed-pane-header-tabs"); 43926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles) this._contentElement = this.element.createChild("div", "tabbed-pane-content scroll-target"); 446f543c786fc42989f552b4daa774ca5ff32fa697Ben Murdoch /** @type {!Array.<!WebInspector.TabbedPaneTab>} */ 455c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) this._tabs = []; 466f543c786fc42989f552b4daa774ca5ff32fa697Ben Murdoch /** @type {!Array.<!WebInspector.TabbedPaneTab>} */ 475c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) this._tabsHistory = []; 486f543c786fc42989f552b4daa774ca5ff32fa697Ben Murdoch /** @type {!Object.<string, !WebInspector.TabbedPaneTab>} */ 495c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) this._tabsById = {}; 505c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 515c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) this._dropDownButton = this._createDropDownButton(); 52f91f5fa1608c2cdd9af1842fb5dadbe78275be2aBo Liu WebInspector.zoomManager.addEventListener(WebInspector.ZoomManager.Events.ZoomChanged, this._zoomChanged, this); 535c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)} 545c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 555c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)WebInspector.TabbedPane.EventTypes = { 565c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) TabSelected: "TabSelected", 575c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) TabClosed: "TabClosed" 585c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)} 595c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 605c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)WebInspector.TabbedPane.prototype = { 615c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) /** 6210f88d5669dbd969c059d61ba09fa37dd72ac559Ben Murdoch * @return {?WebInspector.View} 635c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) */ 645c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) get visibleView() 655c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) { 665c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) return this._currentTab ? this._currentTab.view : null; 675c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) }, 685c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 695c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) /** 706f543c786fc42989f552b4daa774ca5ff32fa697Ben Murdoch * @return {!Array.<!WebInspector.View>} 716f543c786fc42989f552b4daa774ca5ff32fa697Ben Murdoch */ 726f543c786fc42989f552b4daa774ca5ff32fa697Ben Murdoch tabViews: function() 736f543c786fc42989f552b4daa774ca5ff32fa697Ben Murdoch { 746f543c786fc42989f552b4daa774ca5ff32fa697Ben Murdoch /** 756f543c786fc42989f552b4daa774ca5ff32fa697Ben Murdoch * @param {!WebInspector.TabbedPaneTab} tab 766f543c786fc42989f552b4daa774ca5ff32fa697Ben Murdoch * @return {!WebInspector.View} 776f543c786fc42989f552b4daa774ca5ff32fa697Ben Murdoch */ 786f543c786fc42989f552b4daa774ca5ff32fa697Ben Murdoch function tabToView(tab) 796f543c786fc42989f552b4daa774ca5ff32fa697Ben Murdoch { 806f543c786fc42989f552b4daa774ca5ff32fa697Ben Murdoch return tab.view; 816f543c786fc42989f552b4daa774ca5ff32fa697Ben Murdoch } 826f543c786fc42989f552b4daa774ca5ff32fa697Ben Murdoch return this._tabs.map(tabToView); 836f543c786fc42989f552b4daa774ca5ff32fa697Ben Murdoch }, 846f543c786fc42989f552b4daa774ca5ff32fa697Ben Murdoch 856f543c786fc42989f552b4daa774ca5ff32fa697Ben Murdoch /** 8610f88d5669dbd969c059d61ba09fa37dd72ac559Ben Murdoch * @return {?string} 875c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) */ 885c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) get selectedTabId() 895c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) { 905c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) return this._currentTab ? this._currentTab.id : null; 915c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) }, 925c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 935c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) /** 945c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * @type {boolean} shrinkableTabs 955c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) */ 965c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) set shrinkableTabs(shrinkableTabs) 975c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) { 985c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) this._shrinkableTabs = shrinkableTabs; 995c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) }, 1005c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 1015c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) /** 102926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles) * @type {boolean} verticalTabLayout 103926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles) */ 104926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles) set verticalTabLayout(verticalTabLayout) 105926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles) { 106926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles) this._verticalTabLayout = verticalTabLayout; 107aafa69cb17c9d6606c07663ade5f81388a2c5986Ben Murdoch this.invalidateConstraints(); 108926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles) }, 109926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles) 110926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles) /** 111f5e4ad553afbc08dd2e729bb77e937a9a94d5827Torne (Richard Coles) * @type {boolean} closeableTabs 1125c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) */ 1135c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) set closeableTabs(closeableTabs) 1145c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) { 1155c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) this._closeableTabs = closeableTabs; 1165c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) }, 1175c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 118f5e4ad553afbc08dd2e729bb77e937a9a94d5827Torne (Richard Coles) /** 11909380295ba73501a205346becac22c6978e4671dTorne (Richard Coles) * @param {boolean} retainTabOrder 12009380295ba73501a205346becac22c6978e4671dTorne (Richard Coles) * @param {function(string, string):number=} tabOrderComparator 121f5e4ad553afbc08dd2e729bb77e937a9a94d5827Torne (Richard Coles) */ 12209380295ba73501a205346becac22c6978e4671dTorne (Richard Coles) setRetainTabOrder: function(retainTabOrder, tabOrderComparator) 123f5e4ad553afbc08dd2e729bb77e937a9a94d5827Torne (Richard Coles) { 12409380295ba73501a205346becac22c6978e4671dTorne (Richard Coles) this._retainTabOrder = retainTabOrder; 12509380295ba73501a205346becac22c6978e4671dTorne (Richard Coles) this._tabOrderComparator = tabOrderComparator; 126f5e4ad553afbc08dd2e729bb77e937a9a94d5827Torne (Richard Coles) }, 127f5e4ad553afbc08dd2e729bb77e937a9a94d5827Torne (Richard Coles) 128bfe3590b1806e3ff18f46ee3af5d4b83078f305aTorne (Richard Coles) /** 129a854de003a23bf3c7f95ec0f8154ada64092ff5cTorne (Richard Coles) * @return {?Element} 130bfe3590b1806e3ff18f46ee3af5d4b83078f305aTorne (Richard Coles) */ 1315c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) defaultFocusedElement: function() 1325c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) { 1335c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) return this.visibleView ? this.visibleView.defaultFocusedElement() : null; 1345c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) }, 1355c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 13609380295ba73501a205346becac22c6978e4671dTorne (Richard Coles) focus: function() 13709380295ba73501a205346becac22c6978e4671dTorne (Richard Coles) { 13809380295ba73501a205346becac22c6978e4671dTorne (Richard Coles) if (this.visibleView) 13909380295ba73501a205346becac22c6978e4671dTorne (Richard Coles) this.visibleView.focus(); 14009380295ba73501a205346becac22c6978e4671dTorne (Richard Coles) else 141a9984bf9ddc3cf73fdae3f29134a2bab379e7029Ben Murdoch this.element.focus(); 14209380295ba73501a205346becac22c6978e4671dTorne (Richard Coles) }, 14309380295ba73501a205346becac22c6978e4671dTorne (Richard Coles) 1445c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) /** 145a854de003a23bf3c7f95ec0f8154ada64092ff5cTorne (Richard Coles) * @return {!Element} 146bfe3590b1806e3ff18f46ee3af5d4b83078f305aTorne (Richard Coles) */ 147bfe3590b1806e3ff18f46ee3af5d4b83078f305aTorne (Richard Coles) headerElement: function() 148bfe3590b1806e3ff18f46ee3af5d4b83078f305aTorne (Richard Coles) { 149bfe3590b1806e3ff18f46ee3af5d4b83078f305aTorne (Richard Coles) return this._headerElement; 150bfe3590b1806e3ff18f46ee3af5d4b83078f305aTorne (Richard Coles) }, 151bfe3590b1806e3ff18f46ee3af5d4b83078f305aTorne (Richard Coles) 152bfe3590b1806e3ff18f46ee3af5d4b83078f305aTorne (Richard Coles) /** 153a854de003a23bf3c7f95ec0f8154ada64092ff5cTorne (Richard Coles) * @param {string} id 154a854de003a23bf3c7f95ec0f8154ada64092ff5cTorne (Richard Coles) * @return {boolean} 155a854de003a23bf3c7f95ec0f8154ada64092ff5cTorne (Richard Coles) */ 156a854de003a23bf3c7f95ec0f8154ada64092ff5cTorne (Richard Coles) isTabCloseable: function(id) 157a854de003a23bf3c7f95ec0f8154ada64092ff5cTorne (Richard Coles) { 158a854de003a23bf3c7f95ec0f8154ada64092ff5cTorne (Richard Coles) var tab = this._tabsById[id]; 159a854de003a23bf3c7f95ec0f8154ada64092ff5cTorne (Richard Coles) return tab ? tab.isCloseable() : false; 160a854de003a23bf3c7f95ec0f8154ada64092ff5cTorne (Richard Coles) }, 161a854de003a23bf3c7f95ec0f8154ada64092ff5cTorne (Richard Coles) 162a854de003a23bf3c7f95ec0f8154ada64092ff5cTorne (Richard Coles) /** 163a854de003a23bf3c7f95ec0f8154ada64092ff5cTorne (Richard Coles) * @param {!WebInspector.TabbedPaneTabDelegate} delegate 16453e740f4a82e17f3ae59772501622dc354e42336Torne (Richard Coles) */ 16553e740f4a82e17f3ae59772501622dc354e42336Torne (Richard Coles) setTabDelegate: function(delegate) 16653e740f4a82e17f3ae59772501622dc354e42336Torne (Richard Coles) { 16753e740f4a82e17f3ae59772501622dc354e42336Torne (Richard Coles) var tabs = this._tabs.slice(); 16853e740f4a82e17f3ae59772501622dc354e42336Torne (Richard Coles) for (var i = 0; i < tabs.length; ++i) 16953e740f4a82e17f3ae59772501622dc354e42336Torne (Richard Coles) tabs[i].setDelegate(delegate); 17053e740f4a82e17f3ae59772501622dc354e42336Torne (Richard Coles) this._delegate = delegate; 17153e740f4a82e17f3ae59772501622dc354e42336Torne (Richard Coles) }, 17253e740f4a82e17f3ae59772501622dc354e42336Torne (Richard Coles) 17353e740f4a82e17f3ae59772501622dc354e42336Torne (Richard Coles) /** 1745c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * @param {string} id 1755c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * @param {string} tabTitle 176a854de003a23bf3c7f95ec0f8154ada64092ff5cTorne (Richard Coles) * @param {!WebInspector.View} view 1775c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * @param {string=} tabTooltip 1785c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * @param {boolean=} userGesture 179bfe3590b1806e3ff18f46ee3af5d4b83078f305aTorne (Richard Coles) * @param {boolean=} isCloseable 1805c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) */ 181bfe3590b1806e3ff18f46ee3af5d4b83078f305aTorne (Richard Coles) appendTab: function(id, tabTitle, view, tabTooltip, userGesture, isCloseable) 1825c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) { 183bfe3590b1806e3ff18f46ee3af5d4b83078f305aTorne (Richard Coles) isCloseable = typeof isCloseable === "boolean" ? isCloseable : this._closeableTabs; 184bfe3590b1806e3ff18f46ee3af5d4b83078f305aTorne (Richard Coles) var tab = new WebInspector.TabbedPaneTab(this, id, tabTitle, isCloseable, view, tabTooltip); 18553e740f4a82e17f3ae59772501622dc354e42336Torne (Richard Coles) tab.setDelegate(this._delegate); 1865c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) this._tabsById[id] = tab; 1875c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 18809380295ba73501a205346becac22c6978e4671dTorne (Richard Coles) /** 18909380295ba73501a205346becac22c6978e4671dTorne (Richard Coles) * @param {!WebInspector.TabbedPaneTab} tab1 19009380295ba73501a205346becac22c6978e4671dTorne (Richard Coles) * @param {!WebInspector.TabbedPaneTab} tab2 19109380295ba73501a205346becac22c6978e4671dTorne (Richard Coles) * @this {WebInspector.TabbedPane} 19209380295ba73501a205346becac22c6978e4671dTorne (Richard Coles) * @return {number} 19309380295ba73501a205346becac22c6978e4671dTorne (Richard Coles) */ 19409380295ba73501a205346becac22c6978e4671dTorne (Richard Coles) function comparator(tab1, tab2) 19509380295ba73501a205346becac22c6978e4671dTorne (Richard Coles) { 19609380295ba73501a205346becac22c6978e4671dTorne (Richard Coles) return this._tabOrderComparator(tab1.id, tab2.id); 19709380295ba73501a205346becac22c6978e4671dTorne (Richard Coles) } 19809380295ba73501a205346becac22c6978e4671dTorne (Richard Coles) 19909380295ba73501a205346becac22c6978e4671dTorne (Richard Coles) if (this._retainTabOrder && this._tabOrderComparator) 20009380295ba73501a205346becac22c6978e4671dTorne (Richard Coles) this._tabs.splice(insertionIndexForObjectInListSortedByFunction(tab, this._tabs, comparator.bind(this)), 0, tab); 20109380295ba73501a205346becac22c6978e4671dTorne (Richard Coles) else 20209380295ba73501a205346becac22c6978e4671dTorne (Richard Coles) this._tabs.push(tab); 20309380295ba73501a205346becac22c6978e4671dTorne (Richard Coles) 2045c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) this._tabsHistory.push(tab); 2055c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 20609380295ba73501a205346becac22c6978e4671dTorne (Richard Coles) if (this._tabsHistory[0] === tab && this.isShowing()) 2075c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) this.selectTab(tab.id, userGesture); 2085c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 2095c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) this._updateTabElements(); 2105c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) }, 2115c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 2125c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) /** 2135c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * @param {string} id 2145c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * @param {boolean=} userGesture 2155c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) */ 2165c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) closeTab: function(id, userGesture) 2175c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) { 218926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles) this.closeTabs([id], userGesture); 2195c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) }, 2205c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 221a9984bf9ddc3cf73fdae3f29134a2bab379e7029Ben Murdoch /** 222a9984bf9ddc3cf73fdae3f29134a2bab379e7029Ben Murdoch * @param {!Array.<string>} ids 223a9984bf9ddc3cf73fdae3f29134a2bab379e7029Ben Murdoch * @param {boolean=} userGesture 224a9984bf9ddc3cf73fdae3f29134a2bab379e7029Ben Murdoch */ 225a9984bf9ddc3cf73fdae3f29134a2bab379e7029Ben Murdoch closeTabs: function(ids, userGesture) 226a9984bf9ddc3cf73fdae3f29134a2bab379e7029Ben Murdoch { 227a9984bf9ddc3cf73fdae3f29134a2bab379e7029Ben Murdoch var focused = this.hasFocus(); 228a9984bf9ddc3cf73fdae3f29134a2bab379e7029Ben Murdoch for (var i = 0; i < ids.length; ++i) 229a9984bf9ddc3cf73fdae3f29134a2bab379e7029Ben Murdoch this._innerCloseTab(ids[i], userGesture); 230a9984bf9ddc3cf73fdae3f29134a2bab379e7029Ben Murdoch this._updateTabElements(); 231a9984bf9ddc3cf73fdae3f29134a2bab379e7029Ben Murdoch if (this._tabsHistory.length) 232a9984bf9ddc3cf73fdae3f29134a2bab379e7029Ben Murdoch this.selectTab(this._tabsHistory[0].id, false); 233a9984bf9ddc3cf73fdae3f29134a2bab379e7029Ben Murdoch if (focused) 234a9984bf9ddc3cf73fdae3f29134a2bab379e7029Ben Murdoch this.focus(); 235a9984bf9ddc3cf73fdae3f29134a2bab379e7029Ben Murdoch }, 236926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles) 2375c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) /** 2385c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * @param {string} id 2395c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * @param {boolean=} userGesture 2405c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) */ 2415c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) _innerCloseTab: function(id, userGesture) 2425c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) { 243bfe3590b1806e3ff18f46ee3af5d4b83078f305aTorne (Richard Coles) if (!this._tabsById[id]) 244bfe3590b1806e3ff18f46ee3af5d4b83078f305aTorne (Richard Coles) return; 245f79f16f17ddc4f842d7b7a38603e280e94be826aTorne (Richard Coles) if (userGesture && !this._tabsById[id]._closeable) 246bfe3590b1806e3ff18f46ee3af5d4b83078f305aTorne (Richard Coles) return; 2475c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) if (this._currentTab && this._currentTab.id === id) 2485c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) this._hideCurrentTab(); 2495c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 2505c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) var tab = this._tabsById[id]; 2515c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) delete this._tabsById[id]; 2525c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 2535c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) this._tabsHistory.splice(this._tabsHistory.indexOf(tab), 1); 2545c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) this._tabs.splice(this._tabs.indexOf(tab), 1); 2555c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) if (tab._shown) 2565c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) this._hideTabElement(tab); 2575c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 2585c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) var eventData = { tabId: id, view: tab.view, isUserGesture: userGesture }; 2595c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) this.dispatchEventToListeners(WebInspector.TabbedPane.EventTypes.TabClosed, eventData); 2605c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) return true; 2615c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) }, 2625c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 2635c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) /** 264bfe3590b1806e3ff18f46ee3af5d4b83078f305aTorne (Richard Coles) * @param {string} tabId 265bfe3590b1806e3ff18f46ee3af5d4b83078f305aTorne (Richard Coles) * @return {boolean} 266bfe3590b1806e3ff18f46ee3af5d4b83078f305aTorne (Richard Coles) */ 267bfe3590b1806e3ff18f46ee3af5d4b83078f305aTorne (Richard Coles) hasTab: function(tabId) 268bfe3590b1806e3ff18f46ee3af5d4b83078f305aTorne (Richard Coles) { 269bfe3590b1806e3ff18f46ee3af5d4b83078f305aTorne (Richard Coles) return !!this._tabsById[tabId]; 270bfe3590b1806e3ff18f46ee3af5d4b83078f305aTorne (Richard Coles) }, 271bfe3590b1806e3ff18f46ee3af5d4b83078f305aTorne (Richard Coles) 272bfe3590b1806e3ff18f46ee3af5d4b83078f305aTorne (Richard Coles) /** 273a854de003a23bf3c7f95ec0f8154ada64092ff5cTorne (Richard Coles) * @return {!Array.<string>} 2745c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) */ 27553e740f4a82e17f3ae59772501622dc354e42336Torne (Richard Coles) allTabs: function() 2765c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) { 27753e740f4a82e17f3ae59772501622dc354e42336Torne (Richard Coles) var result = []; 2785c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) var tabs = this._tabs.slice(); 2795c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) for (var i = 0; i < tabs.length; ++i) 28053e740f4a82e17f3ae59772501622dc354e42336Torne (Richard Coles) result.push(tabs[i].id); 28153e740f4a82e17f3ae59772501622dc354e42336Torne (Richard Coles) return result; 2825c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) }, 2835c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 2845c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) /** 2855c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * @param {string} id 286a854de003a23bf3c7f95ec0f8154ada64092ff5cTorne (Richard Coles) * @return {!Array.<string>} 2875c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) */ 28853e740f4a82e17f3ae59772501622dc354e42336Torne (Richard Coles) otherTabs: function(id) 2895c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) { 29053e740f4a82e17f3ae59772501622dc354e42336Torne (Richard Coles) var result = []; 2915c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) var tabs = this._tabs.slice(); 2925c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) for (var i = 0; i < tabs.length; ++i) { 2935c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) if (tabs[i].id !== id) 29453e740f4a82e17f3ae59772501622dc354e42336Torne (Richard Coles) result.push(tabs[i].id); 2955c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) } 29653e740f4a82e17f3ae59772501622dc354e42336Torne (Richard Coles) return result; 2975c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) }, 2985c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 2995c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) /** 3005c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * @param {string} id 3015c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * @param {boolean=} userGesture 302f6b7aed3f7ce69aca0d7a032d144cbd088b04393Torne (Richard Coles) * @return {boolean} 3035c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) */ 3045c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) selectTab: function(id, userGesture) 3055c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) { 306a9984bf9ddc3cf73fdae3f29134a2bab379e7029Ben Murdoch var focused = this.hasFocus(); 3075c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) var tab = this._tabsById[id]; 3085c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) if (!tab) 309f6b7aed3f7ce69aca0d7a032d144cbd088b04393Torne (Richard Coles) return false; 3105c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) if (this._currentTab && this._currentTab.id === id) 311f6b7aed3f7ce69aca0d7a032d144cbd088b04393Torne (Richard Coles) return true; 3125c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 3135c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) this._hideCurrentTab(); 3145c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) this._showTab(tab); 3155c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) this._currentTab = tab; 31607a852d8c1953036774d8f3b65d18dcfea3bb4a2Ben Murdoch 3175c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) this._tabsHistory.splice(this._tabsHistory.indexOf(tab), 1); 3185c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) this._tabsHistory.splice(0, 0, tab); 319a9984bf9ddc3cf73fdae3f29134a2bab379e7029Ben Murdoch 3205c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) this._updateTabElements(); 321a9984bf9ddc3cf73fdae3f29134a2bab379e7029Ben Murdoch if (focused) 322a9984bf9ddc3cf73fdae3f29134a2bab379e7029Ben Murdoch this.focus(); 3235c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 3245c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) var eventData = { tabId: id, view: tab.view, isUserGesture: userGesture }; 3255c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) this.dispatchEventToListeners(WebInspector.TabbedPane.EventTypes.TabSelected, eventData); 326f6b7aed3f7ce69aca0d7a032d144cbd088b04393Torne (Richard Coles) return true; 3275c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) }, 3285c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 3295c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) /** 3305c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * @param {number} tabsCount 331a854de003a23bf3c7f95ec0f8154ada64092ff5cTorne (Richard Coles) * @return {!Array.<string>} 3325c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) */ 3335c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) lastOpenedTabIds: function(tabsCount) 3345c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) { 3355c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) function tabToTabId(tab) { 3365c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) return tab.id; 3375c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) } 3385c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 3395c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) return this._tabsHistory.slice(0, tabsCount).map(tabToTabId); 3405c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) }, 3415c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 3425c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) /** 3435c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * @param {string} id 344591b958dee2cf159d33a0b931e6231072eaf38d5Ben Murdoch * @param {string} iconClass 345591b958dee2cf159d33a0b931e6231072eaf38d5Ben Murdoch * @param {string=} iconTooltip 346591b958dee2cf159d33a0b931e6231072eaf38d5Ben Murdoch */ 347591b958dee2cf159d33a0b931e6231072eaf38d5Ben Murdoch setTabIcon: function(id, iconClass, iconTooltip) 348591b958dee2cf159d33a0b931e6231072eaf38d5Ben Murdoch { 349591b958dee2cf159d33a0b931e6231072eaf38d5Ben Murdoch var tab = this._tabsById[id]; 35051b2906e11752df6c18351cf520e30522d3b53a1Torne (Richard Coles) if (tab._setIconClass(iconClass, iconTooltip)) 35151b2906e11752df6c18351cf520e30522d3b53a1Torne (Richard Coles) this._updateTabElements(); 352591b958dee2cf159d33a0b931e6231072eaf38d5Ben Murdoch }, 353591b958dee2cf159d33a0b931e6231072eaf38d5Ben Murdoch 354591b958dee2cf159d33a0b931e6231072eaf38d5Ben Murdoch /** 355f91f5fa1608c2cdd9af1842fb5dadbe78275be2aBo Liu * @param {!WebInspector.Event} event 356f91f5fa1608c2cdd9af1842fb5dadbe78275be2aBo Liu */ 357f91f5fa1608c2cdd9af1842fb5dadbe78275be2aBo Liu _zoomChanged: function(event) 358f91f5fa1608c2cdd9af1842fb5dadbe78275be2aBo Liu { 359f91f5fa1608c2cdd9af1842fb5dadbe78275be2aBo Liu for (var i = 0; i < this._tabs.length; ++i) 360f91f5fa1608c2cdd9af1842fb5dadbe78275be2aBo Liu delete this._tabs[i]._measuredWidth; 361f91f5fa1608c2cdd9af1842fb5dadbe78275be2aBo Liu if (this.isShowing()) 362f91f5fa1608c2cdd9af1842fb5dadbe78275be2aBo Liu this._updateTabElements(); 363f91f5fa1608c2cdd9af1842fb5dadbe78275be2aBo Liu }, 364f91f5fa1608c2cdd9af1842fb5dadbe78275be2aBo Liu 365f91f5fa1608c2cdd9af1842fb5dadbe78275be2aBo Liu /** 366591b958dee2cf159d33a0b931e6231072eaf38d5Ben Murdoch * @param {string} id 3675c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * @param {string} tabTitle 3685c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) */ 3695c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) changeTabTitle: function(id, tabTitle) 3705c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) { 3715c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) var tab = this._tabsById[id]; 372bfe3590b1806e3ff18f46ee3af5d4b83078f305aTorne (Richard Coles) if (tab.title === tabTitle) 373bfe3590b1806e3ff18f46ee3af5d4b83078f305aTorne (Richard Coles) return; 3745c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) tab.title = tabTitle; 3755c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) this._updateTabElements(); 3765c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) }, 3775c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 3785c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) /** 3795c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * @param {string} id 380a854de003a23bf3c7f95ec0f8154ada64092ff5cTorne (Richard Coles) * @param {!WebInspector.View} view 3815c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) */ 3825c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) changeTabView: function(id, view) 3835c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) { 3845c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) var tab = this._tabsById[id]; 3855c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) if (this._currentTab && this._currentTab.id === tab.id) { 386bfe3590b1806e3ff18f46ee3af5d4b83078f305aTorne (Richard Coles) if (tab.view !== view) 387bfe3590b1806e3ff18f46ee3af5d4b83078f305aTorne (Richard Coles) this._hideTab(tab); 3885c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) tab.view = view; 3895c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) this._showTab(tab); 3905c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) } else 3915c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) tab.view = view; 3925c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) }, 3935c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 3945c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) /** 3955c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * @param {string} id 3965c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * @param {string=} tabTooltip 3975c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) */ 3985c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) changeTabTooltip: function(id, tabTooltip) 3995c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) { 4005c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) var tab = this._tabsById[id]; 4015c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) tab.tooltip = tabTooltip; 4025c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) }, 4035c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 4045c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) onResize: function() 4055c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) { 4065c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) this._updateTabElements(); 4075c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) }, 4085c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 40909380295ba73501a205346becac22c6978e4671dTorne (Richard Coles) headerResized: function() 41009380295ba73501a205346becac22c6978e4671dTorne (Richard Coles) { 41109380295ba73501a205346becac22c6978e4671dTorne (Richard Coles) this._updateTabElements(); 41209380295ba73501a205346becac22c6978e4671dTorne (Richard Coles) }, 41309380295ba73501a205346becac22c6978e4671dTorne (Richard Coles) 41409380295ba73501a205346becac22c6978e4671dTorne (Richard Coles) wasShown: function() 41509380295ba73501a205346becac22c6978e4671dTorne (Richard Coles) { 41609380295ba73501a205346becac22c6978e4671dTorne (Richard Coles) var effectiveTab = this._currentTab || this._tabsHistory[0]; 41709380295ba73501a205346becac22c6978e4671dTorne (Richard Coles) if (effectiveTab) 41809380295ba73501a205346becac22c6978e4671dTorne (Richard Coles) this.selectTab(effectiveTab.id); 41907a852d8c1953036774d8f3b65d18dcfea3bb4a2Ben Murdoch }, 42007a852d8c1953036774d8f3b65d18dcfea3bb4a2Ben Murdoch 42107a852d8c1953036774d8f3b65d18dcfea3bb4a2Ben Murdoch /** 422aafa69cb17c9d6606c07663ade5f81388a2c5986Ben Murdoch * @return {!Constraints} 42307a852d8c1953036774d8f3b65d18dcfea3bb4a2Ben Murdoch */ 424aafa69cb17c9d6606c07663ade5f81388a2c5986Ben Murdoch calculateConstraints: function() 42507a852d8c1953036774d8f3b65d18dcfea3bb4a2Ben Murdoch { 426aafa69cb17c9d6606c07663ade5f81388a2c5986Ben Murdoch var constraints = WebInspector.VBox.prototype.calculateConstraints.call(this); 427aafa69cb17c9d6606c07663ade5f81388a2c5986Ben Murdoch var minContentConstraints = new Constraints(new Size(0, 0), new Size(50, 50)); 428aafa69cb17c9d6606c07663ade5f81388a2c5986Ben Murdoch constraints = constraints.widthToMax(minContentConstraints).heightToMax(minContentConstraints); 42907a852d8c1953036774d8f3b65d18dcfea3bb4a2Ben Murdoch if (this._verticalTabLayout) 430aafa69cb17c9d6606c07663ade5f81388a2c5986Ben Murdoch constraints = constraints.addWidth(new Constraints(new Size(this._headerElement.offsetWidth, 0))); 43107a852d8c1953036774d8f3b65d18dcfea3bb4a2Ben Murdoch else 432aafa69cb17c9d6606c07663ade5f81388a2c5986Ben Murdoch constraints = constraints.addHeight(new Constraints(new Size(0, this._headerElement.offsetHeight))); 433aafa69cb17c9d6606c07663ade5f81388a2c5986Ben Murdoch return constraints; 43409380295ba73501a205346becac22c6978e4671dTorne (Richard Coles) }, 43509380295ba73501a205346becac22c6978e4671dTorne (Richard Coles) 4365c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) _updateTabElements: function() 4375c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) { 4385c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) WebInspector.invokeOnceAfterBatchUpdate(this, this._innerUpdateTabElements); 4395c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) }, 4405c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 441e52495584422c5edb5b2944981473a2e208da323Torne (Richard Coles) /** 442e52495584422c5edb5b2944981473a2e208da323Torne (Richard Coles) * @param {string} text 443e52495584422c5edb5b2944981473a2e208da323Torne (Richard Coles) */ 444e52495584422c5edb5b2944981473a2e208da323Torne (Richard Coles) setPlaceholderText: function(text) 445e52495584422c5edb5b2944981473a2e208da323Torne (Richard Coles) { 446e52495584422c5edb5b2944981473a2e208da323Torne (Richard Coles) this._noTabsMessage = text; 447e52495584422c5edb5b2944981473a2e208da323Torne (Richard Coles) }, 448e52495584422c5edb5b2944981473a2e208da323Torne (Richard Coles) 4495c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) _innerUpdateTabElements: function() 4505c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) { 4515c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) if (!this.isShowing()) 4525c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) return; 4535c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 454e52495584422c5edb5b2944981473a2e208da323Torne (Richard Coles) if (!this._tabs.length) { 455a854de003a23bf3c7f95ec0f8154ada64092ff5cTorne (Richard Coles) this._contentElement.classList.add("has-no-tabs"); 456e52495584422c5edb5b2944981473a2e208da323Torne (Richard Coles) if (this._noTabsMessage && !this._noTabsMessageElement) { 457e52495584422c5edb5b2944981473a2e208da323Torne (Richard Coles) this._noTabsMessageElement = this._contentElement.createChild("div", "tabbed-pane-placeholder fill"); 458e52495584422c5edb5b2944981473a2e208da323Torne (Richard Coles) this._noTabsMessageElement.textContent = this._noTabsMessage; 459e52495584422c5edb5b2944981473a2e208da323Torne (Richard Coles) } 460e52495584422c5edb5b2944981473a2e208da323Torne (Richard Coles) } else { 461a854de003a23bf3c7f95ec0f8154ada64092ff5cTorne (Richard Coles) this._contentElement.classList.remove("has-no-tabs"); 462e52495584422c5edb5b2944981473a2e208da323Torne (Richard Coles) if (this._noTabsMessageElement) { 463591b958dee2cf159d33a0b931e6231072eaf38d5Ben Murdoch this._noTabsMessageElement.remove(); 464e52495584422c5edb5b2944981473a2e208da323Torne (Richard Coles) delete this._noTabsMessageElement; 465e52495584422c5edb5b2944981473a2e208da323Torne (Richard Coles) } 466e52495584422c5edb5b2944981473a2e208da323Torne (Richard Coles) } 467f91f5fa1608c2cdd9af1842fb5dadbe78275be2aBo Liu 4685c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) if (!this._measuredDropDownButtonWidth) 4695c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) this._measureDropDownButton(); 4705c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 4715c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) this._updateWidths(); 4725c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) this._updateTabsDropDown(); 4735c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) }, 4745c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 4755c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) /** 4765c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * @param {number} index 477a854de003a23bf3c7f95ec0f8154ada64092ff5cTorne (Richard Coles) * @param {!WebInspector.TabbedPaneTab} tab 4785c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) */ 4795c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) _showTabElement: function(index, tab) 4805c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) { 4815c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) if (index >= this._tabsElement.children.length) 4825c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) this._tabsElement.appendChild(tab.tabElement); 4835c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) else 4845c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) this._tabsElement.insertBefore(tab.tabElement, this._tabsElement.children[index]); 4855c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) tab._shown = true; 4865c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) }, 4875c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 4885c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) /** 489a854de003a23bf3c7f95ec0f8154ada64092ff5cTorne (Richard Coles) * @param {!WebInspector.TabbedPaneTab} tab 4905c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) */ 4915c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) _hideTabElement: function(tab) 4925c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) { 4935c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) this._tabsElement.removeChild(tab.tabElement); 4945c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) tab._shown = false; 4955c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) }, 4965c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 4975c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) _createDropDownButton: function() 4985c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) { 4995c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) var dropDownContainer = document.createElement("div"); 500a854de003a23bf3c7f95ec0f8154ada64092ff5cTorne (Richard Coles) dropDownContainer.classList.add("tabbed-pane-header-tabs-drop-down-container"); 5015c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) var dropDownButton = dropDownContainer.createChild("div", "tabbed-pane-header-tabs-drop-down"); 5025c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) dropDownButton.appendChild(document.createTextNode("\u00bb")); 503d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) 504d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) this._dropDownMenu = new WebInspector.DropDownMenu(); 505d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) this._dropDownMenu.addEventListener(WebInspector.DropDownMenu.Events.ItemSelected, this._dropDownMenuItemSelected, this); 506d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) dropDownButton.appendChild(this._dropDownMenu.element); 507d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) 5085c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) return dropDownContainer; 5095c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) }, 5105c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 511d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) /** 512d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) * @param {!WebInspector.Event} event 513d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) */ 514d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) _dropDownMenuItemSelected: function(event) 515d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) { 516d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) var tabId = /** @type {string} */ (event.data); 517d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) this.selectTab(tabId, true); 518d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) }, 519d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) 5205c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) _totalWidth: function() 5215c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) { 5225c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) return this._headerContentsElement.getBoundingClientRect().width; 5235c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) }, 5245c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 5255c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) _updateTabsDropDown: function() 5265c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) { 5275c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) var tabsToShowIndexes = this._tabsToShowIndexes(this._tabs, this._tabsHistory, this._totalWidth(), this._measuredDropDownButtonWidth); 5285c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 5295c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) for (var i = 0; i < this._tabs.length; ++i) { 5305c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) if (this._tabs[i]._shown && tabsToShowIndexes.indexOf(i) === -1) 5315c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) this._hideTabElement(this._tabs[i]); 5325c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) } 5335c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) for (var i = 0; i < tabsToShowIndexes.length; ++i) { 5345c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) var tab = this._tabs[tabsToShowIndexes[i]]; 5355c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) if (!tab._shown) 5365c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) this._showTabElement(i, tab); 5375c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) } 538f91f5fa1608c2cdd9af1842fb5dadbe78275be2aBo Liu 5395c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) this._populateDropDownFromIndex(); 5405c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) }, 5415c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 5425c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) _populateDropDownFromIndex: function() 5435c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) { 5445c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) if (this._dropDownButton.parentElement) 5455c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) this._headerContentsElement.removeChild(this._dropDownButton); 5465c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 547d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) this._dropDownMenu.clear(); 548d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) 5495c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) var tabsToShow = []; 5505c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) for (var i = 0; i < this._tabs.length; ++i) { 5515c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) if (!this._tabs[i]._shown) 5525c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) tabsToShow.push(this._tabs[i]); 5535c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) continue; 5545c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) } 5555c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 5565c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) function compareFunction(tab1, tab2) 5575c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) { 5585c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) return tab1.title.localeCompare(tab2.title); 5595c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) } 56009380295ba73501a205346becac22c6978e4671dTorne (Richard Coles) if (!this._retainTabOrder) 56151b2906e11752df6c18351cf520e30522d3b53a1Torne (Richard Coles) tabsToShow.sort(compareFunction); 5625c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 563d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) var selectedId = null; 5645c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) for (var i = 0; i < tabsToShow.length; ++i) { 565d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) var tab = tabsToShow[i]; 566d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) this._dropDownMenu.addItem(tab.id, tab.title); 567d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) if (this._tabsHistory[0] === tab) 568d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) selectedId = tab.id; 5695c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) } 570d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) if (tabsToShow.length) { 5715c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) this._headerContentsElement.appendChild(this._dropDownButton); 572d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) this._dropDownMenu.selectItem(selectedId); 5735c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) } 5745c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) }, 5755c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 5765c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) _measureDropDownButton: function() 5775c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) { 578a854de003a23bf3c7f95ec0f8154ada64092ff5cTorne (Richard Coles) this._dropDownButton.classList.add("measuring"); 5795c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) this._headerContentsElement.appendChild(this._dropDownButton); 5805c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) this._measuredDropDownButtonWidth = this._dropDownButton.getBoundingClientRect().width; 5815c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) this._headerContentsElement.removeChild(this._dropDownButton); 582a854de003a23bf3c7f95ec0f8154ada64092ff5cTorne (Richard Coles) this._dropDownButton.classList.remove("measuring"); 5835c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) }, 5845c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 5855c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) _updateWidths: function() 5865c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) { 5875c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) var measuredWidths = this._measureWidths(); 5885c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) var maxWidth = this._shrinkableTabs ? this._calculateMaxWidth(measuredWidths.slice(), this._totalWidth()) : Number.MAX_VALUE; 5895c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 5905c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) var i = 0; 5915c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) for (var tabId in this._tabs) { 5925c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) var tab = this._tabs[tabId]; 593926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles) tab.setWidth(this._verticalTabLayout ? -1 : Math.min(maxWidth, measuredWidths[i++])); 5945c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) } 5955c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) }, 5965c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 5975c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) _measureWidths: function() 5985c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) { 5995c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) // Add all elements to measure into this._tabsElement 600bfe3590b1806e3ff18f46ee3af5d4b83078f305aTorne (Richard Coles) this._tabsElement.style.setProperty("width", "2000px"); 6015c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) var measuringTabElements = []; 6025c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) for (var tabId in this._tabs) { 6035c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) var tab = this._tabs[tabId]; 6045c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) if (typeof tab._measuredWidth === "number") 6055c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) continue; 6065c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) var measuringTabElement = tab._createTabElement(true); 6075c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) measuringTabElement.__tab = tab; 6085c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) measuringTabElements.push(measuringTabElement); 6095c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) this._tabsElement.appendChild(measuringTabElement); 6105c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) } 6115c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 6125c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) // Perform measurement 6135c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) for (var i = 0; i < measuringTabElements.length; ++i) 6145c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) measuringTabElements[i].__tab._measuredWidth = measuringTabElements[i].getBoundingClientRect().width; 6155c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 6165c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) // Nuke elements from the UI 6175c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) for (var i = 0; i < measuringTabElements.length; ++i) 618591b958dee2cf159d33a0b931e6231072eaf38d5Ben Murdoch measuringTabElements[i].remove(); 6195c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 6205c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) // Combine the results. 6215c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) var measuredWidths = []; 6225c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) for (var tabId in this._tabs) 6235c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) measuredWidths.push(this._tabs[tabId]._measuredWidth); 624bfe3590b1806e3ff18f46ee3af5d4b83078f305aTorne (Richard Coles) this._tabsElement.style.removeProperty("width"); 6255c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 6265c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) return measuredWidths; 6275c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) }, 6285c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 6295c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) /** 630a854de003a23bf3c7f95ec0f8154ada64092ff5cTorne (Richard Coles) * @param {!Array.<number>} measuredWidths 6315c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * @param {number} totalWidth 6325c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) */ 6335c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) _calculateMaxWidth: function(measuredWidths, totalWidth) 6345c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) { 6355c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) if (!measuredWidths.length) 6365c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) return 0; 6375c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 6385c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) measuredWidths.sort(function(x, y) { return x - y }); 6395c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 6405c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) var totalMeasuredWidth = 0; 6415c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) for (var i = 0; i < measuredWidths.length; ++i) 6425c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) totalMeasuredWidth += measuredWidths[i]; 6435c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 6445c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) if (totalWidth >= totalMeasuredWidth) 6455c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) return measuredWidths[measuredWidths.length - 1]; 6465c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 6475c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) var totalExtraWidth = 0; 6485c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) for (var i = measuredWidths.length - 1; i > 0; --i) { 6495c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) var extraWidth = measuredWidths[i] - measuredWidths[i - 1]; 6505c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) totalExtraWidth += (measuredWidths.length - i) * extraWidth; 6515c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 6525c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) if (totalWidth + totalExtraWidth >= totalMeasuredWidth) 653f91f5fa1608c2cdd9af1842fb5dadbe78275be2aBo Liu return measuredWidths[i - 1] + (totalWidth + totalExtraWidth - totalMeasuredWidth) / (measuredWidths.length - i); 6545c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) } 6555c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 6565c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) return totalWidth / measuredWidths.length; 6575c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) }, 6585c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 6595c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) /** 660a854de003a23bf3c7f95ec0f8154ada64092ff5cTorne (Richard Coles) * @param {!Array.<!WebInspector.TabbedPaneTab>} tabsOrdered 661a854de003a23bf3c7f95ec0f8154ada64092ff5cTorne (Richard Coles) * @param {!Array.<!WebInspector.TabbedPaneTab>} tabsHistory 6625c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * @param {number} totalWidth 6635c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * @param {number} measuredDropDownButtonWidth 664a854de003a23bf3c7f95ec0f8154ada64092ff5cTorne (Richard Coles) * @return {!Array.<number>} 6655c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) */ 6665c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) _tabsToShowIndexes: function(tabsOrdered, tabsHistory, totalWidth, measuredDropDownButtonWidth) 6675c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) { 6685c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) var tabsToShowIndexes = []; 6695c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 6705c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) var totalTabsWidth = 0; 671f5e4ad553afbc08dd2e729bb77e937a9a94d5827Torne (Richard Coles) var tabCount = tabsOrdered.length; 672f5e4ad553afbc08dd2e729bb77e937a9a94d5827Torne (Richard Coles) for (var i = 0; i < tabCount; ++i) { 67309380295ba73501a205346becac22c6978e4671dTorne (Richard Coles) var tab = this._retainTabOrder ? tabsOrdered[i] : tabsHistory[i]; 674f5e4ad553afbc08dd2e729bb77e937a9a94d5827Torne (Richard Coles) totalTabsWidth += tab.width(); 6755c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) var minimalRequiredWidth = totalTabsWidth; 676f5e4ad553afbc08dd2e729bb77e937a9a94d5827Torne (Richard Coles) if (i !== tabCount - 1) 6775c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) minimalRequiredWidth += measuredDropDownButtonWidth; 678926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles) if (!this._verticalTabLayout && minimalRequiredWidth > totalWidth) 6795c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) break; 680f5e4ad553afbc08dd2e729bb77e937a9a94d5827Torne (Richard Coles) tabsToShowIndexes.push(tabsOrdered.indexOf(tab)); 6815c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) } 682f5e4ad553afbc08dd2e729bb77e937a9a94d5827Torne (Richard Coles) 6835c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) tabsToShowIndexes.sort(function(x, y) { return x - y }); 684f5e4ad553afbc08dd2e729bb77e937a9a94d5827Torne (Richard Coles) 6855c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) return tabsToShowIndexes; 6865c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) }, 687f91f5fa1608c2cdd9af1842fb5dadbe78275be2aBo Liu 6885c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) _hideCurrentTab: function() 6895c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) { 6905c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) if (!this._currentTab) 6915c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) return; 6925c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 6935c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) this._hideTab(this._currentTab); 6945c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) delete this._currentTab; 6955c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) }, 6965c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 6975c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) /** 698a854de003a23bf3c7f95ec0f8154ada64092ff5cTorne (Richard Coles) * @param {!WebInspector.TabbedPaneTab} tab 6995c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) */ 7005c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) _showTab: function(tab) 7015c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) { 702a854de003a23bf3c7f95ec0f8154ada64092ff5cTorne (Richard Coles) tab.tabElement.classList.add("selected"); 7035c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) tab.view.show(this._contentElement); 7045c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) }, 7055c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 7065c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) /** 707a854de003a23bf3c7f95ec0f8154ada64092ff5cTorne (Richard Coles) * @param {!WebInspector.TabbedPaneTab} tab 7085c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) */ 7095c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) _hideTab: function(tab) 7105c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) { 711a854de003a23bf3c7f95ec0f8154ada64092ff5cTorne (Richard Coles) tab.tabElement.classList.remove("selected"); 7125c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) tab.view.detach(); 7135c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) }, 7145c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 71593ac45cfc74041c8ae536ce58a9534d46db2024eTorne (Richard Coles) /** 716a854de003a23bf3c7f95ec0f8154ada64092ff5cTorne (Richard Coles) * @return {!Array.<!Element>} 7175c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) */ 7185c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) elementsToRestoreScrollPositionsFor: function() 7195c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) { 7205c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) return [ this._contentElement ]; 7215c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) }, 7225c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 7235c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) /** 724a854de003a23bf3c7f95ec0f8154ada64092ff5cTorne (Richard Coles) * @param {!WebInspector.TabbedPaneTab} tab 7255c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * @param {number} index 7265c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) */ 7275c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) _insertBefore: function(tab, index) 7285c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) { 7295c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) this._tabsElement.insertBefore(tab._tabElement, this._tabsElement.childNodes[index]); 7305c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) var oldIndex = this._tabs.indexOf(tab); 7315c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) this._tabs.splice(oldIndex, 1); 7325c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) if (oldIndex < index) 7335c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) --index; 7345c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) this._tabs.splice(index, 0, tab); 7355c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) }, 7365c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 737d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) __proto__: WebInspector.VBox.prototype 7385c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)} 7395c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 7405c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)/** 7415c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * @constructor 742a854de003a23bf3c7f95ec0f8154ada64092ff5cTorne (Richard Coles) * @param {!WebInspector.TabbedPane} tabbedPane 7435c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * @param {string} id 7445c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * @param {string} title 7455c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * @param {boolean} closeable 746a854de003a23bf3c7f95ec0f8154ada64092ff5cTorne (Richard Coles) * @param {!WebInspector.View} view 7475c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * @param {string=} tooltip 7485c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) */ 7495c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)WebInspector.TabbedPaneTab = function(tabbedPane, id, title, closeable, view, tooltip) 7505c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles){ 7515c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) this._closeable = closeable; 7525c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) this._tabbedPane = tabbedPane; 7535c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) this._id = id; 7545c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) this._title = title; 7555c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) this._tooltip = tooltip; 7565c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) this._view = view; 7575c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) this._shown = false; 7585c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) /** @type {number} */ this._measuredWidth; 759a854de003a23bf3c7f95ec0f8154ada64092ff5cTorne (Richard Coles) /** @type {!Element|undefined} */ this._tabElement; 7605c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)} 7615c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 7625c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)WebInspector.TabbedPaneTab.prototype = { 7635c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) /** 7645c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * @return {string} 7655c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) */ 7665c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) get id() 7675c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) { 7685c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) return this._id; 7695c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) }, 7705c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 7715c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) /** 7725c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * @return {string} 7735c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) */ 7745c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) get title() 7755c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) { 7765c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) return this._title; 7775c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) }, 7785c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 7795c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) set title(title) 7805c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) { 781926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles) if (title === this._title) 782926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles) return; 7835c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) this._title = title; 7845c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) if (this._titleElement) 7855c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) this._titleElement.textContent = title; 7865c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) delete this._measuredWidth; 7875c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) }, 7885c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 7895c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) /** 790591b958dee2cf159d33a0b931e6231072eaf38d5Ben Murdoch * @return {string} 791591b958dee2cf159d33a0b931e6231072eaf38d5Ben Murdoch */ 792591b958dee2cf159d33a0b931e6231072eaf38d5Ben Murdoch iconClass: function() 793591b958dee2cf159d33a0b931e6231072eaf38d5Ben Murdoch { 794591b958dee2cf159d33a0b931e6231072eaf38d5Ben Murdoch return this._iconClass; 795591b958dee2cf159d33a0b931e6231072eaf38d5Ben Murdoch }, 796591b958dee2cf159d33a0b931e6231072eaf38d5Ben Murdoch 797591b958dee2cf159d33a0b931e6231072eaf38d5Ben Murdoch /** 798a854de003a23bf3c7f95ec0f8154ada64092ff5cTorne (Richard Coles) * @return {boolean} 799a854de003a23bf3c7f95ec0f8154ada64092ff5cTorne (Richard Coles) */ 800a854de003a23bf3c7f95ec0f8154ada64092ff5cTorne (Richard Coles) isCloseable: function() 801a854de003a23bf3c7f95ec0f8154ada64092ff5cTorne (Richard Coles) { 802a854de003a23bf3c7f95ec0f8154ada64092ff5cTorne (Richard Coles) return this._closeable; 803a854de003a23bf3c7f95ec0f8154ada64092ff5cTorne (Richard Coles) }, 804a854de003a23bf3c7f95ec0f8154ada64092ff5cTorne (Richard Coles) 805a854de003a23bf3c7f95ec0f8154ada64092ff5cTorne (Richard Coles) /** 806591b958dee2cf159d33a0b931e6231072eaf38d5Ben Murdoch * @param {string} iconClass 807591b958dee2cf159d33a0b931e6231072eaf38d5Ben Murdoch * @param {string} iconTooltip 80851b2906e11752df6c18351cf520e30522d3b53a1Torne (Richard Coles) * @return {boolean} 809591b958dee2cf159d33a0b931e6231072eaf38d5Ben Murdoch */ 810591b958dee2cf159d33a0b931e6231072eaf38d5Ben Murdoch _setIconClass: function(iconClass, iconTooltip) 811591b958dee2cf159d33a0b931e6231072eaf38d5Ben Murdoch { 812591b958dee2cf159d33a0b931e6231072eaf38d5Ben Murdoch if (iconClass === this._iconClass && iconTooltip === this._iconTooltip) 81351b2906e11752df6c18351cf520e30522d3b53a1Torne (Richard Coles) return false; 814591b958dee2cf159d33a0b931e6231072eaf38d5Ben Murdoch this._iconClass = iconClass; 815591b958dee2cf159d33a0b931e6231072eaf38d5Ben Murdoch this._iconTooltip = iconTooltip; 816591b958dee2cf159d33a0b931e6231072eaf38d5Ben Murdoch if (this._iconElement) 817591b958dee2cf159d33a0b931e6231072eaf38d5Ben Murdoch this._iconElement.remove(); 8188abfc5808a4e34d6e03867af8bc440dee641886fTorne (Richard Coles) if (this._iconClass && this._tabElement) 819591b958dee2cf159d33a0b931e6231072eaf38d5Ben Murdoch this._iconElement = this._createIconElement(this._tabElement, this._titleElement); 820591b958dee2cf159d33a0b931e6231072eaf38d5Ben Murdoch delete this._measuredWidth; 82151b2906e11752df6c18351cf520e30522d3b53a1Torne (Richard Coles) return true; 822591b958dee2cf159d33a0b931e6231072eaf38d5Ben Murdoch }, 823591b958dee2cf159d33a0b931e6231072eaf38d5Ben Murdoch 824591b958dee2cf159d33a0b931e6231072eaf38d5Ben Murdoch /** 825a854de003a23bf3c7f95ec0f8154ada64092ff5cTorne (Richard Coles) * @return {!WebInspector.View} 8265c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) */ 8275c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) get view() 8285c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) { 8295c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) return this._view; 8305c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) }, 8315c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 8325c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) set view(view) 8335c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) { 8345c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) this._view = view; 8355c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) }, 8365c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 8375c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) /** 8385c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * @return {string|undefined} 8395c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) */ 8405c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) get tooltip() 8415c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) { 8425c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) return this._tooltip; 8435c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) }, 8445c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 8455c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) set tooltip(tooltip) 8465c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) { 8475c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) this._tooltip = tooltip; 8485c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) if (this._titleElement) 8495c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) this._titleElement.title = tooltip || ""; 8505c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) }, 8515c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 8525c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) /** 853a854de003a23bf3c7f95ec0f8154ada64092ff5cTorne (Richard Coles) * @return {!Element} 8545c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) */ 8555c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) get tabElement() 8565c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) { 857a854de003a23bf3c7f95ec0f8154ada64092ff5cTorne (Richard Coles) if (!this._tabElement) 858a854de003a23bf3c7f95ec0f8154ada64092ff5cTorne (Richard Coles) this._tabElement = this._createTabElement(false); 859a854de003a23bf3c7f95ec0f8154ada64092ff5cTorne (Richard Coles) 8605c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) return this._tabElement; 8615c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) }, 8625c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 8635c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) /** 8645c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * @return {number} 8655c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) */ 8665c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) width: function() 8675c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) { 8685c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) return this._width; 8695c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) }, 8705c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 8715c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) /** 8725c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * @param {number} width 8735c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) */ 8745c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) setWidth: function(width) 8755c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) { 876926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles) this.tabElement.style.width = width === -1 ? "" : (width + "px"); 8775c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) this._width = width; 8785c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) }, 8795c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 8805c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) /** 881a854de003a23bf3c7f95ec0f8154ada64092ff5cTorne (Richard Coles) * @param {!WebInspector.TabbedPaneTabDelegate} delegate 88253e740f4a82e17f3ae59772501622dc354e42336Torne (Richard Coles) */ 88353e740f4a82e17f3ae59772501622dc354e42336Torne (Richard Coles) setDelegate: function(delegate) 88453e740f4a82e17f3ae59772501622dc354e42336Torne (Richard Coles) { 88553e740f4a82e17f3ae59772501622dc354e42336Torne (Richard Coles) this._delegate = delegate; 88653e740f4a82e17f3ae59772501622dc354e42336Torne (Richard Coles) }, 88753e740f4a82e17f3ae59772501622dc354e42336Torne (Richard Coles) 888591b958dee2cf159d33a0b931e6231072eaf38d5Ben Murdoch _createIconElement: function(tabElement, titleElement) 889591b958dee2cf159d33a0b931e6231072eaf38d5Ben Murdoch { 890591b958dee2cf159d33a0b931e6231072eaf38d5Ben Murdoch var iconElement = document.createElement("span"); 891591b958dee2cf159d33a0b931e6231072eaf38d5Ben Murdoch iconElement.className = "tabbed-pane-header-tab-icon " + this._iconClass; 892591b958dee2cf159d33a0b931e6231072eaf38d5Ben Murdoch if (this._iconTooltip) 893591b958dee2cf159d33a0b931e6231072eaf38d5Ben Murdoch iconElement.title = this._iconTooltip; 894591b958dee2cf159d33a0b931e6231072eaf38d5Ben Murdoch tabElement.insertBefore(iconElement, titleElement); 895591b958dee2cf159d33a0b931e6231072eaf38d5Ben Murdoch return iconElement; 896591b958dee2cf159d33a0b931e6231072eaf38d5Ben Murdoch }, 897591b958dee2cf159d33a0b931e6231072eaf38d5Ben Murdoch 89853e740f4a82e17f3ae59772501622dc354e42336Torne (Richard Coles) /** 8995c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * @param {boolean} measuring 900a854de003a23bf3c7f95ec0f8154ada64092ff5cTorne (Richard Coles) * @return {!Element} 9015c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) */ 9025c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) _createTabElement: function(measuring) 9035c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) { 9045c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) var tabElement = document.createElement("div"); 905a854de003a23bf3c7f95ec0f8154ada64092ff5cTorne (Richard Coles) tabElement.classList.add("tabbed-pane-header-tab"); 906926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles) tabElement.id = "tab-" + this._id; 9075c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) tabElement.tabIndex = -1; 90819cde67944066db31e633d9e386f2aa9bf9fadb3Torne (Richard Coles) tabElement.selectTabForTest = this._tabbedPane.selectTab.bind(this._tabbedPane, this.id, true); 9095c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 9105c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) var titleElement = tabElement.createChild("span", "tabbed-pane-header-tab-title"); 9115c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) titleElement.textContent = this.title; 9125c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) titleElement.title = this.tooltip || ""; 913591b958dee2cf159d33a0b931e6231072eaf38d5Ben Murdoch if (this._iconClass) 914591b958dee2cf159d33a0b931e6231072eaf38d5Ben Murdoch this._createIconElement(tabElement, titleElement); 9155c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) if (!measuring) 9165c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) this._titleElement = titleElement; 9175c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 91853e740f4a82e17f3ae59772501622dc354e42336Torne (Richard Coles) if (this._closeable) 91953e740f4a82e17f3ae59772501622dc354e42336Torne (Richard Coles) tabElement.createChild("div", "close-button-gray"); 9205c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 921a854de003a23bf3c7f95ec0f8154ada64092ff5cTorne (Richard Coles) if (measuring) { 922a854de003a23bf3c7f95ec0f8154ada64092ff5cTorne (Richard Coles) tabElement.classList.add("measuring"); 923a854de003a23bf3c7f95ec0f8154ada64092ff5cTorne (Richard Coles) } else { 9245c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) tabElement.addEventListener("click", this._tabClicked.bind(this), false); 9255c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) tabElement.addEventListener("mousedown", this._tabMouseDown.bind(this), false); 92651b2906e11752df6c18351cf520e30522d3b53a1Torne (Richard Coles) tabElement.addEventListener("mouseup", this._tabMouseUp.bind(this), false); 92751b2906e11752df6c18351cf520e30522d3b53a1Torne (Richard Coles) 9285c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) if (this._closeable) { 9295c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) tabElement.addEventListener("contextmenu", this._tabContextMenu.bind(this), false); 9305c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) WebInspector.installDragHandle(tabElement, this._startTabDragging.bind(this), this._tabDragging.bind(this), this._endTabDragging.bind(this), "pointer"); 9315c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) } 9325c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) } 9335c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 9345c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) return tabElement; 9355c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) }, 9365c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 9375c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) /** 938a854de003a23bf3c7f95ec0f8154ada64092ff5cTorne (Richard Coles) * @param {?Event} event 9395c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) */ 9405c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) _tabClicked: function(event) 9415c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) { 9428abfc5808a4e34d6e03867af8bc440dee641886fTorne (Richard Coles) var middleButton = event.button === 1; 943a854de003a23bf3c7f95ec0f8154ada64092ff5cTorne (Richard Coles) var shouldClose = this._closeable && (middleButton || event.target.classList.contains("close-button-gray")); 94451b2906e11752df6c18351cf520e30522d3b53a1Torne (Richard Coles) if (!shouldClose) { 94551b2906e11752df6c18351cf520e30522d3b53a1Torne (Richard Coles) this._tabbedPane.focus(); 9468abfc5808a4e34d6e03867af8bc440dee641886fTorne (Richard Coles) return; 94751b2906e11752df6c18351cf520e30522d3b53a1Torne (Richard Coles) } 9488abfc5808a4e34d6e03867af8bc440dee641886fTorne (Richard Coles) this._closeTabs([this.id]); 9498abfc5808a4e34d6e03867af8bc440dee641886fTorne (Richard Coles) event.consume(true); 9505c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) }, 9515c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 9525c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) /** 953a854de003a23bf3c7f95ec0f8154ada64092ff5cTorne (Richard Coles) * @param {?Event} event 9545c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) */ 9555c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) _tabMouseDown: function(event) 9565c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) { 957a854de003a23bf3c7f95ec0f8154ada64092ff5cTorne (Richard Coles) if (event.target.classList.contains("close-button-gray") || event.button === 1) 9585c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) return; 9595c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) this._tabbedPane.selectTab(this.id, true); 9605c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) }, 9615c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 96253e740f4a82e17f3ae59772501622dc354e42336Torne (Richard Coles) /** 963a854de003a23bf3c7f95ec0f8154ada64092ff5cTorne (Richard Coles) * @param {?Event} event 96451b2906e11752df6c18351cf520e30522d3b53a1Torne (Richard Coles) */ 96551b2906e11752df6c18351cf520e30522d3b53a1Torne (Richard Coles) _tabMouseUp: function(event) 96651b2906e11752df6c18351cf520e30522d3b53a1Torne (Richard Coles) { 96751b2906e11752df6c18351cf520e30522d3b53a1Torne (Richard Coles) // This is needed to prevent middle-click pasting on linux when tabs are clicked. 96851b2906e11752df6c18351cf520e30522d3b53a1Torne (Richard Coles) if (event.button === 1) 96951b2906e11752df6c18351cf520e30522d3b53a1Torne (Richard Coles) event.consume(true); 97051b2906e11752df6c18351cf520e30522d3b53a1Torne (Richard Coles) }, 97151b2906e11752df6c18351cf520e30522d3b53a1Torne (Richard Coles) 97251b2906e11752df6c18351cf520e30522d3b53a1Torne (Richard Coles) /** 973a854de003a23bf3c7f95ec0f8154ada64092ff5cTorne (Richard Coles) * @param {!Array.<string>} ids 97453e740f4a82e17f3ae59772501622dc354e42336Torne (Richard Coles) */ 97553e740f4a82e17f3ae59772501622dc354e42336Torne (Richard Coles) _closeTabs: function(ids) 97653e740f4a82e17f3ae59772501622dc354e42336Torne (Richard Coles) { 97753e740f4a82e17f3ae59772501622dc354e42336Torne (Richard Coles) if (this._delegate) { 97853e740f4a82e17f3ae59772501622dc354e42336Torne (Richard Coles) this._delegate.closeTabs(this._tabbedPane, ids); 97953e740f4a82e17f3ae59772501622dc354e42336Torne (Richard Coles) return; 98053e740f4a82e17f3ae59772501622dc354e42336Torne (Richard Coles) } 98153e740f4a82e17f3ae59772501622dc354e42336Torne (Richard Coles) this._tabbedPane.closeTabs(ids, true); 98253e740f4a82e17f3ae59772501622dc354e42336Torne (Richard Coles) }, 98353e740f4a82e17f3ae59772501622dc354e42336Torne (Richard Coles) 9845c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) _tabContextMenu: function(event) 9855c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) { 98609380295ba73501a205346becac22c6978e4671dTorne (Richard Coles) /** 98709380295ba73501a205346becac22c6978e4671dTorne (Richard Coles) * @this {WebInspector.TabbedPaneTab} 98809380295ba73501a205346becac22c6978e4671dTorne (Richard Coles) */ 9895c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) function close() 9905c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) { 99153e740f4a82e17f3ae59772501622dc354e42336Torne (Richard Coles) this._closeTabs([this.id]); 9925c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) } 993f91f5fa1608c2cdd9af1842fb5dadbe78275be2aBo Liu 99409380295ba73501a205346becac22c6978e4671dTorne (Richard Coles) /** 99509380295ba73501a205346becac22c6978e4671dTorne (Richard Coles) * @this {WebInspector.TabbedPaneTab} 99609380295ba73501a205346becac22c6978e4671dTorne (Richard Coles) */ 9975c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) function closeOthers() 9985c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) { 99953e740f4a82e17f3ae59772501622dc354e42336Torne (Richard Coles) this._closeTabs(this._tabbedPane.otherTabs(this.id)); 10005c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) } 1001f91f5fa1608c2cdd9af1842fb5dadbe78275be2aBo Liu 100209380295ba73501a205346becac22c6978e4671dTorne (Richard Coles) /** 100309380295ba73501a205346becac22c6978e4671dTorne (Richard Coles) * @this {WebInspector.TabbedPaneTab} 100409380295ba73501a205346becac22c6978e4671dTorne (Richard Coles) */ 10055c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) function closeAll() 10065c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) { 100709380295ba73501a205346becac22c6978e4671dTorne (Richard Coles) this._closeTabs(this._tabbedPane.allTabs()); 10085c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) } 1009f91f5fa1608c2cdd9af1842fb5dadbe78275be2aBo Liu 10105c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) var contextMenu = new WebInspector.ContextMenu(event); 10115c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) contextMenu.appendItem(WebInspector.UIString("Close"), close.bind(this)); 1012926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles) contextMenu.appendItem(WebInspector.UIString(WebInspector.useLowerCaseMenuTitles() ? "Close others" : "Close Others"), closeOthers.bind(this)); 1013926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles) contextMenu.appendItem(WebInspector.UIString(WebInspector.useLowerCaseMenuTitles() ? "Close all" : "Close All"), closeAll.bind(this)); 10145c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) contextMenu.show(); 10155c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) }, 10165c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 10175c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) /** 1018a854de003a23bf3c7f95ec0f8154ada64092ff5cTorne (Richard Coles) * @param {!Event} event 10195c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * @return {boolean} 10205c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) */ 10215c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) _startTabDragging: function(event) 10225c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) { 1023a854de003a23bf3c7f95ec0f8154ada64092ff5cTorne (Richard Coles) if (event.target.classList.contains("close-button-gray")) 10245c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) return false; 10255c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) this._dragStartX = event.pageX; 10265c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) return true; 10275c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) }, 10285c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 10295c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) /** 1030a854de003a23bf3c7f95ec0f8154ada64092ff5cTorne (Richard Coles) * @param {!Event} event 10315c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) */ 10325c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) _tabDragging: function(event) 10335c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) { 10345c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) var tabElements = this._tabbedPane._tabsElement.childNodes; 10355c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) for (var i = 0; i < tabElements.length; ++i) { 10365c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) var tabElement = tabElements[i]; 10375c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) if (tabElement === this._tabElement) 10385c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) continue; 10395c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 10405c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) var intersects = tabElement.offsetLeft + tabElement.clientWidth > this._tabElement.offsetLeft && 10415c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) this._tabElement.offsetLeft + this._tabElement.clientWidth > tabElement.offsetLeft; 10425c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) if (!intersects) 10435c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) continue; 10445c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 10455c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) if (Math.abs(event.pageX - this._dragStartX) < tabElement.clientWidth / 2 + 5) 10465c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) break; 10475c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 10485c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) if (event.pageX - this._dragStartX > 0) { 10495c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) tabElement = tabElement.nextSibling; 10505c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) ++i; 10515c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) } 10525c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 10535c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) var oldOffsetLeft = this._tabElement.offsetLeft; 10545c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) this._tabbedPane._insertBefore(this, i); 10555c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) this._dragStartX += this._tabElement.offsetLeft - oldOffsetLeft; 10565c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) break; 10575c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) } 10585c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 10595c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) if (!this._tabElement.previousSibling && event.pageX - this._dragStartX < 0) { 10605c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) this._tabElement.style.setProperty("left", "0px"); 10615c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) return; 10625c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) } 10635c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) if (!this._tabElement.nextSibling && event.pageX - this._dragStartX > 0) { 10645c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) this._tabElement.style.setProperty("left", "0px"); 10655c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) return; 10665c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) } 10675c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 10685c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) this._tabElement.style.setProperty("position", "relative"); 10695c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) this._tabElement.style.setProperty("left", (event.pageX - this._dragStartX) + "px"); 10705c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) }, 10715c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 10725c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) /** 1073a854de003a23bf3c7f95ec0f8154ada64092ff5cTorne (Richard Coles) * @param {!Event} event 10745c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) */ 10755c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) _endTabDragging: function(event) 10765c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) { 10775c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) this._tabElement.style.removeProperty("position"); 10785c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) this._tabElement.style.removeProperty("left"); 10795c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) delete this._dragStartX; 10805c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) } 10815c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)} 108253e740f4a82e17f3ae59772501622dc354e42336Torne (Richard Coles) 108353e740f4a82e17f3ae59772501622dc354e42336Torne (Richard Coles)/** 108453e740f4a82e17f3ae59772501622dc354e42336Torne (Richard Coles) * @interface 108553e740f4a82e17f3ae59772501622dc354e42336Torne (Richard Coles) */ 108653e740f4a82e17f3ae59772501622dc354e42336Torne (Richard Coles)WebInspector.TabbedPaneTabDelegate = function() 108753e740f4a82e17f3ae59772501622dc354e42336Torne (Richard Coles){ 108853e740f4a82e17f3ae59772501622dc354e42336Torne (Richard Coles)} 108953e740f4a82e17f3ae59772501622dc354e42336Torne (Richard Coles) 109053e740f4a82e17f3ae59772501622dc354e42336Torne (Richard Coles)WebInspector.TabbedPaneTabDelegate.prototype = { 109153e740f4a82e17f3ae59772501622dc354e42336Torne (Richard Coles) /** 1092a854de003a23bf3c7f95ec0f8154ada64092ff5cTorne (Richard Coles) * @param {!WebInspector.TabbedPane} tabbedPane 1093a854de003a23bf3c7f95ec0f8154ada64092ff5cTorne (Richard Coles) * @param {!Array.<string>} ids 109453e740f4a82e17f3ae59772501622dc354e42336Torne (Richard Coles) */ 109553e740f4a82e17f3ae59772501622dc354e42336Torne (Richard Coles) closeTabs: function(tabbedPane, ids) { } 109653e740f4a82e17f3ae59772501622dc354e42336Torne (Richard Coles)} 1097d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) 1098d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles)/** 1099d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) * @constructor 1100d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) * @param {!WebInspector.TabbedPane} tabbedPane 1101d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) * @param {string} extensionPoint 1102d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) * @param {function(string, !WebInspector.View)=} viewCallback 1103d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) */ 1104d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles)WebInspector.ExtensibleTabbedPaneController = function(tabbedPane, extensionPoint, viewCallback) 1105d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles){ 1106d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) this._tabbedPane = tabbedPane; 1107d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) this._extensionPoint = extensionPoint; 1108d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) this._viewCallback = viewCallback; 1109d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) 1110d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) this._tabbedPane.setRetainTabOrder(true, WebInspector.moduleManager.orderComparator(extensionPoint, "name", "order")); 1111d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) this._tabbedPane.addEventListener(WebInspector.TabbedPane.EventTypes.TabSelected, this._tabSelected, this); 1112d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) /** @type {!StringMap.<?WebInspector.View>} */ 1113d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) this._views = new StringMap(); 1114d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) this._initialize(); 1115d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles)} 1116d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) 1117d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles)WebInspector.ExtensibleTabbedPaneController.prototype = { 1118d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) _initialize: function() 1119d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) { 1120d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) this._extensions = {}; 1121d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) var extensions = WebInspector.moduleManager.extensions(this._extensionPoint); 1122d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) 1123d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) for (var i = 0; i < extensions.length; ++i) { 1124d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) var descriptor = extensions[i].descriptor(); 1125d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) var id = descriptor["name"]; 1126d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) var title = WebInspector.UIString(descriptor["title"]); 1127d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) var settingName = descriptor["setting"]; 1128d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) var setting = settingName ? /** @type {!WebInspector.Setting|undefined} */ (WebInspector.settings[settingName]) : null; 1129d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) 1130d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) this._extensions[id] = extensions[i]; 1131d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) 1132d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) if (setting) { 1133d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) setting.addChangeListener(this._toggleSettingBasedView.bind(this, id, title, setting)); 1134d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) if (setting.get()) 1135d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) this._tabbedPane.appendTab(id, title, new WebInspector.View()); 1136d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) } else { 1137d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) this._tabbedPane.appendTab(id, title, new WebInspector.View()); 1138d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) } 1139d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) } 1140d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) }, 1141d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) 1142d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) /** 1143d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) * @param {string} id 1144d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) * @param {string} title 1145d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) * @param {!WebInspector.Setting} setting 1146d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) */ 1147d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) _toggleSettingBasedView: function(id, title, setting) 1148d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) { 1149d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) this._tabbedPane.closeTab(id); 1150d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) if (setting.get()) 1151d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) this._tabbedPane.appendTab(id, title, new WebInspector.View()); 1152d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) }, 1153d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) 1154d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) /** 1155d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) * @param {!WebInspector.Event} event 1156d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) */ 1157d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) _tabSelected: function(event) 1158d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) { 1159d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) var tabId = this._tabbedPane.selectedTabId; 116010f88d5669dbd969c059d61ba09fa37dd72ac559Ben Murdoch if (!tabId) 116110f88d5669dbd969c059d61ba09fa37dd72ac559Ben Murdoch return; 1162d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) var view = this._viewForId(tabId); 1163d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) if (view) 1164d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) this._tabbedPane.changeTabView(tabId, view); 1165d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) }, 1166d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) 1167d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) /** 1168d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) * @return {?WebInspector.View} 1169d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) */ 1170d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) _viewForId: function(id) 1171d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) { 1172d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) if (this._views.contains(id)) 1173d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) return /** @type {!WebInspector.View} */ (this._views.get(id)); 1174d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) var view = this._extensions[id] ? /** @type {!WebInspector.View} */ (this._extensions[id].instance()) : null; 1175d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) this._views.put(id, view); 1176d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) if (this._viewCallback && view) 1177d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) this._viewCallback(id, view); 1178d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) return view; 1179d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) } 1180d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles)} 1181