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 477 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
488 | 488 |
489 var canvasInvalidated = viewportChanged || this._drawContentsSize !== th
is._cachedDrawContentsSize || this._cachedScale !== this._scale || | 489 var canvasInvalidated = viewportChanged || this._drawContentsSize !== th
is._cachedDrawContentsSize || this._cachedScale !== this._scale || |
490 this._cachedCssCanvasWidth !== cssCanvasWidth || this._cachedCssCanv
asHeight !== cssCanvasHeight || this._cachedZoomFactor !== zoomFactor || | 490 this._cachedCssCanvasWidth !== cssCanvasWidth || this._cachedCssCanv
asHeight !== cssCanvasHeight || this._cachedZoomFactor !== zoomFactor || |
491 this._cachedMediaInspectorHeight !== mediaInspectorHeight; | 491 this._cachedMediaInspectorHeight !== mediaInspectorHeight; |
492 | 492 |
493 if (canvasInvalidated) | 493 if (canvasInvalidated) |
494 this._drawCanvas(cssCanvasWidth, cssCanvasHeight, rulerTotalHeight); | 494 this._drawCanvas(cssCanvasWidth, cssCanvasHeight, rulerTotalHeight); |
495 | 495 |
496 if (viewportChanged) { | 496 if (viewportChanged) { |
497 this._pageScaleLabel.textContent = WebInspector.UIString("%.1f", thi
s._viewport.pageScaleFactor); | 497 this._pageScaleLabel.textContent = WebInspector.UIString("%.1f", thi
s._viewport.pageScaleFactor); |
498 this._decreasePageScaleButton.title = WebInspector.UIString("Scale d
own (minimum %.1f)", this._viewport.minimumPageScaleFactor); | 498 this._decreasePageScaleButton.setTitle(WebInspector.UIString("Scale
down (minimum %.1f)", this._viewport.minimumPageScaleFactor)); |
499 this._decreasePageScaleButton.setEnabled(this._viewport.pageScaleFac
tor > this._viewport.minimumPageScaleFactor); | 499 this._decreasePageScaleButton.setEnabled(this._viewport.pageScaleFac
tor > this._viewport.minimumPageScaleFactor); |
500 this._increasePageScaleButton.title = WebInspector.UIString("Scale u
p (maximum %.1f)", this._viewport.maximumPageScaleFactor); | 500 this._increasePageScaleButton.setTitle(WebInspector.UIString("Scale
up (maximum %.1f)", this._viewport.maximumPageScaleFactor)); |
501 this._increasePageScaleButton.setEnabled(this._viewport.pageScaleFac
tor < this._viewport.maximumPageScaleFactor); | 501 this._increasePageScaleButton.setEnabled(this._viewport.pageScaleFac
tor < this._viewport.maximumPageScaleFactor); |
502 } | 502 } |
503 | 503 |
504 this._cachedScale = this._scale; | 504 this._cachedScale = this._scale; |
505 this._cachedCssCanvasWidth = cssCanvasWidth; | 505 this._cachedCssCanvasWidth = cssCanvasWidth; |
506 this._cachedCssCanvasHeight = cssCanvasHeight; | 506 this._cachedCssCanvasHeight = cssCanvasHeight; |
507 this._cachedCssHeight = cssHeight; | 507 this._cachedCssHeight = cssHeight; |
508 this._cachedCssWidth = cssWidth; | 508 this._cachedCssWidth = cssWidth; |
509 this._cachedZoomFactor = zoomFactor; | 509 this._cachedZoomFactor = zoomFactor; |
510 this._cachedViewport = this._viewport; | 510 this._cachedViewport = this._viewport; |
(...skipping 42 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
553 _createButtonsSection: function() | 553 _createButtonsSection: function() |
554 { | 554 { |
555 var buttonsSection = this._toolbarElement.createChild("div", "responsive
-design-section responsive-design-section-buttons"); | 555 var buttonsSection = this._toolbarElement.createChild("div", "responsive
-design-section responsive-design-section-buttons"); |
556 | 556 |
557 var resetButton = new WebInspector.StatusBarButton(WebInspector.UIString
("Reset all overrides."), "clear-status-bar-item"); | 557 var resetButton = new WebInspector.StatusBarButton(WebInspector.UIString
("Reset all overrides."), "clear-status-bar-item"); |
558 buttonsSection.appendChild(resetButton.element); | 558 buttonsSection.appendChild(resetButton.element); |
559 resetButton.addEventListener("click", WebInspector.overridesSupport.rese
t, WebInspector.overridesSupport); | 559 resetButton.addEventListener("click", WebInspector.overridesSupport.rese
t, WebInspector.overridesSupport); |
560 | 560 |
561 // Media Query Inspector. | 561 // Media Query Inspector. |
562 this._toggleMediaInspectorButton = new WebInspector.StatusBarButton(WebI
nspector.UIString("Media queries not found"), "responsive-design-toggle-media-in
spector"); | 562 this._toggleMediaInspectorButton = new WebInspector.StatusBarButton(WebI
nspector.UIString("Media queries not found"), "responsive-design-toggle-media-in
spector"); |
563 this._toggleMediaInspectorButton.toggled = WebInspector.settings.showMed
iaQueryInspector.get(); | 563 this._toggleMediaInspectorButton.setToggled(WebInspector.settings.showMe
diaQueryInspector.get()); |
564 this._toggleMediaInspectorButton.setEnabled(false); | 564 this._toggleMediaInspectorButton.setEnabled(false); |
565 this._toggleMediaInspectorButton.addEventListener("click", this._onToggl
eMediaInspectorButtonClick, this); | 565 this._toggleMediaInspectorButton.addEventListener("click", this._onToggl
eMediaInspectorButtonClick, this); |
566 WebInspector.settings.showMediaQueryInspector.addChangeListener(this._up
dateMediaQueryInspector, this); | 566 WebInspector.settings.showMediaQueryInspector.addChangeListener(this._up
dateMediaQueryInspector, this); |
567 buttonsSection.appendChild(this._toggleMediaInspectorButton.element); | 567 buttonsSection.appendChild(this._toggleMediaInspectorButton.element); |
568 }, | 568 }, |
569 | 569 |
570 _createDeviceSection: function() | 570 _createDeviceSection: function() |
571 { | 571 { |
572 var deviceSection = this._toolbarElement.createChild("div", "responsive-
design-section responsive-design-section-device"); | 572 var deviceSection = this._toolbarElement.createChild("div", "responsive-
design-section responsive-design-section-device"); |
573 | 573 |
(...skipping 64 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
638 fieldsetElement.appendChild(WebInspector.OverridesUI.createNetworkCondit
ionsSelect()); | 638 fieldsetElement.appendChild(WebInspector.OverridesUI.createNetworkCondit
ionsSelect()); |
639 | 639 |
640 // User agent. | 640 // User agent. |
641 var userAgentElement = networkSection.createChild("div", "responsive-des
ign-suite").createChild("div"); | 641 var userAgentElement = networkSection.createChild("div", "responsive-des
ign-suite").createChild("div"); |
642 fieldsetElement = userAgentElement.createChild("fieldset"); | 642 fieldsetElement = userAgentElement.createChild("fieldset"); |
643 fieldsetElement.appendChild(WebInspector.SettingsUI.createSettingInputFi
eld("UA", WebInspector.overridesSupport.settings.userAgent, false, 0, "", undefi
ned, false, false, WebInspector.UIString("No override"))); | 643 fieldsetElement.appendChild(WebInspector.SettingsUI.createSettingInputFi
eld("UA", WebInspector.overridesSupport.settings.userAgent, false, 0, "", undefi
ned, false, false, WebInspector.UIString("No override"))); |
644 }, | 644 }, |
645 | 645 |
646 _onToggleMediaInspectorButtonClick: function() | 646 _onToggleMediaInspectorButtonClick: function() |
647 { | 647 { |
648 WebInspector.settings.showMediaQueryInspector.set(!this._toggleMediaInsp
ectorButton.toggled); | 648 WebInspector.settings.showMediaQueryInspector.set(!this._toggleMediaInsp
ectorButton.toggled()); |
649 }, | 649 }, |
650 | 650 |
651 _updateMediaQueryInspector: function() | 651 _updateMediaQueryInspector: function() |
652 { | 652 { |
653 this._toggleMediaInspectorButton.toggled = WebInspector.settings.showMed
iaQueryInspector.get(); | 653 this._toggleMediaInspectorButton.setToggled(WebInspector.settings.showMe
diaQueryInspector.get()); |
654 if (this._mediaInspector.isShowing() === WebInspector.settings.showMedia
QueryInspector.get()) | 654 if (this._mediaInspector.isShowing() === WebInspector.settings.showMedia
QueryInspector.get()) |
655 return; | 655 return; |
656 if (this._mediaInspector.isShowing()) | 656 if (this._mediaInspector.isShowing()) |
657 this._mediaInspector.detach(); | 657 this._mediaInspector.detach(); |
658 else | 658 else |
659 this._mediaInspector.show(this._mediaInspectorContainer); | 659 this._mediaInspector.show(this._mediaInspectorContainer); |
660 this.onResize(); | 660 this.onResize(); |
661 }, | 661 }, |
662 | 662 |
663 /** | 663 /** |
664 * @param {!WebInspector.Event} event | 664 * @param {!WebInspector.Event} event |
665 */ | 665 */ |
666 _updateMediaQueryInspectorButton: function(event) | 666 _updateMediaQueryInspectorButton: function(event) |
667 { | 667 { |
668 var count = /** @type {number} */ (event.data); | 668 var count = /** @type {number} */ (event.data); |
669 this._toggleMediaInspectorButton.setEnabled(!!count); | 669 this._toggleMediaInspectorButton.setEnabled(!!count); |
670 this._toggleMediaInspectorButton.title = !count ? WebInspector.UIString(
"Media queries not found") : | 670 this._toggleMediaInspectorButton.setTitle(!count ? WebInspector.UIString
("Media queries not found") : |
671 WebInspector.UIString((count === 1 ? "%d media query found" : "%d me
dia queries found"), count); | 671 WebInspector.UIString((count === 1 ? "%d media query found" : "%d me
dia queries found"), count)); |
672 }, | 672 }, |
673 | 673 |
674 _overridesWarningUpdated: function() | 674 _overridesWarningUpdated: function() |
675 { | 675 { |
676 var message = WebInspector.settings.disableOverridesWarning.get() ? "" :
WebInspector.overridesSupport.warningMessage(); | 676 var message = WebInspector.settings.disableOverridesWarning.get() ? "" :
WebInspector.overridesSupport.warningMessage(); |
677 if (this._warning === message) | 677 if (this._warning === message) |
678 return; | 678 return; |
679 this._warning = message; | 679 this._warning = message; |
680 this._warningMessage.classList.toggle("hidden", !message); | 680 this._warningMessage.classList.toggle("hidden", !message); |
681 this._warningMessage.querySelector("span").textContent = message; | 681 this._warningMessage.querySelector("span").textContent = message; |
(...skipping 72 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
754 function updatePageScaleFactor(finishCallback) | 754 function updatePageScaleFactor(finishCallback) |
755 { | 755 { |
756 if (this._target && this._viewport && this._viewport.minimumPageScal
eFactor <= 1 && this._viewport.maximumPageScaleFactor >= 1) | 756 if (this._target && this._viewport && this._viewport.minimumPageScal
eFactor <= 1 && this._viewport.maximumPageScaleFactor >= 1) |
757 this._target.pageAgent().setPageScaleFactor(1); | 757 this._target.pageAgent().setPageScaleFactor(1); |
758 finishCallback(); | 758 finishCallback(); |
759 } | 759 } |
760 }, | 760 }, |
761 | 761 |
762 __proto__: WebInspector.VBox.prototype | 762 __proto__: WebInspector.VBox.prototype |
763 }; | 763 }; |
OLD | NEW |