[DevTools] Move network throttling to network panel.

Source/devtools/front_end/emulation/ResponsiveDesignView.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.OverridesSupport.PageResizer}
  * @implements {WebInspector.TargetManager.Observer}
  * @param {!WebInspector.InspectedPagePlaceholder} inspectedPagePlaceholder
@@ skipping 549 matching lines @@
     {
         this._updateUI();
     },
 
     _createToolbar: function()
     {
         this._toolbarElement = this._responsiveDesignContainer.element.createChild("div", "responsive-design-toolbar");
         this._createButtonsSection();
         this._createDeviceSection();
         this._toolbarElement.createChild("div", "responsive-design-separator");
-        this._createNetworkSection();
-        this._toolbarElement.createChild("div", "responsive-design-separator");
 
         var moreButtonContainer = this._toolbarElement.createChild("div", "responsive-design-more-button-container");
         var moreButton = moreButtonContainer.createChild("button", "responsive-design-more-button");
         moreButton.title = WebInspector.UIString("More overrides");
         moreButton.addEventListener("click", this._showEmulationInDrawer.bind(this), false);
         moreButton.textContent = "\u2026";
     },
 
     _createButtonsSection: function()
     {
@@ skipping 74 matching lines @@
 
         /**
          * @param {!Element} checkbox
          */
         function themeCheckbox(checkbox)
         {
             checkbox.checkColor = "rgb(255, 156, 0)";
             checkbox.backgroundColor = "rgb(102, 102, 102)";
             checkbox.borderColor = "rgb(45, 45, 45)";
         }
-    },
-
-    _createNetworkSection: function()
-    {
-        var networkSection = this._toolbarElement.createChild("div", "responsive-design-section responsive-design-section-network");
-
-        networkSection.createChild("div", "responsive-design-section-decorator");
-
-        // Bandwidth.
-        var bandwidthElement = networkSection.createChild("div", "responsive-design-suite responsive-design-suite-top").createChild("div");
-        var fieldsetElement = bandwidthElement.createChild("fieldset");
-        var networkCheckbox = fieldsetElement.createChild("label");
-        networkCheckbox.textContent = WebInspector.UIString("Network");
-        fieldsetElement.appendChild(WebInspector.OverridesUI.createNetworkConditionsSelect());
 
         // User agent.
-        var userAgentElement = networkSection.createChild("div", "responsive-design-suite").createChild("div");
-        fieldsetElement = userAgentElement.createChild("fieldset");
-        fieldsetElement.appendChild(WebInspector.SettingsUI.createSettingInputField("UA", WebInspector.overridesSupport.settings.userAgent, false, 0, "", undefined, false, false, WebInspector.UIString("No override")));
+        detailsElement.createChild("div", "responsive-design-suite-separator");
+        var userAgentElement = detailsElement.createChild("div").createChild("label", "responsive-design-user-agent");
+        WebInspector.overridesSupport.settings.userAgent.addChangeListener(userAgentChanged);
+        userAgentChanged();
+
+        function userAgentChanged()
+        {
+            var value = WebInspector.overridesSupport.settings.userAgent.get();
+            if (!value)
+                value = WebInspector.UIString("No UA override");
+            userAgentElement.textContent = value;
+            userAgentElement.title = WebInspector.UIString("User agent: %s", value);
+        }
     },
 
     _onToggleMediaInspectorButtonClick: function()
     {
         this._showMediaQueryInspectorSetting.set(!this._toggleMediaInspectorButton.toggled());
     },
 
     _updateMediaQueryInspector: function()
     {
         this._toggleMediaInspectorButton.setToggled(this._showMediaQueryInspectorSetting.get());
@@ skipping 111 matching lines @@
 WebInspector.EmulationDispatcher.prototype = {
     /**
      * @override
      * @param {!EmulationAgent.Viewport=} viewport
      */
     viewportChanged: function(viewport)
     {
         this._responsiveDesignView._viewportChanged(viewport);
     }
 }