DevTools: add entry points for command menu

third_party/WebKit/Source/devtools/front_end/sources/SourcesView.js

 // Copyright 2014 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 /**
  * @implements {Sources.TabbedEditorContainerDelegate}
  * @implements {UI.Searchable}
  * @implements {UI.Replaceable}
  * @unrestricted
  */
 Sources.SourcesView = class extends UI.VBox {
   /**
    * @suppressGlobalPropertiesCheck
    */
   constructor() {
     super();
     this.registerRequiredCSS('sources/sourcesView.css');
     this.element.id = 'sources-panel-sources-view';
     this.setMinimumAndPreferredSizes(80, 52, 150, 100);
 
     var workspace = Workspace.workspace;
 
     this._searchableView = new UI.SearchableView(this, 'sourcesViewSearchConfig');
     this._searchableView.setMinimalSearchQuerySize(0);
     this._searchableView.show(this.element);
 
     /** @type {!Map.<!Workspace.UISourceCode, !UI.Widget>} */
     this._sourceViewByUISourceCode = new Map();
 
-    var tabbedEditorPlaceholderText =
-        Host.isMac() ? Common.UIString('Hit \u2318+P to open a file') : Common.UIString('Hit Ctrl+P to open a file');
-    if (Runtime.experiments.isEnabled('persistence2'))
-      tabbedEditorPlaceholderText += '\n\n' + Common.UIString('Drop in a folder to add to workspace');
     this._editorContainer = new Sources.TabbedEditorContainer(
-        this, Common.settings.createLocalSetting('previouslyViewedFiles', []), tabbedEditorPlaceholderText);
+        this, Common.settings.createLocalSetting('previouslyViewedFiles', []), this.placeholderElement());
     this._editorContainer.show(this._searchableView.element);
     this._editorContainer.addEventListener(
         Sources.TabbedEditorContainer.Events.EditorSelected, this._editorSelected, this);
     this._editorContainer.addEventListener(Sources.TabbedEditorContainer.Events.EditorClosed, this._editorClosed, this);
 
     this._historyManager = new Sources.EditingLocationHistoryManager(this, this.currentSourceFrame.bind(this));
 
     this._toolbarContainerElement = this.element.createChild('div', 'sources-toolbar');
     this._toolbarEditorActions = new UI.Toolbar('', this._toolbarContainerElement);
 
@@ skipping 42 matching lines @@
         Common.Revealer.reveal(unsavedSourceCodes[i]);
     }
 
     if (!window.opener)
       window.addEventListener('beforeunload', handleBeforeUnload, true);
 
     this._shortcuts = {};
     this.element.addEventListener('keydown', this._handleKeyDown.bind(this), false);
   }
 
+  placeholderElement() {

[pfeldman, 2017/03/28 00:59:34]

It should be annotated and private.

[luoe, 2017/04/22 00:07:03]

Done.

+    var shortcuts = [
+      {
+        defaultShortcut: Common.UIString('Ctrl+P'),
+        macShortcut: Common.UIString('\u2318+P'),
+        description: Common.UIString('Open a file')
+      },
+      {
+        defaultShortcut: Common.UIString('Ctrl+Shift+P'),
+        macShortcut: Common.UIString('\u2318+Shift+P'),
+        description: Common.UIString('Run command')
+      },
+      {
+        defaultShortcut: Common.UIString('Esc'),
+        macShortcut: Common.UIString('Esc'),
+        description: Common.UIString('Toggle console drawer')
+      },
+    ];
+
+    var placeholderElement = createElementWithClass('span', 'sources-placeholder');
+    for (var shortcut of shortcuts) {
+      var row = placeholderElement.createChild('div', 'sources-placeholder-row');
+      row.createChild('div', 'sources-placeholder-key')
+          .createTextChild(Host.isMac() ? shortcut.macShortcut : shortcut.defaultShortcut);
+      row.createChild('div', 'sources-placeholder-value').createTextChild(shortcut.description);
+    }
+    if (Runtime.experiments.isEnabled('persistence2')) {
+      placeholderElement.createChild('div', 'sources-placeholder-message').textContent =
+          Common.UIString('Drop in a folder to add to workspace');
+    }
+
+    return placeholderElement;
+  }
+
   /**
    * @param {function(!Array.<!UI.KeyboardShortcut.Descriptor>, function(!Event=):boolean)} registerShortcutDelegate
    */
   registerShortcuts(registerShortcutDelegate) {
     /**
      * @this {Sources.SourcesView}
      * @param {!Array.<!UI.KeyboardShortcut.Descriptor>} shortcuts
      * @param {function(!Event=):boolean} handler
      */
     function registerShortcut(shortcuts, handler) {
@@ skipping 661 matching lines @@
    * @return {boolean}
    */
   handleAction(context, actionId) {
     var sourcesView = UI.context.flavor(Sources.SourcesView);
     if (!sourcesView)
       return false;
     sourcesView._editorContainer.closeAllFiles();
     return true;
   }
 };