[CacheStorage] Entry deletion and cache refresh in Inspector.

Source/devtools/front_end/resources/ServiceWorkerCacheViews.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.
 
 /**
  * @constructor
  * @extends {WebInspector.VBox}
  * @param {!WebInspector.ServiceWorkerCacheModel} model
  * @param {!WebInspector.ServiceWorkerCacheModel.Cache} cache
  */
@@ skipping 23 matching lines @@
     /**
      * @return {!WebInspector.DataGrid}
      */
     _createDataGrid: function()
     {
         var columns = [];
         columns.push({id: "number", title: WebInspector.UIString("#"), width: "50px"});
         columns.push({id: "request", title: WebInspector.UIString("Request")});
         columns.push({id: "response", title: WebInspector.UIString("Response")});
 
-        var dataGrid = new WebInspector.DataGrid(columns);
+        var dataGrid = new WebInspector.DataGrid(columns, undefined, this._deleteButtonClicked.bind(this), this._updateData.bind(this, true));
         return dataGrid;
     },
 
     _createEditorToolbar: function()
     {
         var editorToolbar = new WebInspector.Toolbar(this.element);
         editorToolbar.element.classList.add("data-view-toolbar");
 
         this._pageBackButton = new WebInspector.ToolbarButton(WebInspector.UIString("Show previous page."), "play-backwards-toolbar-item");
         this._pageBackButton.addEventListener("click", this._pageBackButtonClicked, this);
@@ skipping 11 matching lines @@
         this._updateData(false);
     },
 
     _pageForwardButtonClicked: function()
     {
         this._skipCount = this._skipCount + this._pageSize;
         this._updateData(false);
     },
 
     /**
+     * @param {!WebInspector.DataGridNode} node
+     */
+    _deleteButtonClicked: function(node)
+    {
+        this._model.deleteCacheEntry(this._cache, node.data["request"], node.remove.bind(node));
+    },
+
+    /**
      * @param {!WebInspector.ServiceWorkerCacheModel.Cache} cache
      */
     update: function(cache)
     {
         this._cache = cache;
 
         if (this._dataGrid)
             this._dataGrid.detach();
         this._dataGrid = this._createDataGrid();
         this._dataGrid.show(this.element);
@@ skipping 69 matching lines @@
 }
 
 /**
  * @constructor
  * @extends {WebInspector.DataGridNode}
  * @param {!Object.<string, *>} data
  */
 WebInspector.SWCacheDataGridNode = function(data)
 {
     WebInspector.DataGridNode.call(this, data, false);
-    this.selectable = false;
+    this.selectable = true;
 }
 
 WebInspector.SWCacheDataGridNode.prototype = {
     /**
      * @override
      * @return {!Element}
      */
     createCell: function(columnIdentifier)
     {
         var cell = WebInspector.DataGridNode.prototype.createCell.call(this, columnIdentifier);
         var value = this.data[columnIdentifier];
 
         switch (columnIdentifier) {
         case "request":
         case "response":
             cell.removeChildren();
             this._formatValue(cell, value);
             break;
         default:
         }
 
         return cell;
     },
 
     _formatValue: function(cell, value)
     {
-        var valueElement = WebInspector.ObjectPropertiesSection.createValueElement(value, false, cell);
-        valueElement.classList.add("source-code");
-        if (value.type === "object") {
-            var section = new WebInspector.ObjectPropertiesSection(value, valueElement);
-            section.editable = false;
-            section.skipProto();
-            cell.appendChild(section.element);
-        } else {
-            valueElement.classList.add("primitive-value");
-            cell.appendChild(valueElement);
-        }
+        cell.classList.add("source-code");
+        cell.classList.add("primitive-value");
+        cell.appendChild(createTextNode(value));
     },
 
     __proto__: WebInspector.DataGridNode.prototype
 }