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

Issues Search
    My Issues | Starred     Open | Closed | All

Unified Diff: third_party/WebKit/Source/devtools/front_end/emulation/EmulatedDevices.js

Issue 2466123002: DevTools: reformat front-end code to match chromium style. (Closed)
Patch Set: all done Created 4 years, 1 month 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
« no previous file with comments | « third_party/WebKit/Source/devtools/front_end/emulation/DevicesSettingsTab.js ('k') | third_party/WebKit/Source/devtools/front_end/emulation/Geolocation.js » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: third_party/WebKit/Source/devtools/front_end/emulation/EmulatedDevices.js
diff --git a/third_party/WebKit/Source/devtools/front_end/emulation/EmulatedDevices.js b/third_party/WebKit/Source/devtools/front_end/emulation/EmulatedDevices.js
index 8d558200d39998a01732d2ec570628486a5f7f3b..f8e812252bf3daa1a6696f4a6f3e1365191e2d0a 100644
--- a/third_party/WebKit/Source/devtools/front_end/emulation/EmulatedDevices.js
+++ b/third_party/WebKit/Source/devtools/front_end/emulation/EmulatedDevices.js
@@ -1,14 +1,13 @@
// 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.
-
/**
- * @constructor
+ * @unrestricted
*/
-WebInspector.EmulatedDevice = function()
-{
+WebInspector.EmulatedDevice = class {
+ constructor() {
/** @type {string} */
- this.title = "";
+ this.title = '';
/** @type {string} */
this.type = WebInspector.EmulatedDevice.Type.Unknown;
/** @type {!WebInspector.EmulatedDevice.Orientation} */
@@ -20,7 +19,7 @@ WebInspector.EmulatedDevice = function()
/** @type {!Array.<string>} */
this.capabilities = [WebInspector.EmulatedDevice.Capability.Touch, WebInspector.EmulatedDevice.Capability.Mobile];
/** @type {string} */
- this.userAgent = "";
+ this.userAgent = '';
/** @type {!Array.<!WebInspector.EmulatedDevice.Mode>} */
this.modes = [];
@@ -31,6 +30,304 @@ WebInspector.EmulatedDevice = function()
/** @type {?Runtime.Extension} */
this._extension = null;
+ }
+
+ /**
+ * @param {*} json
+ * @return {?WebInspector.EmulatedDevice}
+ */
+ static fromJSONV1(json) {
+ try {
+ /**
+ * @param {*} object
+ * @param {string} key
+ * @param {string} type
+ * @param {*=} defaultValue
+ * @return {*}
+ */
+ function parseValue(object, key, type, defaultValue) {
+ if (typeof object !== 'object' || object === null || !object.hasOwnProperty(key)) {
+ if (typeof defaultValue !== 'undefined')
+ return defaultValue;
+ throw new Error('Emulated device is missing required property \'' + key + '\'');
+ }
+ var value = object[key];
+ if (typeof value !== type || value === null)
+ throw new Error('Emulated device property \'' + key + '\' has wrong type \'' + typeof value + '\'');
+ return value;
+ }
+
+ /**
+ * @param {*} object
+ * @param {string} key
+ * @return {number}
+ */
+ function parseIntValue(object, key) {
+ var value = /** @type {number} */ (parseValue(object, key, 'number'));
+ if (value !== Math.abs(value))
+ throw new Error('Emulated device value \'' + key + '\' must be integer');
+ return value;
+ }
+
+ /**
+ * @param {*} json
+ * @return {!Insets}
+ */
+ function parseInsets(json) {
+ return new Insets(
+ parseIntValue(json, 'left'), parseIntValue(json, 'top'), parseIntValue(json, 'right'),
+ parseIntValue(json, 'bottom'));
+ }
+
+ /**
+ * @param {*} json
+ * @return {!WebInspector.EmulatedDevice.Orientation}
+ */
+ function parseOrientation(json) {
+ var result = {};
+
+ result.width = parseIntValue(json, 'width');
+ if (result.width < 0 || result.width > WebInspector.DeviceModeModel.MaxDeviceSize ||
+ result.width < WebInspector.DeviceModeModel.MinDeviceSize)
+ throw new Error('Emulated device has wrong width: ' + result.width);
+
+ result.height = parseIntValue(json, 'height');
+ if (result.height < 0 || result.height > WebInspector.DeviceModeModel.MaxDeviceSize ||
+ result.height < WebInspector.DeviceModeModel.MinDeviceSize)
+ throw new Error('Emulated device has wrong height: ' + result.height);
+
+ var outlineInsets = parseValue(json['outline'], 'insets', 'object', null);
+ if (outlineInsets) {
+ result.outlineInsets = parseInsets(outlineInsets);
+ if (result.outlineInsets.left < 0 || result.outlineInsets.top < 0)
+ throw new Error('Emulated device has wrong outline insets');
+ result.outlineImage = /** @type {string} */ (parseValue(json['outline'], 'image', 'string'));
+ }
+ return /** @type {!WebInspector.EmulatedDevice.Orientation} */ (result);
+ }
+
+ var result = new WebInspector.EmulatedDevice();
+ result.title = /** @type {string} */ (parseValue(json, 'title', 'string'));
+ result.type = /** @type {string} */ (parseValue(json, 'type', 'string'));
+ var rawUserAgent = /** @type {string} */ (parseValue(json, 'user-agent', 'string'));
+ result.userAgent = WebInspector.MultitargetNetworkManager.patchUserAgentWithChromeVersion(rawUserAgent);
+
+ var capabilities = parseValue(json, 'capabilities', 'object', []);
+ if (!Array.isArray(capabilities))
+ throw new Error('Emulated device capabilities must be an array');
+ result.capabilities = [];
+ for (var i = 0; i < capabilities.length; ++i) {
+ if (typeof capabilities[i] !== 'string')
+ throw new Error('Emulated device capability must be a string');
+ result.capabilities.push(capabilities[i]);
+ }
+
+ result.deviceScaleFactor = /** @type {number} */ (parseValue(json['screen'], 'device-pixel-ratio', 'number'));
+ if (result.deviceScaleFactor < 0 || result.deviceScaleFactor > 100)
+ throw new Error('Emulated device has wrong deviceScaleFactor: ' + result.deviceScaleFactor);
+
+ result.vertical = parseOrientation(parseValue(json['screen'], 'vertical', 'object'));
+ result.horizontal = parseOrientation(parseValue(json['screen'], 'horizontal', 'object'));
+
+ var modes = parseValue(json, 'modes', 'object', []);
+ if (!Array.isArray(modes))
+ throw new Error('Emulated device modes must be an array');
+ result.modes = [];
+ for (var i = 0; i < modes.length; ++i) {
+ var mode = {};
+ mode.title = /** @type {string} */ (parseValue(modes[i], 'title', 'string'));
+ mode.orientation = /** @type {string} */ (parseValue(modes[i], 'orientation', 'string'));
+ if (mode.orientation !== WebInspector.EmulatedDevice.Vertical &&
+ mode.orientation !== WebInspector.EmulatedDevice.Horizontal)
+ throw new Error('Emulated device mode has wrong orientation \'' + mode.orientation + '\'');
+ var orientation = result.orientationByName(mode.orientation);
+ mode.insets = parseInsets(parseValue(modes[i], 'insets', 'object'));
+ if (mode.insets.top < 0 || mode.insets.left < 0 || mode.insets.right < 0 || mode.insets.bottom < 0 ||
+ mode.insets.top + mode.insets.bottom > orientation.height ||
+ mode.insets.left + mode.insets.right > orientation.width) {
+ throw new Error('Emulated device mode \'' + mode.title + '\'has wrong mode insets');
+ }
+ mode.image = /** @type {string} */ (parseValue(modes[i], 'image', 'string', null));
+ result.modes.push(mode);
+ }
+
+ result._showByDefault = /** @type {boolean} */ (parseValue(json, 'show-by-default', 'boolean', undefined));
+ result._show =
+ /** @type {string} */ (parseValue(json, 'show', 'string', WebInspector.EmulatedDevice._Show.Default));
+
+ return result;
+ } catch (e) {
+ return null;
+ }
+ }
+
+ /**
+ * @param {!WebInspector.EmulatedDevice} device1
+ * @param {!WebInspector.EmulatedDevice} device2
+ * @return {number}
+ */
+ static deviceComparator(device1, device2) {
+ var order1 = (device1._extension && device1._extension.descriptor()['order']) || -1;
+ var order2 = (device2._extension && device2._extension.descriptor()['order']) || -1;
+ if (order1 > order2)
+ return 1;
+ if (order2 > order1)
+ return -1;
+ return device1.title < device2.title ? -1 : (device1.title > device2.title ? 1 : 0);
+ }
+
+ /**
+ * @return {?Runtime.Extension}
+ */
+ extension() {
+ return this._extension;
+ }
+
+ /**
+ * @param {?Runtime.Extension} extension
+ */
+ setExtension(extension) {
+ this._extension = extension;
+ }
+
+ /**
+ * @param {string} orientation
+ * @return {!Array.<!WebInspector.EmulatedDevice.Mode>}
+ */
+ modesForOrientation(orientation) {
+ var result = [];
+ for (var index = 0; index < this.modes.length; index++) {
+ if (this.modes[index].orientation === orientation)
+ result.push(this.modes[index]);
+ }
+ return result;
+ }
+
+ /**
+ * @return {*}
+ */
+ _toJSON() {
+ var json = {};
+ json['title'] = this.title;
+ json['type'] = this.type;
+ json['user-agent'] = this.userAgent;
+ json['capabilities'] = this.capabilities;
+
+ json['screen'] = {};
+ json['screen']['device-pixel-ratio'] = this.deviceScaleFactor;
+ json['screen']['vertical'] = this._orientationToJSON(this.vertical);
+ json['screen']['horizontal'] = this._orientationToJSON(this.horizontal);
+
+ json['modes'] = [];
+ for (var i = 0; i < this.modes.length; ++i) {
+ var mode = {};
+ mode['title'] = this.modes[i].title;
+ mode['orientation'] = this.modes[i].orientation;
+ mode['insets'] = {};
+ mode['insets']['left'] = this.modes[i].insets.left;
+ mode['insets']['top'] = this.modes[i].insets.top;
+ mode['insets']['right'] = this.modes[i].insets.right;
+ mode['insets']['bottom'] = this.modes[i].insets.bottom;
+ if (this.modes[i].image)
+ mode['image'] = this.modes[i].image;
+ json['modes'].push(mode);
+ }
+
+ json['show-by-default'] = this._showByDefault;
+ json['show'] = this._show;
+
+ return json;
+ }
+
+ /**
+ * @param {!WebInspector.EmulatedDevice.Orientation} orientation
+ * @return {*}
+ */
+ _orientationToJSON(orientation) {
+ var json = {};
+ json['width'] = orientation.width;
+ json['height'] = orientation.height;
+ if (orientation.outlineInsets) {
+ json['outline'] = {};
+ json['outline']['insets'] = {};
+ json['outline']['insets']['left'] = orientation.outlineInsets.left;
+ json['outline']['insets']['top'] = orientation.outlineInsets.top;
+ json['outline']['insets']['right'] = orientation.outlineInsets.right;
+ json['outline']['insets']['bottom'] = orientation.outlineInsets.bottom;
+ json['outline']['image'] = orientation.outlineImage;
+ }
+ return json;
+ }
+
+ /**
+ * @param {!WebInspector.EmulatedDevice.Mode} mode
+ * @return {string}
+ */
+ modeImage(mode) {
+ if (!mode.image)
+ return '';
+ if (!this._extension)
+ return mode.image;
+ return this._extension.module().substituteURL(mode.image);
+ }
+
+ /**
+ * @param {!WebInspector.EmulatedDevice.Mode} mode
+ * @return {string}
+ */
+ outlineImage(mode) {
+ var orientation = this.orientationByName(mode.orientation);
+ if (!orientation.outlineImage)
+ return '';
+ if (!this._extension)
+ return orientation.outlineImage;
+ return this._extension.module().substituteURL(orientation.outlineImage);
+ }
+
+ /**
+ * @param {string} name
+ * @return {!WebInspector.EmulatedDevice.Orientation}
+ */
+ orientationByName(name) {
+ return name === WebInspector.EmulatedDevice.Vertical ? this.vertical : this.horizontal;
+ }
+
+ /**
+ * @return {boolean}
+ */
+ show() {
+ if (this._show === WebInspector.EmulatedDevice._Show.Default)
+ return this._showByDefault;
+ return this._show === WebInspector.EmulatedDevice._Show.Always;
+ }
+
+ /**
+ * @param {boolean} show
+ */
+ setShow(show) {
+ this._show = show ? WebInspector.EmulatedDevice._Show.Always : WebInspector.EmulatedDevice._Show.Never;
+ }
+
+ /**
+ * @param {!WebInspector.EmulatedDevice} other
+ */
+ copyShowFrom(other) {
+ this._show = other._show;
+ }
+
+ /**
+ * @return {boolean}
+ */
+ touch() {
+ return this.capabilities.indexOf(WebInspector.EmulatedDevice.Capability.Touch) !== -1;
+ }
+
+ /**
+ * @return {boolean}
+ */
+ mobile() {
+ return this.capabilities.indexOf(WebInspector.EmulatedDevice.Capability.Mobile) !== -1;
+ }
};
/** @typedef {!{title: string, orientation: string, insets: !Insets, image: ?string}} */
@@ -39,491 +336,181 @@ WebInspector.EmulatedDevice.Mode;
/** @typedef {!{width: number, height: number, outlineInsets: ?Insets, outlineImage: ?string}} */
WebInspector.EmulatedDevice.Orientation;
-WebInspector.EmulatedDevice.Horizontal = "horizontal";
-WebInspector.EmulatedDevice.Vertical = "vertical";
+WebInspector.EmulatedDevice.Horizontal = 'horizontal';
+WebInspector.EmulatedDevice.Vertical = 'vertical';
WebInspector.EmulatedDevice.Type = {
- Phone: "phone",
- Tablet: "tablet",
- Notebook: "notebook",
- Desktop: "desktop",
- Unknown: "unknown"
+ Phone: 'phone',
+ Tablet: 'tablet',
+ Notebook: 'notebook',
+ Desktop: 'desktop',
+ Unknown: 'unknown'
};
WebInspector.EmulatedDevice.Capability = {
- Touch: "touch",
- Mobile: "mobile"
+ Touch: 'touch',
+ Mobile: 'mobile'
};
WebInspector.EmulatedDevice._Show = {
- Always: "Always",
- Default: "Default",
- Never: "Never"
-};
-
-/**
- * @param {*} json
- * @return {?WebInspector.EmulatedDevice}
- */
-WebInspector.EmulatedDevice.fromJSONV1 = function(json)
-{
- try {
- /**
- * @param {*} object
- * @param {string} key
- * @param {string} type
- * @param {*=} defaultValue
- * @return {*}
- */
- function parseValue(object, key, type, defaultValue)
- {
- if (typeof object !== "object" || object === null || !object.hasOwnProperty(key)) {
- if (typeof defaultValue !== "undefined")
- return defaultValue;
- throw new Error("Emulated device is missing required property '" + key + "'");
- }
- var value = object[key];
- if (typeof value !== type || value === null)
- throw new Error("Emulated device property '" + key + "' has wrong type '" + typeof value + "'");
- return value;
- }
-
- /**
- * @param {*} object
- * @param {string} key
- * @return {number}
- */
- function parseIntValue(object, key)
- {
- var value = /** @type {number} */ (parseValue(object, key, "number"));
- if (value !== Math.abs(value))
- throw new Error("Emulated device value '" + key + "' must be integer");
- return value;
- }
-
- /**
- * @param {*} json
- * @return {!Insets}
- */
- function parseInsets(json)
- {
- return new Insets(parseIntValue(json, "left"), parseIntValue(json, "top"), parseIntValue(json, "right"), parseIntValue(json, "bottom"));
- }
-
- /**
- * @param {*} json
- * @return {!WebInspector.EmulatedDevice.Orientation}
- */
- function parseOrientation(json)
- {
- var result = {};
-
- result.width = parseIntValue(json, "width");
- if (result.width < 0 || result.width > WebInspector.DeviceModeModel.MaxDeviceSize || result.width < WebInspector.DeviceModeModel.MinDeviceSize)
- throw new Error("Emulated device has wrong width: " + result.width);
-
- result.height = parseIntValue(json, "height");
- if (result.height < 0 || result.height > WebInspector.DeviceModeModel.MaxDeviceSize || result.height < WebInspector.DeviceModeModel.MinDeviceSize)
- throw new Error("Emulated device has wrong height: " + result.height);
-
- var outlineInsets = parseValue(json["outline"], "insets", "object", null);
- if (outlineInsets) {
- result.outlineInsets = parseInsets(outlineInsets);
- if (result.outlineInsets.left < 0 || result.outlineInsets.top < 0)
- throw new Error("Emulated device has wrong outline insets");
- result.outlineImage = /** @type {string} */ (parseValue(json["outline"], "image", "string"));
- }
- return /** @type {!WebInspector.EmulatedDevice.Orientation} */ (result);
- }
-
- var result = new WebInspector.EmulatedDevice();
- result.title = /** @type {string} */ (parseValue(json, "title", "string"));
- result.type = /** @type {string} */ (parseValue(json, "type", "string"));
- var rawUserAgent = /** @type {string} */ (parseValue(json, "user-agent", "string"));
- result.userAgent = WebInspector.MultitargetNetworkManager.patchUserAgentWithChromeVersion(rawUserAgent);
-
- var capabilities = parseValue(json, "capabilities", "object", []);
- if (!Array.isArray(capabilities))
- throw new Error("Emulated device capabilities must be an array");
- result.capabilities = [];
- for (var i = 0; i < capabilities.length; ++i) {
- if (typeof capabilities[i] !== "string")
- throw new Error("Emulated device capability must be a string");
- result.capabilities.push(capabilities[i]);
- }
-
- result.deviceScaleFactor = /** @type {number} */ (parseValue(json["screen"], "device-pixel-ratio", "number"));
- if (result.deviceScaleFactor < 0 || result.deviceScaleFactor > 100)
- throw new Error("Emulated device has wrong deviceScaleFactor: " + result.deviceScaleFactor);
-
- result.vertical = parseOrientation(parseValue(json["screen"], "vertical", "object"));
- result.horizontal = parseOrientation(parseValue(json["screen"], "horizontal", "object"));
-
- var modes = parseValue(json, "modes", "object", []);
- if (!Array.isArray(modes))
- throw new Error("Emulated device modes must be an array");
- result.modes = [];
- for (var i = 0; i < modes.length; ++i) {
- var mode = {};
- mode.title = /** @type {string} */ (parseValue(modes[i], "title", "string"));
- mode.orientation = /** @type {string} */ (parseValue(modes[i], "orientation", "string"));
- if (mode.orientation !== WebInspector.EmulatedDevice.Vertical && mode.orientation !== WebInspector.EmulatedDevice.Horizontal)
- throw new Error("Emulated device mode has wrong orientation '" + mode.orientation + "'");
- var orientation = result.orientationByName(mode.orientation);
- mode.insets = parseInsets(parseValue(modes[i], "insets", "object"));
- if (mode.insets.top < 0 || mode.insets.left < 0 || mode.insets.right < 0 || mode.insets.bottom < 0 ||
- mode.insets.top + mode.insets.bottom > orientation.height || mode.insets.left + mode.insets.right > orientation.width) {
- throw new Error("Emulated device mode '" + mode.title + "'has wrong mode insets");
- }
- mode.image = /** @type {string} */ (parseValue(modes[i], "image", "string", null));
- result.modes.push(mode);
- }
-
- result._showByDefault = /** @type {boolean} */ (parseValue(json, "show-by-default", "boolean", undefined));
- result._show = /** @type {string} */ (parseValue(json, "show", "string", WebInspector.EmulatedDevice._Show.Default));
-
- return result;
- } catch (e) {
- return null;
- }
-};
-
-/**
- * @param {!WebInspector.EmulatedDevice} device1
- * @param {!WebInspector.EmulatedDevice} device2
- * @return {number}
- */
-WebInspector.EmulatedDevice.deviceComparator = function(device1, device2)
-{
- var order1 = (device1._extension && device1._extension.descriptor()["order"]) || -1;
- var order2 = (device2._extension && device2._extension.descriptor()["order"]) || -1;
- if (order1 > order2)
- return 1;
- if (order2 > order1)
- return -1;
- return device1.title < device2.title ? -1 : (device1.title > device2.title ? 1 : 0);
-};
-
-WebInspector.EmulatedDevice.prototype = {
- /**
- * @return {?Runtime.Extension}
- */
- extension: function()
- {
- return this._extension;
- },
-
- /**
- * @param {?Runtime.Extension} extension
- */
- setExtension: function(extension)
- {
- this._extension = extension;
- },
-
- /**
- * @param {string} orientation
- * @return {!Array.<!WebInspector.EmulatedDevice.Mode>}
- */
- modesForOrientation: function(orientation)
- {
- var result = [];
- for (var index = 0; index < this.modes.length; index++) {
- if (this.modes[index].orientation === orientation)
- result.push(this.modes[index]);
- }
- return result;
- },
-
- /**
- * @return {*}
- */
- _toJSON: function()
- {
- var json = {};
- json["title"] = this.title;
- json["type"] = this.type;
- json["user-agent"] = this.userAgent;
- json["capabilities"] = this.capabilities;
-
- json["screen"] = {};
- json["screen"]["device-pixel-ratio"] = this.deviceScaleFactor;
- json["screen"]["vertical"] = this._orientationToJSON(this.vertical);
- json["screen"]["horizontal"] = this._orientationToJSON(this.horizontal);
-
- json["modes"] = [];
- for (var i = 0; i < this.modes.length; ++i) {
- var mode = {};
- mode["title"] = this.modes[i].title;
- mode["orientation"] = this.modes[i].orientation;
- mode["insets"] = {};
- mode["insets"]["left"] = this.modes[i].insets.left;
- mode["insets"]["top"] = this.modes[i].insets.top;
- mode["insets"]["right"] = this.modes[i].insets.right;
- mode["insets"]["bottom"] = this.modes[i].insets.bottom;
- if (this.modes[i].image)
- mode["image"] = this.modes[i].image;
- json["modes"].push(mode);
- }
-
- json["show-by-default"] = this._showByDefault;
- json["show"] = this._show;
-
- return json;
- },
-
- /**
- * @param {!WebInspector.EmulatedDevice.Orientation} orientation
- * @return {*}
- */
- _orientationToJSON: function(orientation)
- {
- var json = {};
- json["width"] = orientation.width;
- json["height"] = orientation.height;
- if (orientation.outlineInsets) {
- json["outline"] = {};
- json["outline"]["insets"] = {};
- json["outline"]["insets"]["left"] = orientation.outlineInsets.left;
- json["outline"]["insets"]["top"] = orientation.outlineInsets.top;
- json["outline"]["insets"]["right"] = orientation.outlineInsets.right;
- json["outline"]["insets"]["bottom"] = orientation.outlineInsets.bottom;
- json["outline"]["image"] = orientation.outlineImage;
- }
- return json;
- },
-
- /**
- * @param {!WebInspector.EmulatedDevice.Mode} mode
- * @return {string}
- */
- modeImage: function(mode)
- {
- if (!mode.image)
- return "";
- if (!this._extension)
- return mode.image;
- return this._extension.module().substituteURL(mode.image);
- },
-
- /**
- * @param {!WebInspector.EmulatedDevice.Mode} mode
- * @return {string}
- */
- outlineImage: function(mode)
- {
- var orientation = this.orientationByName(mode.orientation);
- if (!orientation.outlineImage)
- return "";
- if (!this._extension)
- return orientation.outlineImage;
- return this._extension.module().substituteURL(orientation.outlineImage);
- },
-
- /**
- * @param {string} name
- * @return {!WebInspector.EmulatedDevice.Orientation}
- */
- orientationByName: function(name)
- {
- return name === WebInspector.EmulatedDevice.Vertical ? this.vertical : this.horizontal;
- },
-
- /**
- * @return {boolean}
- */
- show: function()
- {
- if (this._show === WebInspector.EmulatedDevice._Show.Default)
- return this._showByDefault;
- return this._show === WebInspector.EmulatedDevice._Show.Always;
- },
-
- /**
- * @param {boolean} show
- */
- setShow: function(show)
- {
- this._show = show ? WebInspector.EmulatedDevice._Show.Always : WebInspector.EmulatedDevice._Show.Never;
- },
-
- /**
- * @param {!WebInspector.EmulatedDevice} other
- */
- copyShowFrom: function(other)
- {
- this._show = other._show;
- },
-
- /**
- * @return {boolean}
- */
- touch: function()
- {
- return this.capabilities.indexOf(WebInspector.EmulatedDevice.Capability.Touch) !== -1;
- },
-
- /**
- * @return {boolean}
- */
- mobile: function()
- {
- return this.capabilities.indexOf(WebInspector.EmulatedDevice.Capability.Mobile) !== -1;
- }
+ Always: 'Always',
+ Default: 'Default',
+ Never: 'Never'
};
/**
- * @constructor
- * @extends {WebInspector.Object}
+ * @unrestricted
*/
-WebInspector.EmulatedDevicesList = function()
-{
- WebInspector.Object.call(this);
+WebInspector.EmulatedDevicesList = class extends WebInspector.Object {
+ constructor() {
+ super();
/** @type {!WebInspector.Setting} */
- this._standardSetting = WebInspector.settings.createSetting("standardEmulatedDeviceList", []);
+ this._standardSetting = WebInspector.settings.createSetting('standardEmulatedDeviceList', []);
/** @type {!Array.<!WebInspector.EmulatedDevice>} */
this._standard = [];
this._listFromJSONV1(this._standardSetting.get(), this._standard);
this._updateStandardDevices();
/** @type {!WebInspector.Setting} */
- this._customSetting = WebInspector.settings.createSetting("customEmulatedDeviceList", []);
+ this._customSetting = WebInspector.settings.createSetting('customEmulatedDeviceList', []);
/** @type {!Array.<!WebInspector.EmulatedDevice>} */
this._custom = [];
if (!this._listFromJSONV1(this._customSetting.get(), this._custom))
- this.saveCustomDevices();
+ this.saveCustomDevices();
+ }
+
+ /**
+ * @return {!WebInspector.EmulatedDevicesList}
+ */
+ static instance() {
+ if (!WebInspector.EmulatedDevicesList._instance)
+ WebInspector.EmulatedDevicesList._instance = new WebInspector.EmulatedDevicesList();
+ return /** @type {!WebInspector.EmulatedDevicesList} */ (WebInspector.EmulatedDevicesList._instance);
+ }
+
+ _updateStandardDevices() {
+ var devices = [];
+ var extensions = self.runtime.extensions('emulated-device');
+ for (var i = 0; i < extensions.length; ++i) {
+ var device = WebInspector.EmulatedDevice.fromJSONV1(extensions[i].descriptor()['device']);
+ device.setExtension(extensions[i]);
+ devices.push(device);
+ }
+ this._copyShowValues(this._standard, devices);
+ this._standard = devices;
+ this.saveStandardDevices();
+ }
+
+ /**
+ * @param {!Array.<*>} jsonArray
+ * @param {!Array.<!WebInspector.EmulatedDevice>} result
+ * @return {boolean}
+ */
+ _listFromJSONV1(jsonArray, result) {
+ if (!Array.isArray(jsonArray))
+ return false;
+ var success = true;
+ for (var i = 0; i < jsonArray.length; ++i) {
+ var device = WebInspector.EmulatedDevice.fromJSONV1(jsonArray[i]);
+ if (device) {
+ result.push(device);
+ if (!device.modes.length) {
+ device.modes.push({
+ title: '',
+ orientation: WebInspector.EmulatedDevice.Horizontal,
+ insets: new Insets(0, 0, 0, 0),
+ image: null
+ });
+ device.modes.push({
+ title: '',
+ orientation: WebInspector.EmulatedDevice.Vertical,
+ insets: new Insets(0, 0, 0, 0),
+ image: null
+ });
+ }
+ } else {
+ success = false;
+ }
+ }
+ return success;
+ }
+
+ /**
+ * @return {!Array.<!WebInspector.EmulatedDevice>}
+ */
+ standard() {
+ return this._standard;
+ }
+
+ /**
+ * @return {!Array.<!WebInspector.EmulatedDevice>}
+ */
+ custom() {
+ return this._custom;
+ }
+
+ revealCustomSetting() {
+ WebInspector.Revealer.reveal(this._customSetting);
+ }
+
+ /**
+ * @param {!WebInspector.EmulatedDevice} device
+ */
+ addCustomDevice(device) {
+ this._custom.push(device);
+ this.saveCustomDevices();
+ }
+
+ /**
+ * @param {!WebInspector.EmulatedDevice} device
+ */
+ removeCustomDevice(device) {
+ this._custom.remove(device);
+ this.saveCustomDevices();
+ }
+
+ saveCustomDevices() {
+ var json = this._custom.map(/** @param {!WebInspector.EmulatedDevice} device */ function(device) {
+ return device._toJSON();
+ });
+ this._customSetting.set(json);
+ this.dispatchEventToListeners(WebInspector.EmulatedDevicesList.Events.CustomDevicesUpdated);
+ }
+
+ saveStandardDevices() {
+ var json = this._standard.map(/** @param {!WebInspector.EmulatedDevice} device */ function(device) {
+ return device._toJSON();
+ });
+ this._standardSetting.set(json);
+ this.dispatchEventToListeners(WebInspector.EmulatedDevicesList.Events.StandardDevicesUpdated);
+ }
+
+ /**
+ * @param {!Array.<!WebInspector.EmulatedDevice>} from
+ * @param {!Array.<!WebInspector.EmulatedDevice>} to
+ */
+ _copyShowValues(from, to) {
+ var deviceById = new Map();
+ for (var i = 0; i < from.length; ++i)
+ deviceById.set(from[i].title, from[i]);
+
+ for (var i = 0; i < to.length; ++i) {
+ var title = to[i].title;
+ if (deviceById.has(title))
+ to[i].copyShowFrom(/** @type {!WebInspector.EmulatedDevice} */ (deviceById.get(title)));
+ }
+ }
};
/** @enum {symbol} */
WebInspector.EmulatedDevicesList.Events = {
- CustomDevicesUpdated: Symbol("CustomDevicesUpdated"),
- StandardDevicesUpdated: Symbol("StandardDevicesUpdated")
-};
-
-WebInspector.EmulatedDevicesList.prototype = {
- _updateStandardDevices: function()
- {
- var devices = [];
- var extensions = self.runtime.extensions("emulated-device");
- for (var i = 0; i < extensions.length; ++i) {
- var device = WebInspector.EmulatedDevice.fromJSONV1(extensions[i].descriptor()["device"]);
- device.setExtension(extensions[i]);
- devices.push(device);
- }
- this._copyShowValues(this._standard, devices);
- this._standard = devices;
- this.saveStandardDevices();
- },
-
- /**
- * @param {!Array.<*>} jsonArray
- * @param {!Array.<!WebInspector.EmulatedDevice>} result
- * @return {boolean}
- */
- _listFromJSONV1: function(jsonArray, result)
- {
- if (!Array.isArray(jsonArray))
- return false;
- var success = true;
- for (var i = 0; i < jsonArray.length; ++i) {
- var device = WebInspector.EmulatedDevice.fromJSONV1(jsonArray[i]);
- if (device) {
- result.push(device);
- if (!device.modes.length) {
- device.modes.push({title: "", orientation: WebInspector.EmulatedDevice.Horizontal, insets: new Insets(0, 0, 0, 0), image: null});
- device.modes.push({title: "", orientation: WebInspector.EmulatedDevice.Vertical, insets: new Insets(0, 0, 0, 0), image: null});
- }
- } else {
- success = false;
- }
- }
- return success;
- },
-
- /**
- * @return {!Array.<!WebInspector.EmulatedDevice>}
- */
- standard: function()
- {
- return this._standard;
- },
-
- /**
- * @return {!Array.<!WebInspector.EmulatedDevice>}
- */
- custom: function()
- {
- return this._custom;
- },
-
- revealCustomSetting: function()
- {
- WebInspector.Revealer.reveal(this._customSetting);
- },
-
- /**
- * @param {!WebInspector.EmulatedDevice} device
- */
- addCustomDevice: function(device)
- {
- this._custom.push(device);
- this.saveCustomDevices();
- },
-
- /**
- * @param {!WebInspector.EmulatedDevice} device
- */
- removeCustomDevice: function(device)
- {
- this._custom.remove(device);
- this.saveCustomDevices();
- },
-
- saveCustomDevices: function()
- {
- var json = this._custom.map(/** @param {!WebInspector.EmulatedDevice} device */ function(device) { return device._toJSON(); });
- this._customSetting.set(json);
- this.dispatchEventToListeners(WebInspector.EmulatedDevicesList.Events.CustomDevicesUpdated);
- },
-
- saveStandardDevices: function()
- {
- var json = this._standard.map(/** @param {!WebInspector.EmulatedDevice} device */ function(device) { return device._toJSON(); });
- this._standardSetting.set(json);
- this.dispatchEventToListeners(WebInspector.EmulatedDevicesList.Events.StandardDevicesUpdated);
- },
-
- /**
- * @param {!Array.<!WebInspector.EmulatedDevice>} from
- * @param {!Array.<!WebInspector.EmulatedDevice>} to
- */
- _copyShowValues: function(from, to)
- {
- var deviceById = new Map();
- for (var i = 0; i < from.length; ++i)
- deviceById.set(from[i].title, from[i]);
-
- for (var i = 0; i < to.length; ++i) {
- var title = to[i].title;
- if (deviceById.has(title))
- to[i].copyShowFrom(/** @type {!WebInspector.EmulatedDevice} */ (deviceById.get(title)));
- }
- },
-
- __proto__: WebInspector.Object.prototype
+ CustomDevicesUpdated: Symbol('CustomDevicesUpdated'),
+ StandardDevicesUpdated: Symbol('StandardDevicesUpdated')
};
/** @type {?WebInspector.EmulatedDevicesList} */
WebInspector.EmulatedDevicesList._instance;
-/**
- * @return {!WebInspector.EmulatedDevicesList}
- */
-WebInspector.EmulatedDevicesList.instance = function()
-{
- if (!WebInspector.EmulatedDevicesList._instance)
- WebInspector.EmulatedDevicesList._instance = new WebInspector.EmulatedDevicesList();
- return /** @type {!WebInspector.EmulatedDevicesList} */ (WebInspector.EmulatedDevicesList._instance);
-};
+
« no previous file with comments | « third_party/WebKit/Source/devtools/front_end/emulation/DevicesSettingsTab.js ('k') | third_party/WebKit/Source/devtools/front_end/emulation/Geolocation.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698