Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(1137)

Side by Side Diff: Source/devtools/front_end/toolbox/ResponsiveDesignView.js

Issue 555433002: [DevTools] Add "never show" link to emulation warning. (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: rebase Created 6 years, 3 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
« no previous file with comments | « Source/devtools/front_end/sdk/OverridesSupport.js ('k') | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
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
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
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
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 };
OLDNEW
« no previous file with comments | « Source/devtools/front_end/sdk/OverridesSupport.js ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698