DevTools: make responsive design a master switch for emulation.

Source/devtools/front_end/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}
  * @param {!WebInspector.InspectedPagePlaceholder} inspectedPagePlaceholder
  */
@@ skipping 29 matching lines @@
     this._heightSlider = this._heightSliderContainer.createChild("div", "responsive-design-slider-thumb");
     this._heightSlider.createChild("div", "responsive-design-thumb-handle");
     this._createResizer(this._heightSlider, true);
 
     this._inspectedPagePlaceholder = inspectedPagePlaceholder;
     inspectedPagePlaceholder.show(this.element);
 
     this._enabled = false;
 
     WebInspector.zoomManager.addEventListener(WebInspector.ZoomManager.Events.ZoomChanged, this._onZoomChanged, this);
-    WebInspector.settings.responsiveDesign.enabled.addChangeListener(this._responsiveDesignEnabledChanged, this);
+    WebInspector.settings.responsiveDesignEnabled.addChangeListener(this._responsiveDesignEnabledChanged, this);
     this._responsiveDesignEnabledChanged();
     this._overridesWarningUpdated();
 };
 
 // Measured in DIP.
 WebInspector.ResponsiveDesignView.SliderWidth = 19;
 WebInspector.ResponsiveDesignView.RulerWidth = 20;
 
 WebInspector.ResponsiveDesignView.prototype = {
     _invalidateCache: function()
     {
         delete this._cachedScale;
         delete this._cachedCssCanvasWidth;
         delete this._cachedCssCanvasHeight;
         delete this._cachedCssHeight;
         delete this._cachedCssWidth;
         delete this._cachedZoomFactor;
         delete this._availableSize;
     },
 
     _responsiveDesignEnabledChanged: function()
     {
-        var enabled = WebInspector.settings.responsiveDesign.enabled.get();
+        var enabled = WebInspector.settings.responsiveDesignEnabled.get();
         if (enabled && !this._enabled) {
             this._invalidateCache();
             this._ignoreResize = true;
             this._enabled = true;
             this._inspectedPagePlaceholder.clearMinimumSizeAndMargins();
             this._inspectedPagePlaceholder.show(this._pageContainer);
             this._responsiveDesignContainer.show(this.element);
             this.update(this._dipWidth || 0, this._dipHeight || 0, this._scale || 0);
             delete this._ignoreResize;
         } else if (!enabled && this._enabled) {
@@ skipping 289 matching lines @@
     _createToolbar: function()
     {
         var toolbarElement = this._responsiveDesignContainer.element.createChild("div", "responsive-design-toolbar");
         this._toolbarSection = toolbarElement.createChild("div", "responsive-design-composite-section hbox");
 
         this._expandedDeviceSection = document.createElementWithClass("div", "responsive-design-composite-section vbox");
         this._expandedScreenTouchSection = document.createElementWithClass("div", "responsive-design-composite-section hbox");
         this._expandedNetworkSection = document.createElementWithClass("div", "responsive-design-composite-section vbox solid");
 
         this._expandSection = document.createElementWithClass("div", "responsive-design-section vbox");
-        WebInspector.settings.responsiveDesign.toolbarExpanded = WebInspector.settings.createSetting("responsiveDesign.toolbarExpanded", false);
+        this.toolbarExpandedSetting = WebInspector.settings.createSetting("responsiveDesignToolbarExpanded", false);
         this._expandButton = this._expandSection.createChild("div", "responsive-design-expand");
         this._expandButton.createChild("div", "responsive-design-icon responsive-design-icon-expand");
         this._expandButton.createChild("span");
         this._expandButton.addEventListener("click", this._toggleToolbarExpanded.bind(this));
-        WebInspector.settings.responsiveDesign.toolbarExpanded.addChangeListener(this._toolbarExpandedChanged, this);
+        this.toolbarExpandedSetting.addChangeListener(this._toolbarExpandedChanged, this);
 
         // Device
         this._deviceSection = document.createElementWithClass("div", "responsive-design-section");
         this._deviceSection.appendChild(WebInspector.SettingsUI.createSettingCheckbox(WebInspector.UIString("Device"), WebInspector.overridesSupport.settings.emulateDevice, true));
         this._deviceSection.appendChild(WebInspector.overridesSupport.createDeviceSelect(document));
 
         // Screen
         this._screenSection = document.createElementWithClass("div", "responsive-design-section responsive-design-screen-section");
         var fieldsetElement = WebInspector.SettingsUI.createSettingFieldset(WebInspector.overridesSupport.settings.emulateDevice);
         this._screenSection.appendChild(fieldsetElement);
@@ skipping 43 matching lines @@
                     trimmed = trimmed.substring(0, 40) + "...";
                 networkCheckbox.title = WebInspector.UIString("Limit for ") + trimmed;
             }
         }
 
         this._toolbarExpandedChanged();
     },
 
     _toggleToolbarExpanded: function()
     {
-        WebInspector.settings.responsiveDesign.toolbarExpanded.set(!WebInspector.settings.responsiveDesign.toolbarExpanded.get());
+        this.toolbarExpandedSetting.set(!this.toolbarExpandedSetting.get());
     },
 
     _toolbarExpandedChanged: function()
     {
-        var expanded = WebInspector.settings.responsiveDesign.toolbarExpanded.get();
+        var expanded = this.toolbarExpandedSetting.get();
         this._expandButton.classList.toggle("expanded", expanded);
         this._expandButton.querySelector("span").textContent = WebInspector.UIString(expanded ? "Collapse" : "Expand");
 
         if (expanded) {
             this._expandedScreenTouchSection.setChildren([this._screenSection, this._touchSection]);
             this._expandedDeviceSection.setChildren([this._deviceSection, this._expandedScreenTouchSection]);
             this._expandedNetworkSection.setChildren([this._networkSection, this._userAgentSection]);
             this._toolbarSection.setChildren([this._expandSection, this._expandedDeviceSection, this._expandedNetworkSection]);
         } else {
             this._toolbarSection.setChildren([this._expandSection, this._deviceSection, this._networkSection]);
         }
 
         this.onResize();
     },
 
     _overridesWarningUpdated: function()
     {
         var message = WebInspector.overridesSupport.warningMessage();
         if (this._warningMessage.textContent === message)
             return;
         this._warningMessage.classList.toggle("hidden", !message);
         this._warningMessage.textContent = message;
         this._invalidateCache();
         this.onResize();
     },
 
     __proto__: WebInspector.VBox.prototype
 };