Index: third_party/WebKit/Source/devtools/front_end/resources/AppManifestView.js |
diff --git a/third_party/WebKit/Source/devtools/front_end/resources/AppManifestView.js b/third_party/WebKit/Source/devtools/front_end/resources/AppManifestView.js |
index 2acf948e633de61188f46e5adae93927129cf47e..0f21402342c3d38850a94221f89f57c0e7de8bb3 100644 |
--- a/third_party/WebKit/Source/devtools/front_end/resources/AppManifestView.js |
+++ b/third_party/WebKit/Source/devtools/front_end/resources/AppManifestView.js |
@@ -1,151 +1,148 @@ |
// Copyright (c) 2016 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 |
- * @extends {WebInspector.VBox} |
* @implements {WebInspector.TargetManager.Observer} |
+ * @unrestricted |
*/ |
-WebInspector.AppManifestView = function() |
-{ |
- WebInspector.VBox.call(this, true); |
- this.registerRequiredCSS("resources/appManifestView.css"); |
+WebInspector.AppManifestView = class extends WebInspector.VBox { |
+ constructor() { |
+ super(true); |
+ this.registerRequiredCSS('resources/appManifestView.css'); |
- this._reportView = new WebInspector.ReportView(WebInspector.UIString("App Manifest")); |
+ this._reportView = new WebInspector.ReportView(WebInspector.UIString('App Manifest')); |
this._reportView.show(this.contentElement); |
- this._errorsSection = this._reportView.appendSection(WebInspector.UIString("Errors and warnings")); |
- this._identitySection = this._reportView.appendSection(WebInspector.UIString("Identity")); |
+ this._errorsSection = this._reportView.appendSection(WebInspector.UIString('Errors and warnings')); |
+ this._identitySection = this._reportView.appendSection(WebInspector.UIString('Identity')); |
var toolbar = this._identitySection.createToolbar(); |
toolbar.renderAsLinks(); |
- var addToHomeScreen = new WebInspector.ToolbarButton(WebInspector.UIString("Add to homescreen"), undefined, WebInspector.UIString("Add to homescreen")); |
- addToHomeScreen.addEventListener("click", this._addToHomescreen.bind(this)); |
+ var addToHomeScreen = new WebInspector.ToolbarButton( |
+ WebInspector.UIString('Add to homescreen'), undefined, WebInspector.UIString('Add to homescreen')); |
+ addToHomeScreen.addEventListener('click', this._addToHomescreen.bind(this)); |
toolbar.appendToolbarItem(addToHomeScreen); |
- this._presentationSection = this._reportView.appendSection(WebInspector.UIString("Presentation")); |
- this._iconsSection = this._reportView.appendSection(WebInspector.UIString("Icons")); |
+ this._presentationSection = this._reportView.appendSection(WebInspector.UIString('Presentation')); |
+ this._iconsSection = this._reportView.appendSection(WebInspector.UIString('Icons')); |
- this._nameField = this._identitySection.appendField(WebInspector.UIString("Name")); |
- this._shortNameField = this._identitySection.appendField(WebInspector.UIString("Short name")); |
+ this._nameField = this._identitySection.appendField(WebInspector.UIString('Name')); |
+ this._shortNameField = this._identitySection.appendField(WebInspector.UIString('Short name')); |
- this._startURLField = this._presentationSection.appendField(WebInspector.UIString("Start URL")); |
+ this._startURLField = this._presentationSection.appendField(WebInspector.UIString('Start URL')); |
- var themeColorField = this._presentationSection.appendField(WebInspector.UIString("Theme color")); |
+ var themeColorField = this._presentationSection.appendField(WebInspector.UIString('Theme color')); |
this._themeColorSwatch = WebInspector.ColorSwatch.create(); |
themeColorField.appendChild(this._themeColorSwatch); |
- var backgroundColorField = this._presentationSection.appendField(WebInspector.UIString("Background color")); |
+ var backgroundColorField = this._presentationSection.appendField(WebInspector.UIString('Background color')); |
this._backgroundColorSwatch = WebInspector.ColorSwatch.create(); |
backgroundColorField.appendChild(this._backgroundColorSwatch); |
- this._orientationField = this._presentationSection.appendField(WebInspector.UIString("Orientation")); |
- this._displayField = this._presentationSection.appendField(WebInspector.UIString("Display")); |
+ this._orientationField = this._presentationSection.appendField(WebInspector.UIString('Orientation')); |
+ this._displayField = this._presentationSection.appendField(WebInspector.UIString('Display')); |
WebInspector.targetManager.observeTargets(this, WebInspector.Target.Capability.DOM); |
-}; |
- |
-WebInspector.AppManifestView.prototype = { |
- /** |
- * @override |
- * @param {!WebInspector.Target} target |
- */ |
- targetAdded: function(target) |
- { |
- if (this._resourceTreeModel) |
- return; |
- var resourceTreeModel = WebInspector.ResourceTreeModel.fromTarget(target); |
- if (!resourceTreeModel) |
- return; |
- this._resourceTreeModel = resourceTreeModel; |
- this._updateManifest(); |
- resourceTreeModel.addEventListener(WebInspector.ResourceTreeModel.Events.MainFrameNavigated, this._updateManifest, this); |
- }, |
- |
- /** |
- * @override |
- * @param {!WebInspector.Target} target |
- */ |
- targetRemoved: function(target) |
- { |
- var resourceTreeModel = WebInspector.ResourceTreeModel.fromTarget(target); |
- if (!this._resourceTreeModel || this._resourceTreeModel !== resourceTreeModel) |
- return; |
- resourceTreeModel.removeEventListener(WebInspector.ResourceTreeModel.Events.MainFrameNavigated, this._updateManifest, this); |
- delete this._resourceTreeModel; |
- }, |
- |
- _updateManifest: function() |
- { |
- this._resourceTreeModel.fetchAppManifest(this._renderManifest.bind(this)); |
- }, |
+ } |
+ |
+ /** |
+ * @override |
+ * @param {!WebInspector.Target} target |
+ */ |
+ targetAdded(target) { |
+ if (this._resourceTreeModel) |
+ return; |
+ var resourceTreeModel = WebInspector.ResourceTreeModel.fromTarget(target); |
+ if (!resourceTreeModel) |
+ return; |
+ this._resourceTreeModel = resourceTreeModel; |
+ this._updateManifest(); |
+ resourceTreeModel.addEventListener( |
+ WebInspector.ResourceTreeModel.Events.MainFrameNavigated, this._updateManifest, this); |
+ } |
+ |
+ /** |
+ * @override |
+ * @param {!WebInspector.Target} target |
+ */ |
+ targetRemoved(target) { |
+ var resourceTreeModel = WebInspector.ResourceTreeModel.fromTarget(target); |
+ if (!this._resourceTreeModel || this._resourceTreeModel !== resourceTreeModel) |
+ return; |
+ resourceTreeModel.removeEventListener( |
+ WebInspector.ResourceTreeModel.Events.MainFrameNavigated, this._updateManifest, this); |
+ delete this._resourceTreeModel; |
+ } |
+ |
+ _updateManifest() { |
+ this._resourceTreeModel.fetchAppManifest(this._renderManifest.bind(this)); |
+ } |
+ |
+ /** |
+ * @param {string} url |
+ * @param {?string} data |
+ * @param {!Array<!PageAgent.AppManifestError>} errors |
+ */ |
+ _renderManifest(url, data, errors) { |
+ this._reportView.setURL(url); |
+ this._errorsSection.clearContent(); |
+ this._errorsSection.element.classList.toggle('hidden', !errors.length); |
+ for (var error of errors) |
+ this._errorsSection.appendRow().appendChild( |
+ createLabel(error.message, error.critical ? 'error-icon' : 'warning-icon')); |
+ |
+ if (!data) |
+ data = '{}'; |
+ |
+ var parsedManifest = JSON.parse(data); |
+ this._nameField.textContent = stringProperty('name'); |
+ this._shortNameField.textContent = stringProperty('short_name'); |
+ this._startURLField.removeChildren(); |
+ var startURL = stringProperty('start_url'); |
+ if (startURL) |
+ this._startURLField.appendChild(WebInspector.linkifyResourceAsNode( |
+ /** @type {string} */ (WebInspector.ParsedURL.completeURL(url, startURL)), undefined, undefined, undefined, |
+ undefined, startURL)); |
+ |
+ this._themeColorSwatch.classList.toggle('hidden', !stringProperty('theme_color')); |
+ var themeColor = |
+ WebInspector.Color.parse(stringProperty('theme_color') || 'white') || WebInspector.Color.parse('white'); |
+ this._themeColorSwatch.setColor(/** @type {!WebInspector.Color} */ (themeColor)); |
+ this._backgroundColorSwatch.classList.toggle('hidden', !stringProperty('background_color')); |
+ var backgroundColor = |
+ WebInspector.Color.parse(stringProperty('background_color') || 'white') || WebInspector.Color.parse('white'); |
+ this._backgroundColorSwatch.setColor(/** @type {!WebInspector.Color} */ (backgroundColor)); |
+ |
+ this._orientationField.textContent = stringProperty('orientation'); |
+ this._displayField.textContent = stringProperty('display'); |
+ |
+ var icons = parsedManifest['icons'] || []; |
+ this._iconsSection.clearContent(); |
+ for (var icon of icons) { |
+ var title = (icon['sizes'] || '') + '\n' + (icon['type'] || ''); |
+ var field = this._iconsSection.appendField(title); |
+ var imageElement = field.createChild('img'); |
+ imageElement.style.maxWidth = '200px'; |
+ imageElement.style.maxHeight = '200px'; |
+ imageElement.src = WebInspector.ParsedURL.completeURL(url, icon['src']); |
+ } |
/** |
- * @param {string} url |
- * @param {?string} data |
- * @param {!Array<!PageAgent.AppManifestError>} errors |
+ * @param {string} name |
+ * @return {string} |
*/ |
- _renderManifest: function(url, data, errors) |
- { |
- this._reportView.setURL(url); |
- this._errorsSection.clearContent(); |
- this._errorsSection.element.classList.toggle("hidden", !errors.length); |
- for (var error of errors) |
- this._errorsSection.appendRow().appendChild(createLabel(error.message, error.critical ? "error-icon" : "warning-icon")); |
- |
- if (!data) |
- data = "{}"; |
- |
- var parsedManifest = JSON.parse(data); |
- this._nameField.textContent = stringProperty("name"); |
- this._shortNameField.textContent = stringProperty("short_name"); |
- this._startURLField.removeChildren(); |
- var startURL = stringProperty("start_url"); |
- if (startURL) |
- this._startURLField.appendChild(WebInspector.linkifyResourceAsNode(/** @type {string} */(WebInspector.ParsedURL.completeURL(url, startURL)), undefined, undefined, undefined, undefined, startURL)); |
- |
- this._themeColorSwatch.classList.toggle("hidden", !stringProperty("theme_color")); |
- var themeColor = WebInspector.Color.parse(stringProperty("theme_color") || "white") || WebInspector.Color.parse("white"); |
- this._themeColorSwatch.setColor(/** @type {!WebInspector.Color} */ (themeColor)); |
- this._backgroundColorSwatch.classList.toggle("hidden", !stringProperty("background_color")); |
- var backgroundColor = WebInspector.Color.parse(stringProperty("background_color") || "white") || WebInspector.Color.parse("white"); |
- this._backgroundColorSwatch.setColor(/** @type {!WebInspector.Color} */ (backgroundColor)); |
- |
- this._orientationField.textContent = stringProperty("orientation"); |
- this._displayField.textContent = stringProperty("display"); |
- |
- var icons = parsedManifest["icons"] || []; |
- this._iconsSection.clearContent(); |
- for (var icon of icons) { |
- var title = (icon["sizes"] || "") + "\n" + (icon["type"] || ""); |
- var field = this._iconsSection.appendField(title); |
- var imageElement = field.createChild("img"); |
- imageElement.style.maxWidth = "200px"; |
- imageElement.style.maxHeight = "200px"; |
- imageElement.src = WebInspector.ParsedURL.completeURL(url, icon["src"]); |
- } |
- |
- /** |
- * @param {string} name |
- * @return {string} |
- */ |
- function stringProperty(name) |
- { |
- var value = parsedManifest[name]; |
- if (typeof value !== "string") |
- return ""; |
- return value; |
- } |
- }, |
- |
- _addToHomescreen: function() |
- { |
- var target = WebInspector.targetManager.mainTarget(); |
- if (target && target.hasBrowserCapability()) { |
- target.pageAgent().requestAppBanner(); |
- WebInspector.console.show(); |
- } |
- }, |
- |
- __proto__: WebInspector.VBox.prototype |
+ function stringProperty(name) { |
+ var value = parsedManifest[name]; |
+ if (typeof value !== 'string') |
+ return ''; |
+ return value; |
+ } |
+ } |
+ |
+ _addToHomescreen() { |
+ var target = WebInspector.targetManager.mainTarget(); |
+ if (target && target.hasBrowserCapability()) { |
+ target.pageAgent().requestAppBanner(); |
+ WebInspector.console.show(); |
+ } |
+ } |
}; |