[DevTools] Use ListWidget for rendering of EditFileSystemView.

third_party/WebKit/Source/devtools/front_end/components/NetworkConditionsSelector.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
  * @param {!HTMLSelectElement} selectElement
  */
 WebInspector.NetworkConditionsSelector = function(selectElement)
 {
@@ skipping 154 matching lines @@
 
         this._list.appendSeparator();
 
         conditions = WebInspector.NetworkConditionsSelector._networkConditionsPresets;
         for (var i = 0; i < conditions.length; ++i)
             this._list.appendItem(conditions[i], false);
     },
 
     _addButtonClicked: function()
     {
-        this._list.addNewItem(this._customSetting.get().length);
+        this._list.addNewItem(this._customSetting.get().length, {title: "", value: {throughput: 0, latency: 0}});
     },
 
     /**
      * @override
      * @param {*} item
+     * @param {boolean} editable
      * @return {!Element}
      */
-    renderItem: function(item)
+    renderItem: function(item, editable)
     {
         var conditions = /** @type {!WebInspector.NetworkConditionsProfile} */ (item);
         var element = createElementWithClass("div", "conditions-list-item");
         var title = element.createChild("div", "conditions-list-text conditions-list-title");
         var titleText = title.createChild("div", "conditions-list-title-text");
         titleText.textContent = conditions.title;
         titleText.title = conditions.title;
         element.createChild("div", "conditions-list-separator");
         element.createChild("div", "conditions-list-text").textContent = WebInspector.NetworkConditionsSelector.throughputText(conditions.value);
         element.createChild("div", "conditions-list-separator");
         element.createChild("div", "conditions-list-text").textContent = WebInspector.UIString("%dms", conditions.value.latency);
         return element;
     },
 
     /**
      * @override
+     * @param {*} item
      * @param {number} index
      */
-    removeItemRequested: function(index)
+    removeItemRequested: function(item, index)
     {
         var list = this._customSetting.get();
         list.splice(index, 1);
         this._muteUpdate = true;
         this._customSetting.set(list);
         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 conditions = /** @type {?WebInspector.NetworkConditionsProfile} */ (item);
-        if (!conditions)
-            conditions = {title: "", value: {throughput: 0, latency: 0}};
-
         conditions.title = editor.control("title").value.trim();
         var throughput = editor.control("throughput").value.trim();
         conditions.value.throughput = throughput ? parseInt(throughput, 10) * (1024 / 8) : -1;
         var latency = editor.control("latency").value.trim();
         conditions.value.latency = latency ? parseInt(latency, 10) : 0;
 
         var list = this._customSetting.get();
-        if (!item)
+        if (isNew)
             list.push(conditions);
         this._customSetting.set(list);
     },
 
     /**
      * @override
-     * @param {*|null} item
+     * @param {*} item
      * @return {!WebInspector.ListWidget.Editor}
      */
     beginEdit: function(item)
     {
         var conditions = /** @type {?WebInspector.NetworkConditionsProfile} */ (item);
         var editor = this._createEditor();
-        if (conditions) {
-            editor.control("title").value = conditions.title;
-            editor.control("throughput").value = conditions.value.throughput < 0 ? "" : String(conditions.value.throughput / (1024 / 8));
-            editor.control("latency").value = String(conditions.value.latency);
-        } else {
-            editor.control("title").value = "";
-            editor.control("throughput").value = "";
-            editor.control("latency").value = "";
-        }
+        editor.control("title").value = conditions.title;
+        editor.control("throughput").value = conditions.value.throughput < 0 ? "" : String(conditions.value.throughput / (1024 / 8));
+        editor.control("latency").value = String(conditions.value.latency);
         return editor;
     },
 
     /**
      * @return {!WebInspector.ListWidget.Editor}
      */
     _createEditor: function()
     {
         if (this._editor)
             return this._editor;
@@ skipping 50 matching lines @@
          */
         function latencyValidator(input)
         {
             var value = input.value.trim();
             return !value || (/^[\d]+$/.test(value) && value >= 0 && value <= 1000000);
         }
     },
 
     __proto__: WebInspector.VBox.prototype
 }