DevTools: only allow status bar items in status bars.

Source/devtools/front_end/resources/ApplicationCacheItemsView.js

 /*
  * Copyright (C) 2010 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 28 matching lines @@
     // FIXME: Needs better tooltip. (Localized)
     this.deleteButton = new WebInspector.StatusBarButton(WebInspector.UIString("Delete"), "delete-storage-status-bar-item");
     this.deleteButton.setVisible(false);
     this.deleteButton.addEventListener("click", this._deleteButtonClicked, this);
 
     this.connectivityIcon = createElement("div");
     this.connectivityMessage = createElement("span");
     this.connectivityMessage.className = "storage-application-cache-connectivity";
     this.connectivityMessage.textContent = "";
 
-    this.divider = createElement("span");
-    this.divider.className = "status-bar-item status-bar-divider";
+    this.divider = new WebInspector.StatusBarSeparator();
 
     this.statusIcon = createElement("div");
     this.statusMessage = createElement("span");
     this.statusMessage.className = "storage-application-cache-status";
     this.statusMessage.textContent = "";
 
     this._frameId = frameId;
 
     this._emptyView = new WebInspector.EmptyView(WebInspector.UIString("No Application Cache information available."));
     this._emptyView.show(this.element);
 
     this._markDirty();
 
     var status = this._model.frameManifestStatus(frameId);
     this.updateStatus(status);
 
     this.updateNetworkState(this._model.onLine);
 
     // FIXME: Status bar items don't work well enough yet, so they are being hidden.
     // http://webkit.org/b/41637 Web Inspector: Give Semantics to "Refresh" and "Delete" Buttons in ApplicationCache DataGrid
     this.deleteButton.element.style.display = "none";
 }
 
 WebInspector.ApplicationCacheItemsView.prototype = {
-    get statusBarItems()
+    /**
+     * @return {!Array.<!WebInspector.StatusBarItem>}
+     */
+    statusBarItems: function()
     {
         return [
-            this.deleteButton.element,
-            this.connectivityIcon, this.connectivityMessage, this.divider,
-            this.statusIcon, this.statusMessage
+            this.deleteButton,
+            new WebInspector.StatusBarItem(this.connectivityIcon),
+            new WebInspector.StatusBarItem(this.connectivityMessage),
+            this.divider,
+            new WebInspector.StatusBarItem(this.statusIcon),
+            new WebInspector.StatusBarItem(this.statusMessage)
         ];
     },
 
     wasShown: function()
     {
         this._maybeUpdate();
     },
 
     willHide: function()
     {
@@ skipping 169 matching lines @@
     _deleteCallback: function(node)
     {
         // FIXME: Should we delete a single (selected) resource or all resources?
         // InspectorBackend.deleteCachedResource(...)
         // this._update();
     },
 
     __proto__: WebInspector.VBox.prototype
 }