Devtools UI: Show multiple shortcuts, show more shortcuts

Source/devtools/front_end/ui/Tooltip.js

 // Copyright (c) 2015 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.
 
 /**
  * @constructor
  * @param {!Document} doc
  */
 WebInspector.Tooltip = function(doc)
 {
@@ skipping 46 matching lines @@
     _show: function(anchorElement)
     {
         var tooltip = anchorElement[WebInspector.Tooltip._symbol];
         this._anchorElement = anchorElement;
         this._tooltipElement.removeChildren();
         if (typeof tooltip.content === "string")
             this._tooltipElement.textContent = tooltip.content;
         else
             this._tooltipElement.appendChild(tooltip.content);
 
-        if (tooltip.actionId) {
-            var shortcuts = WebInspector.shortcutRegistry.shortcutDescriptorsForAction(tooltip.actionId);
-            if (shortcuts && shortcuts.length) {
+        if (tooltip.shortcuts || tooltip.actionId) {
+            var shortcuts = tooltip.shortcuts || WebInspector.shortcutRegistry.shortcutDescriptorsForAction(tooltip.actionId);
+            for (var shortcut of shortcuts) {
                 var shortcutElement = this._tooltipElement.createChild("div", "tooltip-shortcut");
-                shortcutElement.textContent = shortcuts[0].name;
+                shortcutElement.textContent = shortcut.name;
             }
         }
 
         this._tooltipElement.classList.add("shown");
         // Reposition to ensure text doesn't overflow unnecessarily.
         this._tooltipElement.positionAt(0, 0);
 
         // Show tooltip instantly if a tooltip was shown recently.
         var now = Date.now();
         var instant = (this._tooltipLastClosed && now - this._tooltipLastClosed < WebInspector.Tooltip.Timing.InstantThreshold);
@@ skipping 46 matching lines @@
 WebInspector.Tooltip.installHandler = function(doc)
 {
     new WebInspector.Tooltip(doc);
 }
 
 /**
  * @param {!Element} element
  * @param {!Element|string} tooltipContent
  * @param {string=} alignment
  * @param {string=} actionId
+ * @param {!Array.<!WebInspector.KeyboardShortcut.Descriptor>=} shortcuts
  */
-WebInspector.Tooltip.install = function(element, tooltipContent, alignment, actionId)
+WebInspector.Tooltip.install = function(element, tooltipContent, alignment, actionId, shortcuts)
 {
     if (Runtime.experiments.isEnabled("tooltips"))
-        element[WebInspector.Tooltip._symbol] =  { content: tooltipContent, alignment: alignment, actionId: actionId };
+        element[WebInspector.Tooltip._symbol] =  { content: tooltipContent, alignment: alignment, actionId: actionId, shortcuts: shortcuts };
     else if (typeof tooltipContent === "string")
         element.title = tooltipContent;
     else
         console.assert("Cannot set an element without custom tooltips enabled");
 }