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

Unified Diff: third_party/WebKit/Source/devtools/front_end/emulation/OverridesUI.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, 11 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 side-by-side diff with in-line comments
Download patch
Index: third_party/WebKit/Source/devtools/front_end/emulation/OverridesUI.js
diff --git a/third_party/WebKit/Source/devtools/front_end/emulation/OverridesUI.js b/third_party/WebKit/Source/devtools/front_end/emulation/OverridesUI.js
deleted file mode 100644
index 9253a65bd1358ce24967f8c8b74885223b8080d5..0000000000000000000000000000000000000000
--- a/third_party/WebKit/Source/devtools/front_end/emulation/OverridesUI.js
+++ /dev/null
@@ -1,246 +0,0 @@
-// Copyright 2014 The Chromium Authors. All rights reserved.
-// Use of this source code is governed by a BSD-style license that can be
-// found in the LICENSE file.
-
-WebInspector.OverridesUI = {}
-
-/**
- * @constructor
- * @param {!Element} rotateButton
- * @param {?function(!WebInspector.EmulatedDevice, !WebInspector.EmulatedDevice.Mode)} callback
- */
-WebInspector.DeviceSelect = function(rotateButton, callback)
-{
- this._callback = callback;
- this._rotateButton = rotateButton;
- this.element = createElement("p");
-
- this._deviceSelectElement = this.element.createChild("select", "device-select");
- this._deviceSelectElement.addEventListener("change", this._deviceSelected.bind(this), false);
-
- var container = this.element.createChild("div", "mode-container");
- container.appendChild(this._rotateButton);
- this._rotateButton.addEventListener("click", this._rotateButtonClicked.bind(this), false);
- this._rotateButton.title = WebInspector.UIString("Change orientation");
-
- var modeSelectContainer = container.createChild("span", "mode-select");
- this._modeSelectElement = modeSelectContainer.createChild("select");
- this._modeSelectElement.addEventListener("change", this._modeSelected.bind(this), false);
- this._modeLabelElement = modeSelectContainer.createChild("label");
- this._modeLabelElement.addEventListener("click", this._rotateButtonClicked.bind(this), false);
- this._modeLabelElement.title = WebInspector.UIString("Change orientation");
-
- this._emulatedSettingChangedMuted = false;
- this._lastOrientation = null;
-
- WebInspector.overridesSupport.settings.emulateResolution.addChangeListener(this._emulatedSettingChanged, this);
- WebInspector.overridesSupport.settings.deviceWidth.addChangeListener(this._emulatedSettingChanged, this);
- WebInspector.overridesSupport.settings.deviceHeight.addChangeListener(this._emulatedSettingChanged, this);
- WebInspector.overridesSupport.settings.deviceScaleFactor.addChangeListener(this._emulatedSettingChanged, this);
- WebInspector.overridesSupport.settings.emulateMobile.addChangeListener(this._emulatedSettingChanged, this);
- WebInspector.overridesSupport.settings.emulateTouch.addChangeListener(this._emulatedSettingChanged, this);
- WebInspector.overridesSupport.settings.userAgent.addChangeListener(this._emulatedSettingChanged, this);
-
- WebInspector.emulatedDevicesList.addEventListener(WebInspector.EmulatedDevicesList.Events.CustomDevicesUpdated, this._deviceListChanged, this);
- WebInspector.emulatedDevicesList.addEventListener(WebInspector.EmulatedDevicesList.Events.StandardDevicesUpdated, this._deviceListChanged, this);
- this._deviceListChanged();
-}
-
-WebInspector.DeviceSelect.prototype = {
- _deviceListChanged: function()
- {
- this._deviceSelectElement.removeChildren();
-
- var selectDeviceOption = new Option(WebInspector.UIString("<Select model>"), WebInspector.UIString("<Select model>"));
- selectDeviceOption.device = null;
- selectDeviceOption.lastSelectedIndex = 0;
- selectDeviceOption.disabled = true;
- this._deviceSelectElement.appendChild(selectDeviceOption);
-
- this._addDeviceGroup(WebInspector.UIString("Custom"), WebInspector.emulatedDevicesList.custom());
- this._addDeviceGroup(WebInspector.UIString("Devices"), WebInspector.emulatedDevicesList.standard());
- this._emulatedSettingChanged();
- },
-
- /**
- * @param {string} name
- * @param {!Array.<!WebInspector.EmulatedDevice>} devices
- */
- _addDeviceGroup: function(name, devices)
- {
- devices = devices.filter(function (d) { return d.show(); });
- if (!devices.length)
- return;
- devices.sort(WebInspector.EmulatedDevice.deviceComparator);
- var groupElement = this._deviceSelectElement.createChild("optgroup");
- groupElement.label = name;
- for (var i = 0; i < devices.length; ++i) {
- var option = new Option(devices[i].title, devices[i].title);
- option.device = devices[i];
- option.lastSelectedIndex = 0;
- groupElement.appendChild(option);
- }
- },
-
- _emulatedSettingChanged: function()
- {
- if (this._emulatedSettingChangedMuted)
- return;
-
- for (var i = 1; i < this._deviceSelectElement.options.length; ++i) {
- var option = this._deviceSelectElement.options[i];
- var device = /** @type {!WebInspector.EmulatedDevice} */ (option.device);
- for (var j = 0; j < device.modes.length; j++) {
- if (WebInspector.overridesSupport.isEmulatingDevice(device.modeToOverridesDevice(device.modes[j]))) {
- this._select(device, device.modes[j]);
- return;
- }
- }
- }
-
- this._select(null, null);
- },
-
- /**
- * @param {?WebInspector.EmulatedDevice} device
- * @param {?WebInspector.EmulatedDevice.Mode} mode
- */
- _select: function(device, mode)
- {
- for (var i = 0; i < this._deviceSelectElement.options.length; i++) {
- if (this._deviceSelectElement.options[i].device === device)
- this._deviceSelectElement.selectedIndex = i;
- }
- this._updateModeSelect();
- for (var i = 0; i < this._modeSelectElement.options.length; i++) {
- if (this._modeSelectElement.options[i].mode === mode)
- this._modeSelectElement.selectedIndex = i;
- }
- this._updateModeControls();
- this._saveLastSelectedIndex();
- if (this._callback) {
- var option = this._modeSelectElement.options[this._modeSelectElement.selectedIndex];
- this._callback(option.device, option.mode);
- }
- },
-
- _deviceSelected: function()
- {
- this._updateModeSelect();
- this._modeSelected();
- },
-
- _updateModeSelect: function()
- {
- this._modeSelectElement.removeChildren();
- var option = this._deviceSelectElement.options[this._deviceSelectElement.selectedIndex];
- var device = /** @type {!WebInspector.EmulatedDevice} */ (option.device);
-
- if (this._deviceSelectElement.selectedIndex === 0) {
- this._addMode(device, null, "");
- } else if (device.modes.length === 1) {
- this._addMode(device, device.modes[0], WebInspector.UIString("Default"));
- } else {
- this._addOrientation(device, WebInspector.EmulatedDevice.Vertical, WebInspector.UIString("Portrait"));
- this._addOrientation(device, WebInspector.EmulatedDevice.Horizontal, WebInspector.UIString("Landscape"));
- }
- this._updateRotateModes();
-
- var index = option.lastSelectedIndex;
- var modeOption = this._modeSelectElement.options[index];
- if (modeOption.rotateIndex != -1) {
- var rotateOption = this._modeSelectElement.options[modeOption.rotateIndex];
- if (rotateOption.mode && rotateOption.mode.orientation === this._lastOrientation)
- index = modeOption.rotateIndex;
- }
- this._modeSelectElement.selectedIndex = index;
- this._updateModeControls();
- },
-
- /**
- * @param {!WebInspector.EmulatedDevice} device
- * @param {string} orientation
- * @param {string} title
- */
- _addOrientation: function(device, orientation, title)
- {
- var modes = device.modesForOrientation(orientation);
- if (!modes.length)
- return;
- if (modes.length === 1) {
- this._addMode(device, modes[0], title);
- } else {
- for (var index = 0; index < modes.length; index++)
- this._addMode(device, modes[index], title + " \u2013 " + modes[index].title);
- }
- },
-
- /**
- * @param {!WebInspector.EmulatedDevice} device
- * @param {?WebInspector.EmulatedDevice.Mode} mode
- * @param {string} title
- */
- _addMode: function(device, mode, title)
- {
- var option = new Option(title, title);
- option.mode = mode;
- option.device = device;
- this._modeSelectElement.appendChild(option);
- },
-
- _updateRotateModes: function()
- {
- for (var i = 0; i < this._modeSelectElement.options.length; i++) {
- var modeI = this._modeSelectElement.options[i].mode;
- this._modeSelectElement.options[i].rotateIndex = -1;
- for (var j = 0; j < this._modeSelectElement.options.length; j++) {
- var modeJ = this._modeSelectElement.options[j].mode;
- if (modeI && modeJ && modeI.orientation !== modeJ.orientation && modeI.title === modeJ.title)
- this._modeSelectElement.options[i].rotateIndex = j;
- }
- }
- },
-
- _updateModeControls: function()
- {
- this._modeLabelElement.textContent = this._modeSelectElement.options[this._modeSelectElement.selectedIndex].label;
-
- if (this._modeSelectElement.options.length <= 1) {
- this._modeSelectElement.classList.toggle("hidden", true);
- this._modeLabelElement.classList.toggle("hidden", true);
- } else {
- var showLabel = this._modeSelectElement.options.length === 2 && this._modeSelectElement.options[0].rotateIndex === 1;
- this._modeSelectElement.classList.toggle("hidden", showLabel);
- this._modeLabelElement.classList.toggle("hidden", !showLabel);
- }
-
- this._rotateButton.classList.toggle("hidden", this._modeSelectElement.options[this._modeSelectElement.selectedIndex].rotateIndex === -1);
- },
-
- _modeSelected: function()
- {
- this._saveLastSelectedIndex();
- this._updateModeControls();
- var option = this._modeSelectElement.options[this._modeSelectElement.selectedIndex];
- if (this._callback)
- this._callback(option.device, option.mode);
- this._emulatedSettingChangedMuted = true;
- WebInspector.overridesSupport.emulateDevice(option.device.modeToOverridesDevice(option.mode));
- this._emulatedSettingChangedMuted = false;
- },
-
- _saveLastSelectedIndex: function()
- {
- this._deviceSelectElement.options[this._deviceSelectElement.selectedIndex].lastSelectedIndex = this._modeSelectElement.selectedIndex;
-
- var option = this._modeSelectElement.options[this._modeSelectElement.selectedIndex];
- if (option.mode && option.rotateIndex != -1)
- this._lastOrientation = option.mode.orientation;
- },
-
- _rotateButtonClicked: function()
- {
- this._modeSelectElement.selectedIndex = this._modeSelectElement.options[this._modeSelectElement.selectedIndex].rotateIndex;
- this._modeSelected();
- }
-}

Powered by Google App Engine
This is Rietveld 408576698