DevTools: Implement extension-based status bar buttons

Source/devtools/front_end/main/AdvancedApp.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.
 
 /**
  * @constructor
  * @extends {WebInspector.App}
  */
 WebInspector.AdvancedApp = function()
 {
     WebInspector.App.call(this);
+
+    if (!WebInspector.experimentsSettings.responsiveDesign.isEnabled())
+        return;
+
+    this._toggleResponsiveDesignButton = new WebInspector.StatusBarButton(WebInspector.UIString("Responsive design mode."), "responsive-design-status-bar-item");
+    this._toggleResponsiveDesignButton.toggled = WebInspector.settings.responsiveDesignMode.get();
+    this._toggleResponsiveDesignButton.addEventListener("click", this._toggleResponsiveDesign, this);
+    WebInspector.settings.responsiveDesignMode.addChangeListener(this._responsiveDesignModeChanged, this);
 };
 
 WebInspector.AdvancedApp.prototype = {
-    createGlobalStatusBarItems: function()
-    {
-        this.appendInspectStatusBarItem();
-
-        if (WebInspector.experimentsSettings.responsiveDesign.isEnabled()) {
-            this._toggleResponsiveDesignButton = new WebInspector.StatusBarButton(WebInspector.UIString("Responsive design mode."), "responsive-design-status-bar-item");
-            this._toggleResponsiveDesignButton.toggled = WebInspector.settings.responsiveDesignMode.get();
-            this._toggleResponsiveDesignButton.addEventListener("click", this._toggleResponsiveDesign, this);
-            WebInspector.inspectorView.appendToLeftToolbar(this._toggleResponsiveDesignButton.element);
-            WebInspector.settings.responsiveDesignMode.addChangeListener(this._responsiveDesignModeChanged, this);
-        }
-
-        this.appendSettingsStatusBarItem();
-        WebInspector.inspectorView.appendToRightToolbar(/** @type {!Element} */ (WebInspector.dockController.element));
-    },
-
     _toggleResponsiveDesign: function()
     {
         WebInspector.settings.responsiveDesignMode.set(!this._toggleResponsiveDesignButton.toggled);
     },
 
     _responsiveDesignModeChanged: function()
     {
         this._toggleResponsiveDesignButton.toggled = WebInspector.settings.responsiveDesignMode.get();
     },
 
@@ skipping 61 matching lines @@
     _onSetInspectedPageBounds: function(event)
     {
         if (this._changingDockSide || !this._isDocked())
             return;
         var bounds = /** @type {{x: number, y: number, width: number, height: number}} */ (event.data);
         InspectorFrontendHost.setInspectedPageBounds(bounds);
     },
 
     __proto__: WebInspector.App.prototype
 };
+
+/**
+ * @constructor
+ * @implements {WebInspector.StatusBarButton.Provider}
+ */
+WebInspector.AdvancedApp.ResponsiveDesignButtonProvider = function()
+{
+}
+
+WebInspector.AdvancedApp.ResponsiveDesignButtonProvider.prototype = {
+    /**
+     * @return {?WebInspector.StatusBarButton}
+     */
+    button: function()
+    {
+        if (!(WebInspector.app instanceof WebInspector.AdvancedApp))
+            return null;
+        return WebInspector.app._toggleResponsiveDesignButton || null;
+    }
+}