[DevTools] Make toolbar counters declarative.

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()
 {
@@ skipping 145 matching lines @@
         var bounds = /** @type {{x: number, y: number, width: number, height: number}} */ (event.data);
         console.timeStamp("AdvancedApp.setInspectedPageBounds");
         InspectorFrontendHost.setInspectedPageBounds(bounds);
     },
 
     __proto__: WebInspector.App.prototype
 };
 
 /**
  * @constructor
+ * @implements {WebInspector.StatusBarItem.Provider}
+ */
+WebInspector.AdvancedApp.DeviceCounter = function()
+{
+    if (!WebInspector.experimentsSettings.devicesPanel.isEnabled() || !(WebInspector.app instanceof WebInspector.AdvancedApp)) {
+        this._counter = null;
+        return;
+    }
+
+    this._counter = new WebInspector.StatusBarCounter(["device-icon-small"]);
+    this._counter.addEventListener("click", showDevices);
+
+    function showDevices()
+    {
+        WebInspector.inspectorView.showViewInDrawer("devices", true);
+    }
+
+    InspectorFrontendHost.setDeviceCountUpdatesEnabled(true);
+    InspectorFrontendHost.events.addEventListener(InspectorFrontendHostAPI.Events.DeviceCountUpdated, this._onDeviceCountUpdated, this);
+}
+
+WebInspector.AdvancedApp.DeviceCounter.prototype = {
+    /**
+     * @param {!WebInspector.Event} event
+     */
+    _onDeviceCountUpdated: function(event)
+    {
+        var count = /** @type {number} */ (event.data);
+        this._counter.setCounter("device-icon-small", count, WebInspector.UIString(count > 1 ? "%d devices found" : "%d device found", count));
+        WebInspector.inspectorView.toolbarItemResized();
+    },
+
+    /**
+     * @return {?WebInspector.StatusBarItem}
+     */
+    item: function()
+    {
+        return this._counter;
+    }
+}
+
+/**
+ * @constructor
  */
 WebInspector.Toolbox = function()
 {
     if (!window.opener)
         return;
 
     WebInspector.zoomManager = window.opener.WebInspector.zoomManager;
     WebInspector.overridesSupport = window.opener.WebInspector.overridesSupport;
     WebInspector.settings = window.opener.WebInspector.settings;
     WebInspector.experimentsSettings = window.opener.WebInspector.experimentsSettings;
     WebInspector.targetManager = window.opener.WebInspector.targetManager;
     WebInspector.workspace = window.opener.WebInspector.workspace;
     WebInspector.Revealer = window.opener.WebInspector.Revealer;
     WebInspector.ContextMenu = window.opener.WebInspector.ContextMenu;
     WebInspector.installPortStyles();
 
     var advancedApp = /** @type {!WebInspector.AdvancedApp} */ (window.opener.WebInspector.app);
     var rootView = new WebInspector.RootView();
     this._inspectedPagePlaceholder = new WebInspector.InspectedPagePlaceholder();
     this._inspectedPagePlaceholder.addEventListener(WebInspector.InspectedPagePlaceholder.Events.Update, advancedApp._onSetInspectedPageBounds.bind(advancedApp, true));
     this._responsiveDesignView = new WebInspector.ResponsiveDesignView(this._inspectedPagePlaceholder);
     this._responsiveDesignView.show(rootView.element);
     rootView.attachToBody();
     advancedApp._toolboxLoaded(this);
 }