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 * @param {!WebInspector.InspectedPagePlaceholder} inspectedPagePlaceholder | 9 * @param {!WebInspector.InspectedPagePlaceholder} inspectedPagePlaceholder |
10 */ | 10 */ |
(...skipping 420 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
431 } | 431 } |
432 | 432 |
433 // Screen | 433 // Screen |
434 sectionElement = this._toolbarElement.createChild("div", "responsive-des
ign-section"); | 434 sectionElement = this._toolbarElement.createChild("div", "responsive-des
ign-section"); |
435 sectionElement.appendChild(WebInspector.SettingsUI.createSettingCheckbox
("Screen", WebInspector.overridesSupport.settings.overrideDeviceResolution, true
)); | 435 sectionElement.appendChild(WebInspector.SettingsUI.createSettingCheckbox
("Screen", WebInspector.overridesSupport.settings.overrideDeviceResolution, true
)); |
436 | 436 |
437 var fieldsetElement = WebInspector.SettingsUI.createSettingFieldset(WebI
nspector.overridesSupport.settings.overrideDeviceResolution); | 437 var fieldsetElement = WebInspector.SettingsUI.createSettingFieldset(WebI
nspector.overridesSupport.settings.overrideDeviceResolution); |
438 sectionElement.appendChild(fieldsetElement); | 438 sectionElement.appendChild(fieldsetElement); |
439 fieldsetElement.createChild("div", "responsive-design-icon responsive-de
sign-icon-resolution").title = WebInspector.UIString("Screen resolution"); | 439 fieldsetElement.createChild("div", "responsive-design-icon responsive-de
sign-icon-resolution").title = WebInspector.UIString("Screen resolution"); |
440 | 440 |
441 fieldsetElement.appendChild(WebInspector.SettingsUI.createSettingInputFi
eld("", WebInspector.overridesSupport.settings.deviceWidth, true, 4, "3em", WebI
nspector.OverridesSupport.inputValidator, true)); | 441 fieldsetElement.appendChild(WebInspector.SettingsUI.createSettingInputFi
eld("", WebInspector.overridesSupport.settings.deviceWidth, true, 4, "3em", WebI
nspector.OverridesSupport.integerInputValidator, true)); |
442 fieldsetElement.appendChild(document.createTextNode(" \u00D7 ")); | 442 fieldsetElement.appendChild(document.createTextNode(" \u00D7 ")); |
443 fieldsetElement.appendChild(WebInspector.SettingsUI.createSettingInputFi
eld("", WebInspector.overridesSupport.settings.deviceHeight, true, 4, "3em", Web
Inspector.OverridesSupport.inputValidator, true)); | 443 fieldsetElement.appendChild(WebInspector.SettingsUI.createSettingInputFi
eld("", WebInspector.overridesSupport.settings.deviceHeight, true, 4, "3em", Web
Inspector.OverridesSupport.integerInputValidator, true)); |
444 | 444 |
445 this._swapDimensionsElement = fieldsetElement.createChild("button", "res
ponsive-design-icon responsive-design-icon-swap"); | 445 this._swapDimensionsElement = fieldsetElement.createChild("button", "res
ponsive-design-icon responsive-design-icon-swap"); |
446 this._swapDimensionsElement.title = WebInspector.UIString("Swap dimensio
ns"); | 446 this._swapDimensionsElement.title = WebInspector.UIString("Swap dimensio
ns"); |
447 this._swapDimensionsElement.addEventListener("click", WebInspector.overr
idesSupport.swapDimensions.bind(WebInspector.overridesSupport), false); | 447 this._swapDimensionsElement.addEventListener("click", WebInspector.overr
idesSupport.swapDimensions.bind(WebInspector.overridesSupport), false); |
448 | 448 |
449 fieldsetElement.createChild("div", "responsive-design-icon responsive-de
sign-icon-dpr").title = WebInspector.UIString("Device pixel ratio"); | 449 fieldsetElement.createChild("div", "responsive-design-icon responsive-de
sign-icon-dpr").title = WebInspector.UIString("Device pixel ratio"); |
450 fieldsetElement.appendChild(WebInspector.SettingsUI.createSettingInputFi
eld("", WebInspector.overridesSupport.settings.deviceScaleFactor, true, 2, "2em"
, WebInspector.OverridesSupport.inputValidator, true)); | 450 fieldsetElement.appendChild(WebInspector.SettingsUI.createSettingInputFi
eld("", WebInspector.overridesSupport.settings.deviceScaleFactor, true, 4, "2.5e
m", WebInspector.OverridesSupport.doubleInputValidator, true)); |
451 | 451 |
452 // Touch and viewport | 452 // Touch and viewport |
453 sectionElement = this._toolbarElement.createChild("div", "responsive-des
ign-section"); | 453 sectionElement = this._toolbarElement.createChild("div", "responsive-des
ign-section"); |
454 sectionElement.appendChild(WebInspector.SettingsUI.createSettingCheckbox
(WebInspector.UIString("Touch"), WebInspector.overridesSupport.settings.emulateT
ouchEvents, true)); | 454 sectionElement.appendChild(WebInspector.SettingsUI.createSettingCheckbox
(WebInspector.UIString("Touch"), WebInspector.overridesSupport.settings.emulateT
ouchEvents, true)); |
455 sectionElement.appendChild(WebInspector.SettingsUI.createSettingCheckbox
(WebInspector.UIString("Viewport"), WebInspector.overridesSupport.settings.emula
teViewport, true)); | 455 sectionElement.appendChild(WebInspector.SettingsUI.createSettingCheckbox
(WebInspector.UIString("Viewport"), WebInspector.overridesSupport.settings.emula
teViewport, true)); |
456 }, | 456 }, |
457 | 457 |
458 _overridesWarningUpdated: function() | 458 _overridesWarningUpdated: function() |
459 { | 459 { |
460 var message = WebInspector.overridesSupport.warningMessage(); | 460 var message = WebInspector.overridesSupport.warningMessage(); |
461 if (this._warningMessage.textContent === message) | 461 if (this._warningMessage.textContent === message) |
462 return; | 462 return; |
463 this._warningMessage.classList.toggle("hidden", !message); | 463 this._warningMessage.classList.toggle("hidden", !message); |
464 this._warningMessage.textContent = message; | 464 this._warningMessage.textContent = message; |
465 this._responsiveDesignModeChanged(); | 465 this._responsiveDesignModeChanged(); |
466 this.onResize(); | 466 this.onResize(); |
467 }, | 467 }, |
468 | 468 |
469 __proto__: WebInspector.VBox.prototype | 469 __proto__: WebInspector.VBox.prototype |
470 }; | 470 }; |
OLD | NEW |