[DevTools] Add "Show all" check box in Service Worker view.

third_party/WebKit/Source/devtools/front_end/resources/ServiceWorkersView.js

 // Copyright (c) 2015 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.VBox}
  * @implements {WebInspector.TargetManager.Observer}
  */
 WebInspector.ServiceWorkersView = function()
 {
     WebInspector.VBox.call(this, true);
     this.registerRequiredCSS("resources/serviceWorkersView.css");
     this.contentElement.classList.add("service-workers-view");
 
+
+    /** @type {boolean} */
+    this._showAll = false;
     /** @type {!Set.<string>} */
     this._securityOriginHosts = new Set();
     /** @type {!Map.<string, !WebInspector.ServiceWorkerOriginWidget>} */
     this._originHostToOriginWidgetMap = new Map();
     /** @type {!Map.<string, !WebInspector.ServiceWorkerOriginWidget>} */
     this._registrationIdToOriginWidgetMap = new Map();
 
     this._toolbar = new WebInspector.Toolbar("", this.contentElement);
 
     this._root = this.contentElement.createChild("div");
@@ skipping 10 matching lines @@
     targetAdded: function(target)
     {
         if (this._target)
             return;
         this._target = target;
         this._manager = this._target.serviceWorkerManager;
 
         var forceUpdate = new WebInspector.ToolbarCheckbox(WebInspector.UIString("Update on reload"), WebInspector.UIString("Update Service Worker on page reload"), this._manager.forceUpdateOnReloadSetting());
         this._toolbar.appendToolbarItem(forceUpdate);
 
+        this._showAllCheckbox = new WebInspector.ToolbarCheckbox(WebInspector.UIString("Show all"), WebInspector.UIString("Show all Service Workers"));
+        this._showAllCheckbox.inputElement.addEventListener("change", this._onShowAllCheckboxChanged.bind(this), false);
+        this._toolbar.appendToolbarItem(this._showAllCheckbox);
+
         for (var registration of this._manager.registrations().values())
             this._updateRegistration(registration);
 
         this._manager.addEventListener(WebInspector.ServiceWorkerManager.Events.RegistrationUpdated, this._registrationUpdated, this);
         this._manager.addEventListener(WebInspector.ServiceWorkerManager.Events.RegistrationDeleted, this._registrationDeleted, this);
         this._target.resourceTreeModel.addEventListener(WebInspector.ResourceTreeModel.EventTypes.SecurityOriginAdded, this._securityOriginAdded, this);
         this._target.resourceTreeModel.addEventListener(WebInspector.ResourceTreeModel.EventTypes.SecurityOriginRemoved, this._securityOriginRemoved, this);
         var securityOrigins = this._target.resourceTreeModel.securityOrigins();
         for (var i = 0; i < securityOrigins.length; ++i)
             this._addOrigin(securityOrigins[i]);
     },
 
     /**
      * @override
      * @param {!WebInspector.Target} target
      */
     targetRemoved: function(target)
     {
         if (target !== this._target)
             return;
         delete this._target;
     },
 
     /**
+     * @param {!Event} event
+     */
+    _onShowAllCheckboxChanged: function(event)
+    {
+        this._showAll = this._showAllCheckbox.checked();
+        if (this._showAll) {
+            for (var originWidget of this._originHostToOriginWidgetMap.values()) {
+                if (!originWidget.parentWidget())
+                    originWidget.show(this._root);
+            }
+        } else {
+            for (var originWidget of this._originHostToOriginWidgetMap.values()) {
+                if (originWidget.parentWidget() && !this._securityOriginHosts.has(originWidget._originHost))
+                    originWidget.detach();
+            }
+        }
+    },
+
+    /**
      * @param {!WebInspector.Event} event
      */
     _registrationUpdated: function(event)
     {
         var registration = /** @type {!WebInspector.ServiceWorkerRegistration} */ (event.data);
         this._updateRegistration(registration);
     },
 
     /**
      * @param {!WebInspector.ServiceWorkerRegistration} registration
      */
     _updateRegistration: function(registration)
     {
         var parsedURL = registration.scopeURL.asParsedURL();
         if (!parsedURL)
           return;
         var originHost = parsedURL.host;
         var originWidget = this._originHostToOriginWidgetMap.get(originHost);
         if (!originWidget) {
             originWidget = new WebInspector.ServiceWorkerOriginWidget(this._manager, originHost);
-            if (this._securityOriginHosts.has(originHost))
+            if (this._securityOriginHosts.has(originHost) || this._showAll)
                 originWidget.show(this._root);
             this._originHostToOriginWidgetMap.set(originHost, originWidget);
         }
         this._registrationIdToOriginWidgetMap.set(registration.id, originWidget);
         originWidget._updateRegistration(registration);
     },
 
     /**
      * @param {!WebInspector.Event} event
      */
     _registrationDeleted: function(event)
     {
         var registration = /** @type {!WebInspector.ServiceWorkerRegistration} */ (event.data);
         var registrationId = registration.id;
         var originWidget = this._registrationIdToOriginWidgetMap.get(registrationId);
         if (!originWidget)
             return;
         this._registrationIdToOriginWidgetMap.delete(registrationId);
         originWidget._deleteRegistration(registrationId);
         if (originWidget._hasRegistration())
             return;
-        if (this._securityOriginHosts.has(originWidget._originHost))
+        if (originWidget.parentWidget())
             originWidget.detach();
         this._originHostToOriginWidgetMap.delete(originWidget._originHost);
     },
 
     /**
      * @param {!WebInspector.Event} event
      */
     _securityOriginAdded: function(event)
     {
         this._addOrigin(/** @type {string} */ (event.data));
@@ skipping 23 matching lines @@
     _securityOriginRemoved: function(event)
     {
         var securityOrigin = /** @type {string} */ (event.data);
         var parsedURL = securityOrigin.asParsedURL();
         if (!parsedURL)
           return;
         var originHost = parsedURL.host;
         if (!this._securityOriginHosts.has(originHost))
             return;
         this._securityOriginHosts.delete(originHost);
+        if (this._showAll)
+           return;
         var originWidget = this._originHostToOriginWidgetMap.get(originHost);
         if (!originWidget)
           return;
         originWidget.detach();
     },
 
     __proto__: WebInspector.VBox.prototype
 }
 
 /**
@@ skipping 379 matching lines @@
      * @param {string} versionId
      * @param {!Event} event
      */
     _inspectButtonClicked: function(versionId, event)
     {
         this._manager.inspectWorker(versionId);
     },
 
     __proto__: WebInspector.VBox.prototype
 }