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

Unified Diff: third_party/WebKit/Source/devtools/front_end/elements/InspectElementModeController.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
Index: third_party/WebKit/Source/devtools/front_end/elements/InspectElementModeController.js
diff --git a/third_party/WebKit/Source/devtools/front_end/elements/InspectElementModeController.js b/third_party/WebKit/Source/devtools/front_end/elements/InspectElementModeController.js
index 0335b822114fffca829ae8b8f222a055443eb474..5b060ce4bdee27c678c4a3ce8320006fca4cd4e1 100644
--- a/third_party/WebKit/Source/devtools/front_end/elements/InspectElementModeController.js
+++ b/third_party/WebKit/Source/devtools/front_end/elements/InspectElementModeController.js
@@ -25,164 +25,148 @@
* (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
* OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/
-
/**
- * @constructor
* @implements {WebInspector.TargetManager.Observer}
+ * @unrestricted
*/
-WebInspector.InspectElementModeController = function()
-{
- this._toggleSearchAction = WebInspector.actionRegistry.action("elements.toggle-element-search");
- if (Runtime.experiments.isEnabled("layoutEditor")) {
- this._layoutEditorButton = new WebInspector.ToolbarToggle(WebInspector.UIString("Toggle Layout Editor"), "layout-editor-toolbar-item");
- this._layoutEditorButton.addEventListener("click", this._toggleLayoutEditor, this);
+WebInspector.InspectElementModeController = class {
+ constructor() {
+ this._toggleSearchAction = WebInspector.actionRegistry.action('elements.toggle-element-search');
+ if (Runtime.experiments.isEnabled('layoutEditor')) {
+ this._layoutEditorButton =
+ new WebInspector.ToolbarToggle(WebInspector.UIString('Toggle Layout Editor'), 'layout-editor-toolbar-item');
+ this._layoutEditorButton.addEventListener('click', this._toggleLayoutEditor, this);
}
this._mode = DOMAgent.InspectMode.None;
- WebInspector.targetManager.addEventListener(WebInspector.TargetManager.Events.SuspendStateChanged, this._suspendStateChanged, this);
+ WebInspector.targetManager.addEventListener(
+ WebInspector.TargetManager.Events.SuspendStateChanged, this._suspendStateChanged, this);
WebInspector.targetManager.observeTargets(this, WebInspector.Target.Capability.DOM);
-};
-
-WebInspector.InspectElementModeController.prototype = {
- /**
- * @override
- * @param {!WebInspector.Target} target
- */
- targetAdded: function(target)
- {
- // When DevTools are opening in the inspect element mode, the first target comes in
- // much later than the InspectorFrontendAPI.enterInspectElementMode event.
- if (this._mode === DOMAgent.InspectMode.None)
- return;
- var domModel = WebInspector.DOMModel.fromTarget(target);
- domModel.setInspectMode(this._mode);
- },
-
- /**
- * @override
- * @param {!WebInspector.Target} target
- */
- targetRemoved: function(target)
- {
- },
-
- /**
- * @return {boolean}
- */
- isInInspectElementMode: function()
- {
- return this._mode === DOMAgent.InspectMode.SearchForNode || this._mode === DOMAgent.InspectMode.SearchForUAShadowDOM;
- },
-
- /**
- * @return {boolean}
- */
- isInLayoutEditorMode: function()
- {
- return this._mode === DOMAgent.InspectMode.ShowLayoutEditor;
- },
-
- stopInspection: function()
- {
- if (this._mode && this._mode !== DOMAgent.InspectMode.None)
- this._toggleInspectMode();
- },
-
- _toggleLayoutEditor: function()
- {
- var mode = this.isInLayoutEditorMode() ? DOMAgent.InspectMode.None : DOMAgent.InspectMode.ShowLayoutEditor;
- this._setMode(mode);
- },
-
- _toggleInspectMode: function()
- {
- if (WebInspector.targetManager.allTargetsSuspended())
- return;
-
- var mode;
- if (this.isInInspectElementMode())
- mode = DOMAgent.InspectMode.None;
- else
- mode = WebInspector.moduleSetting("showUAShadowDOM").get() ? DOMAgent.InspectMode.SearchForUAShadowDOM : DOMAgent.InspectMode.SearchForNode;
-
- this._setMode(mode);
- },
-
- /**
- * @param {!DOMAgent.InspectMode} mode
- */
- _setMode: function(mode)
- {
- this._mode = mode;
- for (var domModel of WebInspector.DOMModel.instances())
- domModel.setInspectMode(mode);
-
- if (this._layoutEditorButton) {
- this._layoutEditorButton.setEnabled(!this.isInInspectElementMode());
- this._layoutEditorButton.setToggled(this.isInLayoutEditorMode());
- }
-
- this._toggleSearchAction.setEnabled(!this.isInLayoutEditorMode());
- this._toggleSearchAction.setToggled(this.isInInspectElementMode());
- },
-
- _suspendStateChanged: function()
- {
- if (!WebInspector.targetManager.allTargetsSuspended())
- return;
-
- this._mode = DOMAgent.InspectMode.None;
- this._toggleSearchAction.setToggled(false);
- if (this._layoutEditorButton)
- this._layoutEditorButton.setToggled(false);
+ }
+
+ /**
+ * @override
+ * @param {!WebInspector.Target} target
+ */
+ targetAdded(target) {
+ // When DevTools are opening in the inspect element mode, the first target comes in
+ // much later than the InspectorFrontendAPI.enterInspectElementMode event.
+ if (this._mode === DOMAgent.InspectMode.None)
+ return;
+ var domModel = WebInspector.DOMModel.fromTarget(target);
+ domModel.setInspectMode(this._mode);
+ }
+
+ /**
+ * @override
+ * @param {!WebInspector.Target} target
+ */
+ targetRemoved(target) {
+ }
+
+ /**
+ * @return {boolean}
+ */
+ isInInspectElementMode() {
+ return this._mode === DOMAgent.InspectMode.SearchForNode ||
+ this._mode === DOMAgent.InspectMode.SearchForUAShadowDOM;
+ }
+
+ /**
+ * @return {boolean}
+ */
+ isInLayoutEditorMode() {
+ return this._mode === DOMAgent.InspectMode.ShowLayoutEditor;
+ }
+
+ stopInspection() {
+ if (this._mode && this._mode !== DOMAgent.InspectMode.None)
+ this._toggleInspectMode();
+ }
+
+ _toggleLayoutEditor() {
+ var mode = this.isInLayoutEditorMode() ? DOMAgent.InspectMode.None : DOMAgent.InspectMode.ShowLayoutEditor;
+ this._setMode(mode);
+ }
+
+ _toggleInspectMode() {
+ if (WebInspector.targetManager.allTargetsSuspended())
+ return;
+
+ var mode;
+ if (this.isInInspectElementMode())
+ mode = DOMAgent.InspectMode.None;
+ else
+ mode = WebInspector.moduleSetting('showUAShadowDOM').get() ? DOMAgent.InspectMode.SearchForUAShadowDOM :
+ DOMAgent.InspectMode.SearchForNode;
+
+ this._setMode(mode);
+ }
+
+ /**
+ * @param {!DOMAgent.InspectMode} mode
+ */
+ _setMode(mode) {
+ this._mode = mode;
+ for (var domModel of WebInspector.DOMModel.instances())
+ domModel.setInspectMode(mode);
+
+ if (this._layoutEditorButton) {
+ this._layoutEditorButton.setEnabled(!this.isInInspectElementMode());
+ this._layoutEditorButton.setToggled(this.isInLayoutEditorMode());
}
+
+ this._toggleSearchAction.setEnabled(!this.isInLayoutEditorMode());
+ this._toggleSearchAction.setToggled(this.isInInspectElementMode());
+ }
+
+ _suspendStateChanged() {
+ if (!WebInspector.targetManager.allTargetsSuspended())
+ return;
+
+ this._mode = DOMAgent.InspectMode.None;
+ this._toggleSearchAction.setToggled(false);
+ if (this._layoutEditorButton)
+ this._layoutEditorButton.setToggled(false);
+ }
};
/**
- * @constructor
* @implements {WebInspector.ActionDelegate}
+ * @unrestricted
*/
-WebInspector.InspectElementModeController.ToggleSearchActionDelegate = function()
-{
-};
-
-WebInspector.InspectElementModeController.ToggleSearchActionDelegate.prototype = {
- /**
- * @override
- * @param {!WebInspector.Context} context
- * @param {string} actionId
- * @return {boolean}
- */
- handleAction: function(context, actionId)
- {
- if (!WebInspector.inspectElementModeController)
- return false;
- WebInspector.inspectElementModeController._toggleInspectMode();
- return true;
- }
+WebInspector.InspectElementModeController.ToggleSearchActionDelegate = class {
+ /**
+ * @override
+ * @param {!WebInspector.Context} context
+ * @param {string} actionId
+ * @return {boolean}
+ */
+ handleAction(context, actionId) {
+ if (!WebInspector.inspectElementModeController)
+ return false;
+ WebInspector.inspectElementModeController._toggleInspectMode();
+ return true;
+ }
};
/**
- * @constructor
* @implements {WebInspector.ToolbarItem.Provider}
+ * @unrestricted
*/
-WebInspector.InspectElementModeController.LayoutEditorButtonProvider = function()
-{
-};
-
-WebInspector.InspectElementModeController.LayoutEditorButtonProvider.prototype = {
- /**
- * @override
- * @return {?WebInspector.ToolbarItem}
- */
- item: function()
- {
- if (!WebInspector.inspectElementModeController)
- return null;
-
- return WebInspector.inspectElementModeController._layoutEditorButton;
- }
+WebInspector.InspectElementModeController.LayoutEditorButtonProvider = class {
+ /**
+ * @override
+ * @return {?WebInspector.ToolbarItem}
+ */
+ item() {
+ if (!WebInspector.inspectElementModeController)
+ return null;
+
+ return WebInspector.inspectElementModeController._layoutEditorButton;
+ }
};
/** @type {?WebInspector.InspectElementModeController} */
-WebInspector.inspectElementModeController = Runtime.queryParam("isSharedWorker") ? null : new WebInspector.InspectElementModeController();
+WebInspector.inspectElementModeController =
+ Runtime.queryParam('isSharedWorker') ? null : new WebInspector.InspectElementModeController();

Powered by Google App Engine
This is Rietveld 408576698