[DevTools] Use ListWidget for rendering of EditFileSystemView.

third_party/WebKit/Source/devtools/front_end/ui/ListWidget.js

 // Copyright 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}
  * @param {!WebInspector.ListWidget.Delegate} delegate
  */
 WebInspector.ListWidget = function(delegate)
@@ skipping 20 matching lines @@
 /**
  * @interface
  */
 WebInspector.ListWidget.Delegate = function()
 {
 }
 
 WebInspector.ListWidget.Delegate.prototype = {
     /**
      * @param {*} item
+     * @param {boolean} editable
      * @return {!Element}
      */
-    renderItem: function(item) { },
+    renderItem: function(item, editable) { },
 
     /**
+     * @param {*} item
      * @param {number} index
      */
-    removeItemRequested: function(index) { },
+    removeItemRequested: function(item, index) { },
 
     /**
-     * @param {*|null} item
+     * @param {*} item
      * @return {!WebInspector.ListWidget.Editor}
      */
     beginEdit: function(item) { },
 
     /**
-     * @param {*|null} item
+     * @param {*} item
      * @param {!WebInspector.ListWidget.Editor} editor
+     * @param {boolean} isNew
      */
-    commitEdit: function(item, editor) { }
+    commitEdit: function(item, editor, isNew) { }
 }
 
 WebInspector.ListWidget.prototype = {
     clear: function()
     {
         this._items = [];
         this._editable = [];
         this._elements = [];
         this._lastSeparator = false;
         this._list.removeChildren();
         this._updatePlaceholder();
         this._stopEditing();
     },
 
     /**
      * @param {*} item
      * @param {boolean} editable
      */
     appendItem: function(item, editable)
     {
         if (this._lastSeparator && this._items.length)
             this._list.appendChild(createElementWithClass("div", "list-separator"));
         this._lastSeparator = false;
 
         this._items.push(item);
         this._editable.push(editable);
 
         var element = this._list.createChild("div", "list-item");
-        element.appendChild(this._delegate.renderItem(item));
+        element.appendChild(this._delegate.renderItem(item, editable));
         if (editable) {
             element.classList.add("editable");
             element.appendChild(this._createControls(item, element));
         }
         this._elements.push(element);
         this._updatePlaceholder();
     },
 
     appendSeparator: function()
     {
@@ skipping 23 matching lines @@
         element.remove();
 
         this._elements.splice(index, 1);
         this._items.splice(index, 1);
         this._editable.splice(index, 1);
         this._updatePlaceholder();
     },
 
     /**
      * @param {number} index
+     * @param {*} item
      */
-    addNewItem: function(index)
+    addNewItem: function(index, item)
     {
-        this._startEditing(null, null, this._elements[index] || null);
+        this._startEditing(item, null, this._elements[index] || null);
     },
 
     /**
      * @param {?Element} element
      */
     setEmptyPlaceholder: function(element)
     {
         this._emptyPlaceholder = element;
     },
 
@@ skipping 29 matching lines @@
             this._startEditing(item, element, insertionPoint);
         }
 
         /**
          * @param {!Event} event
          * @this {WebInspector.ListWidget}
          */
         function onRemoveClicked(event)
         {
             event.consume();
-            this._delegate.removeItemRequested(this._elements.indexOf(element));
+            var index = this._elements.indexOf(element);
+            this._delegate.removeItemRequested(this._items[index], index);
         }
     },
 
     wasShown: function()
     {
         WebInspector.VBox.prototype.wasShown.call(this);
         this._stopEditing();
     },
 
     _updatePlaceholder: function()
@@ skipping 27 matching lines @@
 
         this._editor = this._delegate.beginEdit(item);
         this._updatePlaceholder();
         this._list.insertBefore(this._editor.element, insertionPoint);
         this._editor.beginEdit(element ? WebInspector.UIString("Save") : WebInspector.UIString("Add"), this._commitEditing.bind(this), this._stopEditing.bind(this));
     },
 
     _commitEditing: function()
     {
         var editItem = this._editItem;
+        var isNew = !this._editElement;
         var editor = /** @type {!WebInspector.ListWidget.Editor} */ (this._editor);
         this._stopEditing();
-        this._delegate.commitEdit(editItem, editor);
+        this._delegate.commitEdit(editItem, editor, isNew);
     },
 
     _stopEditing: function()
     {
         this._list.classList.remove("list-editing");
         if (this._editElement)
             this._editElement.classList.remove("hidden");
         if (this._editor && this._editor.element.parentElement)
             this._editor.element.remove();
 
@@ skipping 154 matching lines @@
     },
 
     _cancelClicked: function()
     {
         var cancel = this._cancel;
         this._commit = null;
         this._cancel = null;
         cancel();
     }
 }