Devtools UI: Show multiple shortcuts, show more shortcuts

Source/devtools/front_end/ui/Toolbar.js

 /*
  * Copyright (C) 2009 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 386 matching lines @@
         else
             this.dispatchEventToListeners("click", event);
     },
 
     /**
      * @param {string} actionId
      */
     setAction: function(actionId)
     {
         this._actionId = actionId;
-        WebInspector.Tooltip.install(this.element, this._title, undefined, this._actionId);
+        this._updateTooltip();
     },
 
     /**
+     * @param {!Array.<!WebInspector.KeyboardShortcut.Descriptor>} keys
+     */
+    setShortcut: function(keys)
+    {
+        this._shortcutKeys = keys;

[pfeldman, 2015/08/11 05:34:56]

We should have action ids for everything with the shortcut, especially the ones
we surface in the toolbar. Lets not add it and migrate record buttons, etc to
the new schema over time.

[samli, 2015/08/11 07:17:01]

Done.

+        this._updateTooltip();
+    },
+
+    _updateTooltip: function()
+    {
+        WebInspector.Tooltip.install(this.element, this._title, undefined, this._actionId, this._shortcutKeys);
+    },
+
+    /**
      * @override
      */
     _applyEnabledState: function()
     {
         this.element.disabled = !this._enabled;
         this._longClickController.reset();
     },
 
     /**
      * @return {boolean}
@@ skipping 12 matching lines @@
     },
 
     /**
      * @param {string} title
      */
     setTitle: function(title)
     {
         if (this._title === title)
             return;
         this._title = title;
-        WebInspector.Tooltip.install(this.element, title, undefined, this._actionId);
+        this._updateTooltip();
     },
 
     /**
      * @return {string}
      */
     state: function()
     {
         return this._state;
     },
 
@@ skipping 640 matching lines @@
             for (var i = 0; i < items.length; ++i) {
                 var item = items[i];
                 if (item)
                     this.appendToolbarItem(item);
             }
         }
     },
 
     __proto__: WebInspector.Toolbar.prototype
 }