Revert 178848 "[DevTools] Make toolbar counters declarative."

trunk/Source/devtools/front_end/components/InspectorView.js

 /*
  * Copyright (C) 2011 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 43 matching lines @@
     this._toolbarElement = document.createElement("div");
     this._toolbarElement.className = "toolbar toolbar-background toolbar-colors";
     var headerElement = this._tabbedPane.headerElement();
     headerElement.parentElement.insertBefore(this._toolbarElement, headerElement);
 
     this._leftToolbarElement = this._toolbarElement.createChild("div", "toolbar-controls-left");
     this._toolbarElement.appendChild(headerElement);
     this._rightToolbarElement = this._toolbarElement.createChild("div", "toolbar-controls-right");
     this._toolbarItems = [];
 
+    if (WebInspector.experimentsSettings.devicesPanel.isEnabled()) {
+        this._remoteDeviceCountElement = this._rightToolbarElement.createChild("div", "hidden");
+        this._remoteDeviceCountElement.addEventListener("click", this.showViewInDrawer.bind(this, "devices", true), false);
+        this._remoteDeviceCountElement.id = "remote-device-count";
+        InspectorFrontendHost.setDeviceCountUpdatesEnabled(true);
+        InspectorFrontendHost.events.addEventListener(InspectorFrontendHostAPI.Events.DeviceCountUpdated, this._onDeviceCountUpdated, this);
+    }
+
+    this._errorWarningCountElement = this._rightToolbarElement.createChild("div", "hidden");
+    this._errorWarningCountElement.id = "error-warning-count";
+
     this._closeButtonToolbarItem = document.createElementWithClass("div", "toolbar-close-button-item");
     var closeButtonElement = this._closeButtonToolbarItem.createChild("div", "close-button");
     closeButtonElement.addEventListener("click", InspectorFrontendHost.closeWindow.bind(InspectorFrontendHost), true);
     this._rightToolbarElement.appendChild(this._closeButtonToolbarItem);
 
+    this.appendToRightToolbar(this._drawer.toggleButton());
+
     this._panels = {};
     // Used by tests.
     WebInspector["panels"] = this._panels;
 
     this._history = [];
     this._historyIterator = -1;
     document.addEventListener("keydown", this._keyDown.bind(this), false);
     document.addEventListener("keypress", this._keyPress.bind(this), false);
     this._panelDescriptors = {};
 
     // Windows and Mac have two different definitions of '[' and ']', so accept both of each.
     this._openBracketIdentifiers = ["U+005B", "U+00DB"].keySet();
     this._closeBracketIdentifiers = ["U+005D", "U+00DD"].keySet();
     this._lastActivePanelSetting = WebInspector.settings.createSetting("lastActivePanel", "elements");
 
     this._loadPanelDesciptors();
 
     InspectorFrontendHost.events.addEventListener(InspectorFrontendHostAPI.Events.ShowConsole, this.showPanel.bind(this, "console"));
 };
 
+WebInspector.InspectorView.Events = {
+    DeviceCountChanged: "DeviceCountChanged"
+}
+
 WebInspector.InspectorView.prototype = {
     _loadPanelDesciptors: function()
     {
         WebInspector.startBatchUpdate();
         WebInspector.moduleManager.extensions(WebInspector.Panel).forEach(processPanelExtensions.bind(this));
         /**
          * @param {!WebInspector.ModuleManager.Extension} extension
          * @this {!WebInspector.InspectorView}
          */
         function processPanelExtensions(extension)
@@ skipping 329 matching lines @@
     },
 
     /**
      * @return {!Element}
      */
     topResizerElement: function()
     {
         return this._tabbedPane.headerElement();
     },
 
-    toolbarItemResized: function()
+    _createImagedCounterElementIfNeeded: function(parent, count, id, styleName)
     {
+        if (!count)
+            return;
+
+        var imageElement = parent.createChild("div", styleName);
+        var counterElement = parent.createChild("span");
+        counterElement.id = id;
+        counterElement.textContent = count;
+    },
+
+    /**
+     * @param {number} errors
+     * @param {number} warnings
+     */
+    setErrorAndWarningCounts: function(errors, warnings)
+    {
+        if (this._errors === errors && this._warnings === warnings)
+            return;
+        this._errors = errors;
+        this._warnings = warnings;
+        this._errorWarningCountElement.classList.toggle("hidden", !errors && !warnings);
+        this._errorWarningCountElement.removeChildren();
+
+        this._createImagedCounterElementIfNeeded(this._errorWarningCountElement, errors, "error-count", "error-icon-small");
+        this._createImagedCounterElementIfNeeded(this._errorWarningCountElement, warnings, "warning-count", "warning-icon-small");
+
+        var errorString = errors ?  WebInspector.UIString("%d error%s", errors, errors > 1 ? "s" : "") : "";
+        var warningString = warnings ?  WebInspector.UIString("%d warning%s", warnings, warnings > 1 ? "s" : "") : "";
+        var commaString = errors && warnings ? ", " : "";
+        this._errorWarningCountElement.title = errorString + commaString + warningString;
+        this._tabbedPane.headerResized();
+    },
+
+    /**
+     * @param {!WebInspector.Event} event
+     */
+    _onDeviceCountUpdated: function(event)
+    {
+        var count = /** @type {number} */ (event.data);
+        if (count === this.deviceCount_)
+            return;
+        this.deviceCount_ = count;
+        this._remoteDeviceCountElement.classList.toggle("hidden", !count);
+        this._remoteDeviceCountElement.removeChildren();
+        this._createImagedCounterElementIfNeeded(this._remoteDeviceCountElement, count, "device-count", "device-icon-small");
+        this._remoteDeviceCountElement.title = WebInspector.UIString(((count > 1) ? "%d devices found" : "%d device found"), count);
         this._tabbedPane.headerResized();
     },
 
     __proto__: WebInspector.VBox.prototype
 };
 
 /**
  * @type {!WebInspector.InspectorView}
  */
 WebInspector.inspectorView;
@@ skipping 16 matching lines @@
             WebInspector.inspectorView.closeDrawer();
             return true;
         }
         WebInspector.inspectorView.showDrawer();
         return true;
     }
 }
 
 /**
  * @constructor
- * @implements {WebInspector.StatusBarItem.Provider}
- */
-WebInspector.InspectorView.ToggleDrawerButtonProvider = function()
-{
-}
-
-WebInspector.InspectorView.ToggleDrawerButtonProvider.prototype = {
-    /**
-     * @return {?WebInspector.StatusBarItem}
-     */
-    item: function()
-    {
-        return WebInspector.inspectorView._drawer.toggleButton();
-    }
-}
-
-/**
- * @constructor
  * @extends {WebInspector.VBox}
  */
 WebInspector.RootView = function()
 {
     WebInspector.VBox.call(this);
     this.markAsRoot();
     this.element.classList.add("root-view");
     this.element.setAttribute("spellcheck", false);
     window.addEventListener("resize", this.doResize.bind(this), true);
     this._onScrollBound = this._onScroll.bind(this);
@@ skipping 28 matching lines @@
             window.addEventListener("scroll", this._onScrollBound, false);
         else
             window.removeEventListener("scroll", this._onScrollBound, false);
 
         WebInspector.VBox.prototype.doResize.call(this);
         this._onScroll();
     },
 
     __proto__: WebInspector.VBox.prototype
 };