DevTools: add entry points for command menu

third_party/WebKit/Source/devtools/front_end/ui/TabbedPane.js

 /*
  * Copyright (C) 2010 Google Inc. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions are
  * met:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
  *     * Redistributions in binary form must reproduce the above
@@ skipping 27 matching lines @@
     this.element.classList.add('tabbed-pane');
     this.contentElement.classList.add('tabbed-pane-shadow');
     this.contentElement.tabIndex = -1;
     this._headerElement = this.contentElement.createChild('div', 'tabbed-pane-header');
     this._headerContentsElement = this._headerElement.createChild('div', 'tabbed-pane-header-contents');
     this._tabSlider = createElementWithClass('div', 'tabbed-pane-tab-slider');
     this._tabsElement = this._headerContentsElement.createChild('div', 'tabbed-pane-header-tabs');
     this._tabsElement.setAttribute('role', 'tablist');
     this._contentElement = this.contentElement.createChild('div', 'tabbed-pane-content');
     this._contentElement.setAttribute('role', 'tabpanel');
-    this._contentElement.createChild('content');
+    var contentTag = this._contentElement.createChild('content');
+    contentTag.createChild('span', 'content child');

[chenwilliam, 2017/02/25 00:56:43]

remove this?

[luoe, 2017/03/09 18:48:28]

Done.

     /** @type {!Array.<!UI.TabbedPaneTab>} */
     this._tabs = [];
     /** @type {!Array.<!UI.TabbedPaneTab>} */
     this._tabsHistory = [];
     /** @type {!Map<string, !UI.TabbedPaneTab>} */
     this._tabsById = new Map();
     this._currentTabLocked = false;
     this._autoSelectFirstItemOnShow = true;
 
     this._dropDownButton = this._createDropDownButton();
@@ skipping 423 matching lines @@
     else
       constraints = constraints.addHeight(new UI.Constraints(new UI.Size(0, 30)));
     return constraints;
   }
 
   _updateTabElements() {
     UI.invokeOnceAfterBatchUpdate(this, this._innerUpdateTabElements);
   }
 
   /**
-   * @param {string} text
+   * @param {!Element} element
    */
-  setPlaceholderText(text) {
-    this._noTabsMessage = text;
+  setPlaceholderElement(element) {
+    this._noTabsMessageElement = element;
   }
 
   _innerUpdateTabElements() {
     if (!this.isShowing())
       return;
 
     if (!this._tabs.length) {
       this._contentElement.classList.add('has-no-tabs');
-      if (this._noTabsMessage && !this._noTabsMessageElement) {
-        this._noTabsMessageElement = this._contentElement.createChild('div', 'tabbed-pane-placeholder fill');
-        this._noTabsMessageElement.textContent = this._noTabsMessage;
-      }
+      if (this._noTabsMessageElement)
+        this.element.appendChild(this._noTabsMessageElement);
     } else {
       this._contentElement.classList.remove('has-no-tabs');
       if (this._noTabsMessageElement) {
         this._noTabsMessageElement.remove();
         delete this._noTabsMessageElement;

[chenwilliam, 2017/02/25 00:56:43]

We don't want to delete this property.

[luoe, 2017/03/09 18:48:28]

Done.

       }
     }
 
     this._measureDropDownButton();
     this._updateWidths();
     this._updateTabsDropDown();
     this._updateTabSlider();
   }
 
   /**
@@ skipping 699 matching lines @@
    * @param {!Array.<string>} ids
    */
   closeTabs(tabbedPane, ids) {},
 
   /**
    * @param {string} tabId
    * @param {!UI.ContextMenu} contextMenu
    */
   onContextMenu(tabId, contextMenu) {}
 };