third_party/WebKit/Source/devtools/front_end/components/InspectElementModeController.js

   1 /*
   2  * Copyright (C) 2013 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  * 1. Redistributions of source code must retain the above copyright
   9  * notice, this list of conditions and the following disclaimer.
  10  *
  11  * 2. Redistributions in binary form must reproduce the above
  12  * copyright notice, this list of conditions and the following disclaimer
  13  * in the documentation and/or other materials provided with the
  14  * distribution.
  15  *
  16  * THIS SOFTWARE IS PROVIDED BY GOOGLE INC. AND ITS CONTRIBUTORS
  17  * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
  18  * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
  19  * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL GOOGLE INC.
  20  * OR ITS CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
  21  * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
  22  * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
  23  * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
  24  * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
  25  * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
  26  * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  27  */
  28
  29 /**
  30  * @constructor
  31  * @implements {WebInspector.TargetManager.Observer}
  32  */
  33 WebInspector.InspectElementModeController = function()
  34 {
  35     this._toggleSearchButton = new WebInspector.ToolbarButton(WebInspector.UIString("Select an element in the page to inspect it"), "node-search-toolbar-item");
  36     InspectorFrontendHost.events.addEventListener(InspectorFrontendHostAPI.Events.EnterInspectElementMode, this._toggleSearch, this);
  37     WebInspector.targetManager.addEventListener(WebInspector.TargetManager.Events.SuspendStateChanged, this._suspendStateChanged, this);
  38     WebInspector.targetManager.observeTargets(this, WebInspector.Target.Type.Page);
  39 }
  40
  41 /**
  42  * @return {!WebInspector.KeyboardShortcut.Descriptor}
  43  */
  44 WebInspector.InspectElementModeController.createShortcut = function()
  45 {
  46     return WebInspector.KeyboardShortcut.makeDescriptor("c", WebInspector.KeyboardShortcut.Modifiers.CtrlOrMeta | WebInspector.KeyboardShortcut.Modifiers.Shift);
  47 }
  48
  49 WebInspector.InspectElementModeController.prototype = {
  50     /**
  51      * @override
  52      * @param {!WebInspector.Target} target
  53      */
  54     targetAdded: function(target)
  55     {
  56         // When DevTools are opening in the inspect element mode, the first target comes in
  57         // much later than the InspectorFrontendAPI.enterInspectElementMode event.
  58         if (!this.started())
  59             return;
  60         var domModel = WebInspector.DOMModel.fromTarget(target);
  61         domModel.setInspectMode(WebInspector.moduleSetting("showUAShadowDOM").get() ? DOMAgent.InspectMode.SearchForUAShadowDOM : DOMAgent.InspectMode.SearchForNode);
  62     },
  63
  64     /**
  65      * @override
  66      * @param {!WebInspector.Target} target
  67      */
  68     targetRemoved: function(target)
  69     {
  70     },
  71
  72     /**
  73      * @return {boolean}
  74      */
  75     started: function()
  76     {
  77         return this._toggleSearchButton.toggled();
  78     },
  79
  80     stop: function()
  81     {
  82         if (this.started())
  83             this._toggleSearch();
  84     },
  85
  86     disable: function()
  87     {
  88         this.stop();
  89         this._toggleSearchButton.setEnabled(false);
  90     },
  91
  92     enable: function()
  93     {
  94         this._toggleSearchButton.setEnabled(true);
  95     },
  96
  97     _toggleSearch: function()
  98     {
  99         if (!this._toggleSearchButton.enabled())
 100             return;
 101
 102         var shouldEnable = !this.started();
 103         this._toggleSearchButton.setToggled(shouldEnable);
 104
 105         for (var domModel of WebInspector.DOMModel.instances()) {
 106             var mode;
 107             if (!shouldEnable)
 108                 mode = DOMAgent.InspectMode.None;
 109             else if (WebInspector.moduleSetting("showUAShadowDOM").get())
 110                 mode = DOMAgent.InspectMode.SearchForUAShadowDOM;
 111             else
 112                 mode = DOMAgent.InspectMode.SearchForNode;
 113
 114             domModel.setInspectMode(mode);
 115         }
 116     },
 117
 118     _suspendStateChanged: function()
 119     {
 120         if (WebInspector.targetManager.allTargetsSuspended())
 121             this._toggleSearchButton.setToggled(false);
 122     }
 123 }
 124
 125 /**
 126  * @constructor
 127  * @implements {WebInspector.ActionDelegate}
 128  */
 129 WebInspector.InspectElementModeController.ToggleSearchActionDelegate = function()
 130 {
 131 }
 132
 133 WebInspector.InspectElementModeController.ToggleSearchActionDelegate.prototype = {
 134     /**
 135      * @override
 136      * @param {!WebInspector.Context} context
 137      * @param {string} actionId
 138      */
 139     handleAction: function(context, actionId)
 140     {
 141         if (!WebInspector.inspectElementModeController)
 142             return;
 143         WebInspector.inspectElementModeController._toggleSearch();
 144     }
 145 }
 146
 147 /**
 148  * @constructor
 149  * @implements {WebInspector.ToolbarItem.Provider}
 150  */
 151 WebInspector.InspectElementModeController.ToggleButtonProvider = function()
 152 {
 153 }
 154
 155 WebInspector.InspectElementModeController.ToggleButtonProvider.prototype = {
 156     /**
 157      * @override
 158      * @return {?WebInspector.ToolbarItem}
 159      */
 160     item: function()
 161     {
 162         if (!WebInspector.inspectElementModeController)
 163             return null;
 164
 165         return WebInspector.inspectElementModeController._toggleSearchButton;
 166     }
 167 }
 168
 169 /** @type {?WebInspector.InspectElementModeController} */
 170 WebInspector.inspectElementModeController = null;