[CacheStorage] [DevTools] Added "Time Received" column to cache storage data grid

third_party/WebKit/Source/devtools/front_end/sdk/ServiceWorkerCacheModel.js

 // Copyright 2014 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.
 /**
  * @unrestricted
  */
 SDK.ServiceWorkerCacheModel = class extends SDK.SDKModel {
   /**
    * Invariant: This model can only be constructed on a ServiceWorker target.
    * @param {!SDK.Target} target
@@ skipping 197 matching lines @@
    */
   _cacheRemoved(cache) {
     this.dispatchEventToListeners(SDK.ServiceWorkerCacheModel.Events.CacheRemoved, {model: this, cache: cache});
   }
 
   /**
    * @param {!SDK.ServiceWorkerCacheModel.Cache} cache
    * @param {number} skipCount
    * @param {number} pageSize
    * @param {function(!Array<!SDK.ServiceWorkerCacheModel.Entry>, boolean)} callback
+   * @this {SDK.ServiceWorkerCacheModel}

[dgozman, 2017/06/07 21:32:06]

It's already an instance method, no need for @this annotation.

    */
   async _requestEntries(cache, skipCount, pageSize, callback) {
     var response = await this._agent.invoke_requestEntries({cacheId: cache.cacheId, skipCount, pageSize});
     if (response[Protocol.Error]) {
       console.error('ServiceWorkerCacheAgent error while requesting entries: ', response[Protocol.Error]);
       return;
     }
     var entries = response.cacheDataEntries.map(
-        dataEntry => new SDK.ServiceWorkerCacheModel.Entry(dataEntry.request, dataEntry.response));
+        dataEntry => new SDK.ServiceWorkerCacheModel.Entry(
+            dataEntry.request, dataEntry.response, this._formatTimestamp(dataEntry.responseTime)));

[dgozman, 2017/06/07 21:32:06]

new Date(dataEntry.responseTime * 1000).toLocaleString()

[kristipark, 2017/06/07 22:42:37]

Done.

     callback(entries, response.hasMore);
   }
+
+  /**
+   * @param {number} UNIX_timestamp
+   */
+  _formatTimestamp(UNIX_timestamp) {  // yyyy Mth dd, hh:mm:ss (24hr format)
+    /**
+   * @param {number} n
+   */
+    function pad(n) {
+      return n < 10 ? '0' + n.toString(10) : n.toString(10);
+    }
+
+    var monthName = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
+    var date = new Date(UNIX_timestamp * 1000);
+    var time = [pad(date.getHours()), pad(date.getMinutes()), pad(date.getSeconds())].join(':');
+    return [date.getFullYear(), monthName[date.getMonth()], date.getDate(), ',', time].join(' ');
+  }
 };
 
 SDK.SDKModel.register(SDK.ServiceWorkerCacheModel, SDK.Target.Capability.Browser, false);
 
 /** @enum {symbol} */
 SDK.ServiceWorkerCacheModel.Events = {
   CacheAdded: Symbol('CacheAdded'),
   CacheRemoved: Symbol('CacheRemoved')
 };
 
 /**
  * @unrestricted
  */
 SDK.ServiceWorkerCacheModel.Entry = class {
   /**
    * @param {string} request
    * @param {string} response
+   * @param {number} responseTime
    */
-  constructor(request, response) {
+  constructor(request, response, responseTime) {
     this.request = request;
     this.response = response;
+    this.responseTime = responseTime;
   }
 };
 
 /**
  * @unrestricted
  */
 SDK.ServiceWorkerCacheModel.Cache = class {
   /**
    * @param {string} securityOrigin
    * @param {string} cacheName
@@ skipping 14 matching lines @@
   }
 
   /**
    * @override
    * @return {string}
    */
   toString() {
     return this.securityOrigin + this.cacheName;
   }
 };