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

Side by Side Diff: third_party/WebKit/Source/devtools/front_end/emulation/OverridesView.js

Issue 1647653003: [DevTools] Remove old responsive design v1 code. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 4 years, 10 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
OLDNEW
(Empty)
1 /*
2 * Copyright (C) 2014 Google Inc. All rights reserved.
3 *
4 * Redistribution and use in source and binary forms, with or without
5 * modification, are permitted provided that the following conditions are
6 * met:
7 *
8 * * Redistributions of source code must retain the above copyright
9 * notice, this list of conditions and the following disclaimer.
10 * * Redistributions in binary form must reproduce the above
11 * copyright notice, this list of conditions and the following disclaimer
12 * in the documentation and/or other materials provided with the
13 * distribution.
14 * * Neither the name of Google Inc. nor the names of its
15 * contributors may be used to endorse or promote products derived from
16 * this software without specific prior written permission.
17 *
18 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
19 * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
20 * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
21 * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
22 * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
23 * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
24 * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
25 * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
26 * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
27 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
28 * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
29 */
30
31 /**
32 * @constructor
33 * @extends {WebInspector.VBox}
34 */
35 WebInspector.OverridesView = function()
36 {
37 WebInspector.VBox.call(this);
38 this.setMinimumSize(0, 30);
39 this.registerRequiredCSS("emulation/overrides.css");
40 this.element.classList.add("overrides-view");
41
42 this._deviceElement = this._createDeviceElement();
43
44 this._splashScreenElement = this.element.createChild("div", "overrides-splas h-screen");
45 this._splashScreenElement.appendChild(createTextButton(WebInspector.UIString ("Enable emulation"), this._toggleEmulationEnabled.bind(this), "overrides-enable -button"));
46
47 this._unavailableSplashScreenElement = this.element.createChild("div", "over rides-splash-screen");
48 this._unavailableSplashScreenElement.createTextChild(WebInspector.UIString(" Emulation is not available."));
49
50 this._warningFooter = this.element.createChild("div", "overrides-footer");
51 this._overridesWarningUpdated();
52
53 WebInspector.overridesSupport.addEventListener(WebInspector.OverridesSupport .Events.OverridesWarningUpdated, this._overridesWarningUpdated, this);
54 WebInspector.overridesSupport.addEventListener(WebInspector.OverridesSupport .Events.EmulationStateChanged, this._emulationStateChanged, this);
55 this._emulationStateChanged();
56 }
57
58 WebInspector.OverridesView.prototype = {
59 _createDeviceElement: function()
60 {
61 var container = this.element.createChild("div", "overrides-device");
62
63 var disableButtonElement = createTextButton(WebInspector.UIString("Disab le emulation"), this._toggleEmulationEnabled.bind(this), "overrides-disable-butt on");
64 disableButtonElement.id = "overrides-disable-button";
65 container.appendChild(disableButtonElement);
66
67 var fieldsetElement = container.createChild("fieldset");
68 fieldsetElement.id = "metrics-override-section";
69
70 var deviceModelElement = fieldsetElement.createChild("p", "overrides-dev ice-model-section");
71 deviceModelElement.createChild("span").textContent = WebInspector.UIStri ng("Device:");
72
73 var rotateButton = createElement("button");
74 rotateButton.textContent = " \u21C4 ";
75 var deviceSelect = new WebInspector.DeviceSelect(rotateButton, null);
76 deviceModelElement.appendChild(deviceSelect.element);
77
78 var deviceModelFieldset = fieldsetElement.createChild("fieldset", "overr ides-device-model-settings");
79 var emulateResolutionCheckbox = WebInspector.SettingsUI.createSettingChe ckbox(WebInspector.UIString("Emulate screen resolution"), WebInspector.overrides Support.settings.emulateResolution, true);
80 deviceModelFieldset.appendChild(emulateResolutionCheckbox);
81 var resolutionFieldset = WebInspector.SettingsUI.createSettingFieldset(W ebInspector.overridesSupport.settings.emulateResolution);
82 deviceModelFieldset.appendChild(resolutionFieldset);
83
84 var tableElement = resolutionFieldset.createChild("table");
85 var rowElement = tableElement.createChild("tr");
86 var cellElement = rowElement.createChild("td");
87 cellElement.createTextChild(WebInspector.UIString("Resolution:"));
88 cellElement = rowElement.createChild("td");
89
90 var widthOverrideInput = WebInspector.SettingsUI.createSettingInputField ("", WebInspector.overridesSupport.settings.deviceWidth, true, 4, "80px", WebIns pector.OverridesSupport.deviceSizeValidator, true, true, WebInspector.UIString(" \u2013"));
91 cellElement.appendChild(widthOverrideInput);
92 var heightOverrideInput = WebInspector.SettingsUI.createSettingInputFiel d("", WebInspector.overridesSupport.settings.deviceHeight, true, 4, "80px", WebI nspector.OverridesSupport.deviceSizeValidator, true, true, WebInspector.UIString ("\u2013"));
93 cellElement.appendChild(heightOverrideInput);
94
95 rowElement = tableElement.createChild("tr");
96 cellElement = rowElement.createChild("td");
97 cellElement.colSpan = 4;
98
99 rowElement = tableElement.createChild("tr");
100 rowElement.title = WebInspector.UIString("Ratio between a device's physi cal pixels and device-independent pixels");
101 rowElement.createChild("td").createTextChild(WebInspector.UIString("Devi ce pixel ratio:"));
102 rowElement.createChild("td").appendChild(WebInspector.SettingsUI.createS ettingInputField("", WebInspector.overridesSupport.settings.deviceScaleFactor, t rue, 4, "80px", WebInspector.OverridesSupport.deviceScaleFactorValidator, true, true, WebInspector.UIString("\u2013")));
103
104 var mobileCheckbox = WebInspector.SettingsUI.createSettingCheckbox(WebIn spector.UIString("Emulate mobile"), WebInspector.overridesSupport.settings.emula teMobile, true);
105 mobileCheckbox.title = WebInspector.UIString("Enable meta viewport, over lay scrollbars, text autosizing and default 980px body width");
106 deviceModelFieldset.appendChild(mobileCheckbox);
107
108 deviceModelFieldset.appendChild(WebInspector.SettingsUI.createSettingChe ckbox(WebInspector.UIString("Emulate touch screen"), WebInspector.overridesSuppo rt.settings.emulateTouch, true));
109
110 var resetButtonElement = createTextButton(WebInspector.UIString("Reset") , WebInspector.overridesSupport.reset.bind(WebInspector.overridesSupport));
111 resetButtonElement.id = "overrides-reset-button";
112 deviceModelFieldset.appendChild(resetButtonElement);
113
114 fieldsetElement.appendChild(WebInspector.SettingsUI.createSettingCheckbo x(WebInspector.UIString("Shrink to fit"), WebInspector.overridesSupport.settings .deviceFitWindow, true));
115
116 var footnote = container.createChild("p", "help-footnote");
117 footnote.appendChild(WebInspector.linkifyDocumentationURLAsNode("iterate /device-mode/", WebInspector.UIString("More information about screen emulation") ));
118
119 return container;
120 },
121
122 _overridesWarningUpdated: function()
123 {
124 var message = WebInspector.overridesSupport.warningMessage();
125 this._warningFooter.classList.toggle("hidden", !message);
126 this._warningFooter.textContent = message;
127 },
128
129 _toggleEmulationEnabled: function()
130 {
131 WebInspector.overridesSupport.setEmulationEnabled(!WebInspector.override sSupport.emulationEnabled());
132 },
133
134 _emulationStateChanged: function()
135 {
136 this._unavailableSplashScreenElement.classList.toggle("hidden", WebInspe ctor.overridesSupport.canEmulate());
137 this._deviceElement.classList.toggle("hidden", !WebInspector.overridesSu pport.emulationEnabled());
138 this._splashScreenElement.classList.toggle("hidden", WebInspector.overri desSupport.emulationEnabled() || !WebInspector.overridesSupport.canEmulate());
139 },
140
141 __proto__: WebInspector.VBox.prototype
142 }
143
144 /**
145 * @constructor
146 * @implements {WebInspector.Revealer}
147 */
148 WebInspector.OverridesView.Revealer = function()
149 {
150 }
151
152 WebInspector.OverridesView.Revealer.prototype = {
153 /**
154 * @override
155 * @param {!Object} overridesSupport
156 * @return {!Promise}
157 */
158 reveal: function(overridesSupport)
159 {
160 WebInspector.inspectorView.showViewInDrawer("emulation");
161 return Promise.resolve();
162 }
163 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698