DevTools: use timing information for "disk cached" resources.

Source/devtools/front_end/network/NetworkPanel.js

 /*
  * Copyright (C) 2007, 2008 Apple Inc.  All rights reserved.
  * Copyright (C) 2008, 2009 Anthony Ricaud <rik@webkit.org>
  * 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:
  *
  * 1.  Redistributions of source code must retain the above copyright
@@ skipping 2390 matching lines @@
         if (hasLatency && rightLabel) {
             var total = Number.secondsToString(request.duration);
             var tooltip = WebInspector.NetworkTimeCalculator._latencyDownloadTotalFormat.format(leftLabel, rightLabel, total);
         } else if (hasLatency)
             var tooltip = WebInspector.NetworkTimeCalculator._latencyFormat.format(leftLabel);
         else if (rightLabel)
             var tooltip = WebInspector.NetworkTimeCalculator._downloadFormat.format(rightLabel);
 
         if (request.fetchedViaServiceWorker)
             tooltip = WebInspector.NetworkTimeCalculator._fromServiceWorkerFormat.format(tooltip);
-        else if (request.cached)
+        else if (request.cached())
             tooltip = WebInspector.NetworkTimeCalculator._fromCacheFormat.format(tooltip);
         return {left: leftLabel, right: rightLabel, tooltip: tooltip};
     },
 
     /**
      * @param {!WebInspector.NetworkRequest} request
      * @return {boolean}
      */
     updateBoundaries: function(request)
     {
@@ skipping 273 matching lines @@
     {
         cell = cell.createChild("div");
         this._timelineCell = cell;
 
         cell.className = "network-graph-side";
 
         this._barAreaElement = cell.createChild("div", "network-graph-bar-area");
         this._barAreaElement.request = this._request;
 
         var type = this._request.type.name();
-        var cached = this._request.cached;
+        var cached = this._request.cached();
 
         this._barLeftElement = this._barAreaElement.createChild("div", "network-graph-bar");
         this._barLeftElement.classList.add(type, "waiting");
         this._barLeftElement.classList.toggle("cached", cached);
 
         this._barRightElement = this._barAreaElement.createChild("div", "network-graph-bar");
         this._barRightElement.classList.add(type);
         this._barRightElement.classList.toggle("cached", cached);
 
         this._labelLeftElement = this._barAreaElement.createChild("div", "network-graph-label");
@@ skipping 36 matching lines @@
         cell.createTextChild(this._request.name());
         this._appendSubtitle(cell, this._request.path());
         cell.title = this._request.url;
     },
 
     /**
      * @param {!Element} cell
      */
     _renderStatusCell: function(cell)
     {
-        cell.classList.toggle("network-dim-cell", !this._isFailed() && (this._request.cached || !this._request.statusCode));
+        cell.classList.toggle("network-dim-cell", !this._isFailed() && (this._request.cached() || !this._request.statusCode));
 
         if (this._request.failed && !this._request.canceled) {
             var failText = WebInspector.UIString("(failed)");
             if (this._request.localizedFailDescription) {
                 cell.createTextChild(failText);
                 this._appendSubtitle(cell, this._request.localizedFailDescription);
                 cell.title = failText + " " + this._request.localizedFailDescription;
             } else
                 cell.setTextAndTitle(failText);
         } else if (this._request.statusCode) {
@@ skipping 54 matching lines @@
     },
 
     /**
      * @param {!Element} cell
      */
     _renderSizeCell: function(cell)
     {
         if (this._request.fetchedViaServiceWorker) {
             cell.setTextAndTitle(WebInspector.UIString("(from ServiceWorker)"));
             cell.classList.add("network-dim-cell");
-        } else if (this._request.cached) {
+        } else if (this._request.cached()) {
             cell.setTextAndTitle(WebInspector.UIString("(from cache)"));
             cell.classList.add("network-dim-cell");
         } else {
             var resourceSize = Number.bytesToString(this._request.resourceSize);
             var transferSize = Number.bytesToString(this._request.transferSize);
             cell.setTextAndTitle(transferSize);
             this._appendSubtitle(cell, resourceSize);
         }
     },
 
@@ skipping 164 matching lines @@
     return a._request.indentityCompare(b._request);
 }
 
 /**
  * @param {!WebInspector.NetworkDataGridNode} a
  * @param {!WebInspector.NetworkDataGridNode} b
  * @return {number}
  */
 WebInspector.NetworkDataGridNode.SizeComparator = function(a, b)
 {
-    if (b._request.cached && !a._request.cached)
+    if (b._request.cached() && !a._request.cached())
         return 1;
-    if (a._request.cached && !b._request.cached)
+    if (a._request.cached() && !b._request.cached())
         return -1;
     return (a._request.transferSize - b._request.transferSize) || a._request.indentityCompare(b._request);
 }
 
 /**
  * @param {!WebInspector.NetworkDataGridNode} a
  * @param {!WebInspector.NetworkDataGridNode} b
  * @return {number}
  */
 WebInspector.NetworkDataGridNode.InitiatorComparator = function(a, b)
@@ skipping 96 matching lines @@
 
 WebInspector.NetworkPanelFactory.prototype = {
     /**
      * @return {!WebInspector.Panel}
      */
     createPanel: function()
     {
         return WebInspector.NetworkPanel._instance();
     }
 }