DevTools: make responsive design a master switch for emulation.

Source/devtools/front_end/main/AdvancedApp.js

Index: Source/devtools/front_end/main/AdvancedApp.js
diff --git a/Source/devtools/front_end/main/AdvancedApp.js b/Source/devtools/front_end/main/AdvancedApp.js
index dab05b18e6106d56fc1cc228dbe74d26f69e8280..9cd4af07b8d8f34c4829e8d7f075a57d5b158a15 100644
--- a/Source/devtools/front_end/main/AdvancedApp.js
+++ b/Source/devtools/front_end/main/AdvancedApp.js
@@ -14,21 +14,21 @@ WebInspector.AdvancedApp = function()
     if (!WebInspector.experimentsSettings.responsiveDesign.isEnabled())
         return;
 
-    this._toggleResponsiveDesignButton = new WebInspector.StatusBarButton(WebInspector.UIString("Responsive design mode."), "responsive-design-status-bar-item");
-    this._toggleResponsiveDesignButton.toggled = WebInspector.settings.responsiveDesign.enabled.get();
+    this._toggleResponsiveDesignButton = new WebInspector.StatusBarButton(WebInspector.UIString("Responsive design and mobile emulation."), "responsive-design-status-bar-item");
+    this._toggleResponsiveDesignButton.toggled = WebInspector.settings.responsiveDesignEnabled.get();
     this._toggleResponsiveDesignButton.addEventListener("click", this._toggleResponsiveDesign, this);
-    WebInspector.settings.responsiveDesign.enabled.addChangeListener(this._responsiveDesignEnabledChanged, this);
+    WebInspector.settings.responsiveDesignEnabled.addChangeListener(this._responsiveDesignEnabledChanged, this);
 };
 
 WebInspector.AdvancedApp.prototype = {
     _toggleResponsiveDesign: function()
     {
-        WebInspector.settings.responsiveDesign.enabled.set(!this._toggleResponsiveDesignButton.toggled);
+        WebInspector.settings.responsiveDesignEnabled.set(!this._toggleResponsiveDesignButton.toggled);
     },
 
     _responsiveDesignEnabledChanged: function()
     {
-        this._toggleResponsiveDesignButton.toggled = WebInspector.settings.responsiveDesign.enabled.get();
+        this._toggleResponsiveDesignButton.toggled = WebInspector.settings.responsiveDesignEnabled.get();

[dgozman, 2014/06/17 16:20:48]

Let's show/hide emulation tab in drawer from here.

[pfeldman, 2014/06/17 16:25:03]

Once responsive design graduates, we simply mark Emulation view with the setting
name in the drawer. It will then be controlled by that setting automatically.

     },
 
     createRootView: function()