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 648 matching lines @@
     setBackgroundImage: function(iconURL)
     {
         this.element.style.backgroundImage = "url(" + iconURL + ")";
         this._glyphElement.classList.add("hidden");
     },
 
     __proto__: WebInspector.ToolbarButtonBase.prototype
 }
 
 /**
+ * @param {string} actionId
+ * @return {!WebInspector.ToolbarButton}
+ */
+WebInspector.ToolbarButton.createActionButton = function(actionId)
+{
+    var action = WebInspector.actionRegistry.getActionDescriptor(actionId);

[pfeldman, 2015/08/18 05:08:31]

I would expose actionTitle and actionIcon by id in the registry.

[samli, 2015/08/19 05:27:15]

Done.

+    var button = new WebInspector.ToolbarButton(action["title"] || "", action["iconClass"]);
+    button.setAction(actionId);
+    return button;
+}
+
+/**
  * @constructor
  * @extends {WebInspector.ToolbarButton}
  * @param {string} title
  * @param {string} className
  * @param {function(!WebInspector.ContextMenu)} contextMenuHandler
  */
 WebInspector.ToolbarMenuButton = function(title, className, contextMenuHandler)
 {
     WebInspector.ToolbarButton.call(this, title, className);
     this._contextMenuHandler = contextMenuHandler;
@@ skipping 338 matching lines @@
             for (var i = 0; i < items.length; ++i) {
                 var item = items[i];
                 if (item)
                     this.appendToolbarItem(item);
             }
         }
     },
 
     __proto__: WebInspector.Toolbar.prototype
 }