Devtools UI: Show multiple shortcuts, show more shortcuts

Source/devtools/front_end/profiler/ProfilesPanel.js

 /*
  * Copyright (C) 2008 Apple 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:
  * 1. Redistributions of source code must retain the above copyright
  *    notice, this list of conditions and the following disclaimer.
  * 2. Redistributions in binary form must reproduce the above copyright
  *    notice, this list of conditions and the following disclaimer in the
@@ skipping 446 matching lines @@
     mainContainer.element.appendChild(this.profileViews);
 
     this._toolbarElement = createElementWithClass("div", "profiles-toolbar");
     mainContainer.element.insertBefore(this._toolbarElement, mainContainer.element.firstChild);
 
     this.panelSidebarElement().classList.add("profiles-sidebar-tree-box");
     var toolbarContainerLeft = createElementWithClass("div", "profiles-toolbar");
     this.panelSidebarElement().insertBefore(toolbarContainerLeft, this.panelSidebarElement().firstChild);
     var toolbar = new WebInspector.Toolbar(toolbarContainerLeft);
 
-    this.recordButton = new WebInspector.ToolbarButton("", "record-toolbar-item");
-    this.recordButton.addEventListener("click", this.toggleRecordButton, this);
+    this.recordButton = WebInspector.ToolbarButton.createActionButton("profiler.toggle-recording");
     toolbar.appendToolbarItem(this.recordButton);
 
     this.clearResultsButton = new WebInspector.ToolbarButton(WebInspector.UIString("Clear all profiles"), "clear-toolbar-item");
     this.clearResultsButton.addEventListener("click", this._reset, this);
     toolbar.appendToolbarItem(this.clearResultsButton);
 
     this._profileTypeToolbar = new WebInspector.Toolbar(this._toolbarElement);
     this._profileViewToolbar = new WebInspector.Toolbar(this._toolbarElement);
 
     this._profileGroups = {};
     this._launcherView = new WebInspector.MultiProfileLauncherView(this);
     this._launcherView.addEventListener(WebInspector.MultiProfileLauncherView.EventTypes.ProfileTypeSelected, this._onProfileTypeSelected, this);
 
     this._profileToView = [];
     this._typeIdToSidebarSection = {};
     var types = WebInspector.ProfileTypeRegistry.instance.profileTypes();
     for (var i = 0; i < types.length; i++)
         this._registerProfileType(types[i]);
     this._launcherView.restoreSelectedProfileType();
     this.profilesItemTreeElement.select();
     this._showLauncherView();
 
     this._createFileSelectorElement();
     this.element.addEventListener("contextmenu", this._handleContextMenuEvent.bind(this), true);
-    this._registerShortcuts();
 
     WebInspector.targetManager.addEventListener(WebInspector.TargetManager.Events.SuspendStateChanged, this._onSuspendStateChanged, this);
 }
 
 WebInspector.ProfilesPanel.prototype = {
     /**
      * @override
      * @return {?WebInspector.SearchableView}
      */
     searchableView: function()
@@ skipping 16 matching lines @@
             var type = types[i];
             var extension = type.fileExtension();
             if (!extension)
                 continue;
             if (fileName.endsWith(type.fileExtension()))
                 return type;
         }
         return null;
     },
 
-    _registerShortcuts: function()
-    {
-        this.registerShortcuts(WebInspector.ShortcutsScreen.ProfilesPanelShortcuts.StartStopRecording, this.toggleRecordButton.bind(this));
-    },
-
     /**
      * @param {!File} file
      */
     _loadFromFile: function(file)
     {
         this._createFileSelectorElement();
 
         var profileType = this._findProfileTypeByExtension(file.name);
         if (!profileType) {
             var extensions = [];
@@ skipping 358 matching lines @@
         {
             if (WebInspector.inspectorView.currentPanel() !== this)
                 return;
             if (!error)
                 this.showObject(result, viewName);
         }
 
         contextMenu.appendItem(WebInspector.UIString.capitalize("Reveal in Summary ^view"), revealInView.bind(this, "Summary"));
     },
 
+    wasShown: function()
+    {
+        WebInspector.context.setFlavor(WebInspector.ProfilesPanel, this);
+    },
+
+    willHide: function()
+    {
+        WebInspector.context.setFlavor(WebInspector.ProfilesPanel, null);
+    },
+
     __proto__: WebInspector.PanelWithSidebar.prototype
 }
 
 
 /**
  * @constructor
  * @extends {WebInspector.SidebarSectionTreeElement}
  * @param {!WebInspector.ProfileType.DataDisplayDelegate} dataDisplayDelegate
  * @param {!WebInspector.ProfileType} profileType
  */
@@ skipping 339 matching lines @@
 WebInspector.ProfilesPanelFactory.prototype = {
     /**
      * @override
      * @return {!WebInspector.Panel}
      */
     createPanel: function()
     {
         return WebInspector.ProfilesPanel._instance();
     }
 }
+
+/**
+ * @constructor
+ * @implements {WebInspector.ActionDelegate}
+ */
+WebInspector.ProfilesPanel.RecordActionDelegate = function()
+{
+}
+
+WebInspector.ProfilesPanel.RecordActionDelegate.prototype = {
+    /**
+     * @override
+     * @param {!WebInspector.Context} context
+     * @param {string} actionId
+     */
+    handleAction: function(context, actionId)
+    {
+        var panel = WebInspector.context.flavor(WebInspector.ProfilesPanel);
+        if (!panel || !(panel instanceof WebInspector.ProfilesPanel))
+            return;
+        panel.toggleRecordButton();
+    }
+}