| OLD | NEW |
| 1 // Copyright 2014 The Chromium Authors. All rights reserved. | 1 // Copyright 2014 The Chromium Authors. All rights reserved. |
| 2 // Use of this source code is governed by a BSD-style license that can be | 2 // Use of this source code is governed by a BSD-style license that can be |
| 3 // found in the LICENSE file. | 3 // found in the LICENSE file. |
| 4 | 4 |
| 5 /** | 5 /** |
| 6 * @constructor | 6 * @constructor |
| 7 * @extends {WebInspector.VBox} | 7 * @extends {WebInspector.VBox} |
| 8 * @implements {WebInspector.OverridesSupport.PageResizer} | 8 * @implements {WebInspector.OverridesSupport.PageResizer} |
| 9 * @implements {WebInspector.TargetManager.Observer} | 9 * @implements {WebInspector.TargetManager.Observer} |
| 10 * @param {!WebInspector.InspectedPagePlaceholder} inspectedPagePlaceholder | 10 * @param {!WebInspector.InspectedPagePlaceholder} inspectedPagePlaceholder |
| (...skipping 15 matching lines...) Expand all Loading... |
| 26 | 26 |
| 27 this._mediaInspectorContainer = this._canvasContainer.element.createChild("d
iv", "responsive-design-media-container"); | 27 this._mediaInspectorContainer = this._canvasContainer.element.createChild("d
iv", "responsive-design-media-container"); |
| 28 this._mediaInspector = new WebInspector.MediaQueryInspector(); | 28 this._mediaInspector = new WebInspector.MediaQueryInspector(); |
| 29 this._updateMediaQueryInspector(); | 29 this._updateMediaQueryInspector(); |
| 30 | 30 |
| 31 this._canvas = this._canvasContainer.element.createChild("canvas", "fill res
ponsive-design-canvas"); | 31 this._canvas = this._canvasContainer.element.createChild("canvas", "fill res
ponsive-design-canvas"); |
| 32 | 32 |
| 33 this._warningMessage = this._canvasContainer.element.createChild("div", "res
ponsive-design-warning hidden"); | 33 this._warningMessage = this._canvasContainer.element.createChild("div", "res
ponsive-design-warning hidden"); |
| 34 this._warningMessage.createChild("div", "warning-icon-small"); | 34 this._warningMessage.createChild("div", "warning-icon-small"); |
| 35 this._warningMessage.createChild("span"); | 35 this._warningMessage.createChild("span"); |
| 36 var warningDisableButton = this._warningMessage.createChild("div", "disable-
warning"); |
| 37 warningDisableButton.textContent = WebInspector.UIString("Never show"); |
| 38 warningDisableButton.addEventListener("click", this._disableOverridesWarning
s.bind(this), false); |
| 36 var warningCloseButton = this._warningMessage.createChild("div", "close-butt
on"); | 39 var warningCloseButton = this._warningMessage.createChild("div", "close-butt
on"); |
| 37 warningCloseButton.addEventListener("click", WebInspector.overridesSupport.c
learWarningMessage.bind(WebInspector.overridesSupport), false); | 40 warningCloseButton.addEventListener("click", WebInspector.overridesSupport.c
learWarningMessage.bind(WebInspector.overridesSupport), false); |
| 38 WebInspector.overridesSupport.addEventListener(WebInspector.OverridesSupport
.Events.OverridesWarningUpdated, this._overridesWarningUpdated, this); | 41 WebInspector.overridesSupport.addEventListener(WebInspector.OverridesSupport
.Events.OverridesWarningUpdated, this._overridesWarningUpdated, this); |
| 42 WebInspector.settings.disableOverridesWarning.addChangeListener(this._overri
desWarningUpdated, this); |
| 39 | 43 |
| 40 this._slidersContainer = this._canvasContainer.element.createChild("div", "v
box responsive-design-sliders-container"); | 44 this._slidersContainer = this._canvasContainer.element.createChild("div", "v
box responsive-design-sliders-container"); |
| 41 var hbox = this._slidersContainer.createChild("div", "hbox flex-auto"); | 45 var hbox = this._slidersContainer.createChild("div", "hbox flex-auto"); |
| 42 this._heightSliderContainer = this._slidersContainer.createChild("div", "hbo
x responsive-design-slider-height"); | 46 this._heightSliderContainer = this._slidersContainer.createChild("div", "hbo
x responsive-design-slider-height"); |
| 43 this._pageContainer = hbox.createChild("div", "vbox flex-auto"); | 47 this._pageContainer = hbox.createChild("div", "vbox flex-auto"); |
| 44 this._widthSliderContainer = hbox.createChild("div", "vbox responsive-design
-slider-width"); | 48 this._widthSliderContainer = hbox.createChild("div", "vbox responsive-design
-slider-width"); |
| 45 | 49 |
| 46 this._widthSlider = this._widthSliderContainer.createChild("div", "responsiv
e-design-slider-thumb"); | 50 this._widthSlider = this._widthSliderContainer.createChild("div", "responsiv
e-design-slider-thumb"); |
| 47 this._widthSlider.createChild("div", "responsive-design-thumb-handle"); | 51 this._widthSlider.createChild("div", "responsive-design-thumb-handle"); |
| 48 this._createResizer(this._widthSlider, false); | 52 this._createResizer(this._widthSlider, false); |
| (...skipping 628 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 677 _updateMediaQueryInspectorButton: function(event) | 681 _updateMediaQueryInspectorButton: function(event) |
| 678 { | 682 { |
| 679 var count = /** @type {number} */ (event.data); | 683 var count = /** @type {number} */ (event.data); |
| 680 this._toggleMediaInspectorButton.setEnabled(!!count); | 684 this._toggleMediaInspectorButton.setEnabled(!!count); |
| 681 this._toggleMediaInspectorButton.title = !count ? WebInspector.UIString(
"Media queries not found") : | 685 this._toggleMediaInspectorButton.title = !count ? WebInspector.UIString(
"Media queries not found") : |
| 682 WebInspector.UIString((count === 1 ? "%d media query found" : "%d me
dia queries found"), count); | 686 WebInspector.UIString((count === 1 ? "%d media query found" : "%d me
dia queries found"), count); |
| 683 }, | 687 }, |
| 684 | 688 |
| 685 _overridesWarningUpdated: function() | 689 _overridesWarningUpdated: function() |
| 686 { | 690 { |
| 687 var message = WebInspector.overridesSupport.warningMessage(); | 691 var message = WebInspector.settings.disableOverridesWarning.get() ? "" :
WebInspector.overridesSupport.warningMessage(); |
| 688 if (this._warningMessage.querySelector("span").textContent === message) | 692 if (this._warning === message) |
| 689 return; | 693 return; |
| 694 this._warning = message; |
| 690 this._warningMessage.classList.toggle("hidden", !message); | 695 this._warningMessage.classList.toggle("hidden", !message); |
| 691 this._warningMessage.querySelector("span").textContent = message; | 696 this._warningMessage.querySelector("span").textContent = message; |
| 692 this._invalidateCache(); | 697 this._invalidateCache(); |
| 693 this.onResize(); | 698 this.onResize(); |
| 694 }, | 699 }, |
| 695 | 700 |
| 701 _disableOverridesWarnings: function() |
| 702 { |
| 703 WebInspector.settings.disableOverridesWarning.set(true); |
| 704 }, |
| 705 |
| 696 _showEmulationInDrawer: function() | 706 _showEmulationInDrawer: function() |
| 697 { | 707 { |
| 698 WebInspector.Revealer.reveal(WebInspector.overridesSupport); | 708 WebInspector.Revealer.reveal(WebInspector.overridesSupport); |
| 699 }, | 709 }, |
| 700 | 710 |
| 701 /** | 711 /** |
| 702 * @param {!WebInspector.Event} event | 712 * @param {!WebInspector.Event} event |
| 703 */ | 713 */ |
| 704 _viewportChanged: function(event) | 714 _viewportChanged: function(event) |
| 705 { | 715 { |
| (...skipping 37 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 743 value = Math.min(this._viewport.maximumPageScaleFactor, value); | 753 value = Math.min(this._viewport.maximumPageScaleFactor, value); |
| 744 value = Math.max(this._viewport.minimumPageScaleFactor, value) | 754 value = Math.max(this._viewport.minimumPageScaleFactor, value) |
| 745 this._target.pageAgent().setPageScaleFactor(value); | 755 this._target.pageAgent().setPageScaleFactor(value); |
| 746 } | 756 } |
| 747 finishCallback(); | 757 finishCallback(); |
| 748 } | 758 } |
| 749 }, | 759 }, |
| 750 | 760 |
| 751 __proto__: WebInspector.VBox.prototype | 761 __proto__: WebInspector.VBox.prototype |
| 752 }; | 762 }; |
| OLD | NEW |