Add Server-Timing support to devtools

third_party/WebKit/Source/devtools/front_end/network/RequestTimingView.js

 /*
  * Copyright (C) 2010 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 247 matching lines @@
         tr.createChild("td").createTextChild(WebInspector.RequestTimingView._timeRangeTitle(rangeName));
 
         var row = tr.createChild("td").createChild("div", "network-timing-row");
         var bar = row.createChild("span", "network-timing-bar " + rangeName);
         bar.style.left = left + "%";
         bar.style.right = right + "%";
         bar.textContent = "\u200B"; // Important for 0-time items to have 0 width.
         var label = tr.createChild("td").createChild("div", "network-timing-bar-title");
         label.textContent = Number.secondsToString(duration, true);
     }
-
+    
     if (!request.finished) {
         var cell = tableElement.createChild("tr").createChild("td", "caution");
         cell.colSpan = 3;
         cell.createTextChild(WebInspector.UIString("CAUTION: request is not finished yet!"));
     }
 
     var footer = tableElement.createChild("tr", "network-timing-footer");
     var note = footer.createChild("td");
     note.colSpan = 2;
     note.appendChild(WebInspector.linkifyDocumentationURLAsNode("profile/network-performance/resource-loading#view-network-timing-details-for-a-specific-resource", WebInspector.UIString("Explanation")));
     footer.createChild("td").createTextChild(Number.secondsToString(totalDuration, true));
 
+    var serverHeader;
+    var serverTimings = request.serverTimings;
+
+    if (serverTimings) {
+        tableElement.createChild("tr").createChild("td").createTextChild("\u00a0");
+        serverHeader = tableElement.createChild("tr", "network-timing-table-header");
+        serverHeader.createChild("td").createTextChild("Server-Timing");

[pfeldman, 2016/03/14 22:54:34]

User-visible strings should be wrapped with WebInspector.UIString()

[sroussey, 2016/04/22 00:55:07]

OK! You might look at other things in this file -- I copy-pasted. 8-)

+        serverHeader.createChild("td").createTextChild("");
+        serverHeader.createChild("td").createTextChild("TIME");

[pfeldman, 2016/03/14 22:54:34]

ditto

+        
+        var addTiming = (serverTiming) => {

[pfeldman, 2016/03/14 22:54:34]

Please declare as a named function.

/**
 * @param ...
 */
function addTiming(serverTiming) {
}

+            var tr = tableElement.createChild("tr", serverTiming.metric == "total" ? "network-timing-footer" : "");
+            var metric = tr.createChild("td");
+            metric.colSpan = 2;
+            metric.createTextChild(WebInspector.RequestTimingView._timeRangeTitle(serverTiming.description || serverTiming.metric));
+    
+            var label = tr.createChild("td").createChild("div", "network-timing-bar-title");
+            label.textContent = Number.secondsToString(serverTiming.value, true);
+        };
+        serverTimings.filter(item => item.metric.toLowerCase() != "total").forEach(addTiming);
+        serverTimings.filter(item => item.metric.toLowerCase() == "total").forEach(addTiming);
+    }
+
     return tableElement;
 }