[DevTools] UI for network conditions emulation.

Source/devtools/front_end/elements/OverridesView.js

Index: Source/devtools/front_end/elements/OverridesView.js
diff --git a/Source/devtools/front_end/elements/OverridesView.js b/Source/devtools/front_end/elements/OverridesView.js
index 8a4ae3cad3438e4aac01e659061ea9ac7188056d..6c8c4b03fc02bf87cbc8520de3dbd0a445378daa 100644
--- a/Source/devtools/front_end/elements/OverridesView.js
+++ b/Source/devtools/front_end/elements/OverridesView.js
@@ -48,8 +48,10 @@ WebInspector.OverridesView = function()
             new WebInspector.OverridesView.DeviceTab().appendAsTab(this._tabbedPane);
         new WebInspector.OverridesView.ViewportTab().appendAsTab(this._tabbedPane);
     }
-    if (!WebInspector.overridesSupport.responsiveDesignAvailable())
+    if (!WebInspector.overridesSupport.responsiveDesignAvailable()) {
         new WebInspector.OverridesView.UserAgentTab().appendAsTab(this._tabbedPane);
+        new WebInspector.OverridesView.NetworkTab().appendAsTab(this._tabbedPane);
+    }
     new WebInspector.OverridesView.SensorsTab().appendAsTab(this._tabbedPane);
 
     this._lastSelectedTabSetting = WebInspector.settings.createSetting("lastSelectedEmulateTab", "device");
@@ -375,6 +377,36 @@ WebInspector.OverridesView.UserAgentTab.prototype = {
  * @constructor
  * @extends {WebInspector.OverridesView.Tab}
  */
+WebInspector.OverridesView.NetworkTab = function()
+{
+    WebInspector.OverridesView.Tab.call(this, "network", WebInspector.UIString("Network"), [WebInspector.overridesSupport.settings.emulateNetworkConditions]);
+    this.element.classList.add("overrides-network");
+    this.element.appendChild(this._createSettingCheckbox(WebInspector.UIString("Emulate offline for domains:"), WebInspector.overridesSupport.settings.emulateNetworkConditions));
+    this.element.appendChild(this._createNetworkConditionsElement());
+}
+
+WebInspector.OverridesView.NetworkTab.prototype = {
+    /**
+     * @return {!Element}
+     */
+    _createNetworkConditionsElement: function()
+    {
+        var fieldsetElement = WebInspector.SettingsUI.createSettingFieldset(WebInspector.overridesSupport.settings.emulateNetworkConditions);
+        var networkDomains = WebInspector.SettingsUI.createSettingInputField("", WebInspector.overridesSupport.settings.networkDomains, false, 0, "", WebInspector.OverridesSupport.networkDomainsValidator, false);
+        fieldsetElement.appendChild(networkDomains);
+        fieldsetElement.createChild("br");
+        fieldsetElement.createChild("span", "explanation").textContent = WebInspector.UIString("Leave empty to emulate offline for all domains");
+        return fieldsetElement;
+    },
+
+    __proto__: WebInspector.OverridesView.Tab.prototype
+}
+
+
+/**
+ * @constructor
+ * @extends {WebInspector.OverridesView.Tab}
+ */
 WebInspector.OverridesView.SensorsTab = function()
 {
     var settings = [WebInspector.overridesSupport.settings.overrideGeolocation, WebInspector.overridesSupport.settings.overrideDeviceOrientation];