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 |