[DevTools] Use ListWidget for rendering of EditFileSystemView.

third_party/WebKit/Source/devtools/front_end/settings/FrameworkBlackboxSettingsTab.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}
  * @implements {WebInspector.ListWidget.Delegate}
@@ skipping 38 matching lines @@
             return;
 
         this._list.clear();
         var patterns = this._setting.getAsArray();
         for (var i = 0; i < patterns.length; ++i)
             this._list.appendItem(patterns[i], true);
     },
 
     _addButtonClicked: function()
     {
-        this._list.addNewItem(this._setting.getAsArray().length);
+        this._list.addNewItem(this._setting.getAsArray().length, {pattern: "", disabled: false});
     },
 
     /**
      * @override
      * @param {*} item
+     * @param {boolean} editable
      * @return {!Element}
      */
-    renderItem: function(item)
+    renderItem: function(item, editable)
     {
         var element = createElementWithClass("div", "blackbox-list-item");
-        element.createChild("div", "blackbox-pattern").textContent = item.pattern;
+        var pattern = element.createChild("div", "blackbox-pattern");
+        pattern.textContent = item.pattern;
+        pattern.title = item.pattern;
         element.createChild("div", "blackbox-separator");
         element.createChild("div", "blackbox-behavior").textContent = item.disabled ? this._disabledLabel : this._blackboxLabel;
         if (item.disabled)
             element.classList.add("blackbox-disabled");
         return element;
     },
 
     /**
      * @override
+     * @param {*} item
      * @param {number} index
      */
-    removeItemRequested: function(index)
+    removeItemRequested: function(item, index)
     {
         var patterns = this._setting.getAsArray();
         patterns.splice(index, 1);
         this._muteUpdate = true;
         this._setting.setAsArray(patterns);
         this._muteUpdate = false;
         this._list.removeItem(index);
     },
 
     /**
      * @override
-     * @param {*|null} item
+     * @param {*} item
      * @param {!WebInspector.ListWidget.Editor} editor
+     * @param {boolean} isNew
      */
-    commitEdit: function(item, editor)
+    commitEdit: function(item, editor, isNew)
     {
-        var pattern = item;
-        if (!pattern)
-            pattern = {pattern: "", disabled: false};
-
-        pattern.pattern = editor.control("pattern").value.trim();
-        pattern.disabled = editor.control("behavior").value === this._disabledLabel;
+        item.pattern = editor.control("pattern").value.trim();
+        item.disabled = editor.control("behavior").value === this._disabledLabel;
 
         var list = this._setting.getAsArray();
-        if (!item)
-            list.push(pattern);
+        if (isNew)
+            list.push(item);
         this._setting.setAsArray(list);
     },
 
     /**
      * @override
-     * @param {*|null} item
+     * @param {*} item
      * @return {!WebInspector.ListWidget.Editor}
      */
     beginEdit: function(item)
     {
         var editor = this._createEditor();
-        if (item) {
-            editor.control("pattern").value = item.pattern;
-            editor.control("behavior").value = item.disabled ? this._disabledLabel : this._blackboxLabel;
-        } else {
-            editor.control("pattern").value = "";
-            editor.control("behavior").value = this._blackboxLabel;
-        }
+        editor.control("pattern").value = item.pattern;
+        editor.control("behavior").value = item.disabled ? this._disabledLabel : this._blackboxLabel;
         return editor;
     },
 
     /**
      * @return {!WebInspector.ListWidget.Editor}
      */
     _createEditor: function()
     {
         if (this._editor)
             return this._editor;
@@ skipping 34 matching lines @@
          * @return {boolean}
          */
         function behaviorValidator(input)
         {
             return true;
         }
     },
 
     __proto__: WebInspector.VBox.prototype
 }