[DevTools] Show LastModified and ResponseTime of ServiceWorker script in DevTools

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()
@@ skipping 303 matching lines @@
                 startButton.title = WebInspector.UIString("Start");
             }
             runningStatusDiv.createChild("div", "service-workers-version-running-status-text").createTextChild(version.runningStatus);
             var scriptURLDiv = stateRowElement.createChild("div", "service-workers-version-script-url");
             scriptURLDiv.createChild("div", "service-workers-version-script-url-text").createTextChild(version.scriptURL.asParsedURL().path);
             if (version.isRunning() || version.isStarting()) {
                 var inspectButton = scriptURLDiv.createChild("span", "service-workers-version-inspect");
                 inspectButton.createTextChild(WebInspector.UIString("inspect"));
                 inspectButton.addEventListener("click", this._inspectButtonClicked.bind(this, version.id), false);
             }
+
+            if (version.scriptLastModified) {
+                var scriptLastModifiedDiv = scriptURLDiv.createChild("div", "service-workers-info");

[dgozman, 2015/03/30 15:22:16]

You can just create "dt-icon-label" in scriptURLDiv, set it's type and
createTextChild inside.

[horo, 2015/03/30 15:39:52]

Done.

+                var scriptLastModifiedText = WebInspector.UIString("Last-Modified: %s", (new Date(version.scriptLastModified * 1000)).toConsoleTime());
+                scriptLastModifiedDiv.createChild("label", "", "dt-icon-label").type = "info-icon";
+                scriptLastModifiedDiv.createChild("div", "service-workers-info-message service-worker-script-last-modified").createTextChild(scriptLastModifiedText);

[dgozman, 2015/03/30 15:22:15]

I don't see where you use these classes.

[horo, 2015/03/30 15:39:52]

Removed service-workers-info-message.
service-worker-script-last-modified is used in LayouTest.

+            }
+            if (version.scriptResponseTime) {
+                var scriptResponseTimeDiv = scriptURLDiv.createChild("div", "service-workers-info");
+                var scriptResponseTimeText = WebInspector.UIString("Server response time: %s", (new Date(version.scriptLastModified * 1000)).toConsoleTime());
+                scriptResponseTimeDiv.createChild("label", "", "dt-icon-label").type = "info-icon";
+                scriptResponseTimeDiv.createChild("div", "service-workers-info-message service-worker-script-response-time").createTextChild(scriptResponseTimeText);

[dgozman, 2015/03/30 15:22:16]

ditto

[horo, 2015/03/30 15:39:52]

Removed service-workers-info-message.
service-worker-script-response-time is used in LayouTest.

+            }
+
             var errorMessages = version.errorMessages;
             for (var index = 0; index < errorMessages.length; ++index) {
                 var errorDiv = scriptURLDiv.createChild("div", "service-workers-error");
-                errorDiv.createChild("div", "service-workers-error-icon");
+                errorDiv.createChild("label", "", "dt-icon-label").type = "error-icon";
                 errorDiv.createChild("div", "service-workers-error-message").createTextChild(errorMessages[index].errorMessage);
                 var script_path = errorMessages[index].sourceURL;
                 var script_url;
                 if (script_url = script_path.asParsedURL())
                     script_path = script_url.path;
                 if (errorMessages[index].lineNumber != -1)
                     script_path = String.sprintf("%s:%d", script_path, errorMessages[index].lineNumber);
                 errorDiv.createChild("div", "service-workers-error-line").createTextChild(script_path);
             }
+
         }
         if (!versions.length) {
             var stateRowElement = versionsElement.createChild("div", "service-workers-version-row");
             stateRowElement.createChild("div", "service-workers-version-status");
             stateRowElement.createChild("div", "service-workers-version-running-status");
             stateRowElement.createChild("div", "service-workers-version-script-url");
         }
         return modeRowElement;
     },
 
@@ skipping 24 matching lines @@
 
     /**
      * @param {string} versionId
      * @param {!Event} event
      */
     _inspectButtonClicked: function(versionId, event)
     {
         this._manager.inspectWorker(versionId);
     }
 }