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

Issues Search
    My Issues | Starred     Open | Closed | All

Unified Diff: third_party/WebKit/Source/devtools/front_end/sources/WatchExpressionsSidebarPane.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/sources/UISourceCodeFrame.js ('k') | third_party/WebKit/Source/devtools/front_end/sources/WorkspaceMappingTip.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/sources/WatchExpressionsSidebarPane.js
diff --git a/third_party/WebKit/Source/devtools/front_end/sources/WatchExpressionsSidebarPane.js b/third_party/WebKit/Source/devtools/front_end/sources/WatchExpressionsSidebarPane.js
index 2901f04e1ab88510d2deace66d370b38c4a264a9..0f7cb56c5111f3288c3b58f57daf4813a7de3955 100644
--- a/third_party/WebKit/Source/devtools/front_end/sources/WatchExpressionsSidebarPane.js
+++ b/third_party/WebKit/Source/devtools/front_end/sources/WatchExpressionsSidebarPane.js
@@ -27,437 +27,409 @@
* (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
- * @extends {WebInspector.ThrottledWidget}
* @implements {WebInspector.ActionDelegate}
* @implements {WebInspector.ToolbarItem.ItemsProvider}
* @implements {WebInspector.ContextMenu.Provider}
+ * @unrestricted
*/
-WebInspector.WatchExpressionsSidebarPane = function()
-{
- WebInspector.ThrottledWidget.call(this);
- this.registerRequiredCSS("components/objectValue.css");
+WebInspector.WatchExpressionsSidebarPane = class extends WebInspector.ThrottledWidget {
+ constructor() {
+ super();
+ this.registerRequiredCSS('components/objectValue.css');
/** @type {!Array.<!WebInspector.WatchExpression>} */
this._watchExpressions = [];
- this._watchExpressionsSetting = WebInspector.settings.createLocalSetting("watchExpressions", []);
+ this._watchExpressionsSetting = WebInspector.settings.createLocalSetting('watchExpressions', []);
- this._addButton = new WebInspector.ToolbarButton(WebInspector.UIString("Add expression"), "add-toolbar-item");
- this._addButton.addEventListener("click", this._addButtonClicked.bind(this));
- this._refreshButton = new WebInspector.ToolbarButton(WebInspector.UIString("Refresh"), "refresh-toolbar-item");
- this._refreshButton.addEventListener("click", this._refreshButtonClicked.bind(this));
+ this._addButton = new WebInspector.ToolbarButton(WebInspector.UIString('Add expression'), 'add-toolbar-item');
+ this._addButton.addEventListener('click', this._addButtonClicked.bind(this));
+ this._refreshButton = new WebInspector.ToolbarButton(WebInspector.UIString('Refresh'), 'refresh-toolbar-item');
+ this._refreshButton.addEventListener('click', this._refreshButtonClicked.bind(this));
- this._bodyElement = this.element.createChild("div", "vbox watch-expressions");
- this._bodyElement.addEventListener("contextmenu", this._contextMenu.bind(this), false);
+ this._bodyElement = this.element.createChild('div', 'vbox watch-expressions');
+ this._bodyElement.addEventListener('contextmenu', this._contextMenu.bind(this), false);
this._expandController = new WebInspector.ObjectPropertiesSectionExpandController();
WebInspector.context.addFlavorChangeListener(WebInspector.ExecutionContext, this.update, this);
WebInspector.context.addFlavorChangeListener(WebInspector.DebuggerModel.CallFrame, this.update, this);
this._linkifier = new WebInspector.Linkifier();
this.update();
-};
-
-WebInspector.WatchExpressionsSidebarPane.prototype = {
- /**
- * @override
- * @return {!Array<!WebInspector.ToolbarItem>}
- */
- toolbarItems: function()
- {
- return [this._addButton, this._refreshButton];
- },
-
- /**
- * @return {boolean}
- */
- hasExpressions: function()
- {
- return !!this._watchExpressionsSetting.get().length;
- },
-
- _saveExpressions: function()
- {
- var toSave = [];
- for (var i = 0; i < this._watchExpressions.length; i++)
- if (this._watchExpressions[i].expression())
- toSave.push(this._watchExpressions[i].expression());
-
- this._watchExpressionsSetting.set(toSave);
- },
-
- /**
- * @param {!WebInspector.Event=} event
- */
- _addButtonClicked: function(event)
- {
- if (event)
- event.consume(true);
- WebInspector.viewManager.showView("sources.watch");
- this._createWatchExpression(null).startEditing();
- },
-
- /**
- * @param {!WebInspector.Event} event
- */
- _refreshButtonClicked: function(event)
- {
- event.consume();
- this.update();
- },
-
- /**
- * @override
- * @return {!Promise.<?>}
- */
- doUpdate: function()
- {
- this._linkifier.reset();
- this._bodyElement.removeChildren();
- this._watchExpressions = [];
- this._emptyElement = this._bodyElement.createChild("div", "gray-info-message");
- this._emptyElement.textContent = WebInspector.UIString("No Watch Expressions");
- var watchExpressionStrings = this._watchExpressionsSetting.get();
- for (var i = 0; i < watchExpressionStrings.length; ++i) {
- var expression = watchExpressionStrings[i];
- if (!expression)
- continue;
-
- this._createWatchExpression(expression);
- }
- return Promise.resolve();
- },
-
- /**
- * @param {?string} expression
- * @return {!WebInspector.WatchExpression}
- */
- _createWatchExpression: function(expression)
- {
- this._emptyElement.classList.add("hidden");
- var watchExpression = new WebInspector.WatchExpression(expression, this._expandController, this._linkifier);
- watchExpression.addEventListener(WebInspector.WatchExpression.Events.ExpressionUpdated, this._watchExpressionUpdated.bind(this));
- this._bodyElement.appendChild(watchExpression.element());
- this._watchExpressions.push(watchExpression);
- return watchExpression;
- },
-
- /**
- * @param {!WebInspector.Event} event
- */
- _watchExpressionUpdated: function(event)
- {
- var watchExpression = /** @type {!WebInspector.WatchExpression} */ (event.target);
- if (!watchExpression.expression()) {
- this._watchExpressions.remove(watchExpression);
- this._bodyElement.removeChild(watchExpression.element());
- this._emptyElement.classList.toggle("hidden", !!this._watchExpressions.length);
- }
-
- this._saveExpressions();
- },
-
- /**
- * @param {!Event} event
- */
- _contextMenu: function(event)
- {
- var contextMenu = new WebInspector.ContextMenu(event);
- this._populateContextMenu(contextMenu, event);
- contextMenu.show();
- },
-
- /**
- * @param {!WebInspector.ContextMenu} contextMenu
- * @param {!Event} event
- */
- _populateContextMenu: function(contextMenu, event)
- {
- var isEditing = false;
- for (var watchExpression of this._watchExpressions)
- isEditing |= watchExpression.isEditing();
-
- if (!isEditing)
- contextMenu.appendItem(WebInspector.UIString.capitalize("Add ^watch ^expression"), this._addButtonClicked.bind(this));
-
- if (this._watchExpressions.length > 1)
- contextMenu.appendItem(WebInspector.UIString.capitalize("Delete ^all ^watch ^expressions"), this._deleteAllButtonClicked.bind(this));
-
- var target = event.deepElementFromPoint();
- if (!target)
- return;
- for (var watchExpression of this._watchExpressions)
- if (watchExpression.element().isSelfOrAncestor(target))
- watchExpression._populateContextMenu(contextMenu, event);
- },
-
- _deleteAllButtonClicked: function()
- {
- this._watchExpressions = [];
- this._saveExpressions();
- this.update();
- },
-
- /**
- * @override
- * @param {!WebInspector.Context} context
- * @param {string} actionId
- * @return {boolean}
- */
- handleAction: function(context, actionId)
- {
- var frame = WebInspector.context.flavor(WebInspector.UISourceCodeFrame);
- if (!frame)
- return false;
- var text = frame.textEditor.text(frame.textEditor.selection());
- WebInspector.viewManager.showView("sources.watch");
- this.doUpdate();
- this._createWatchExpression(text);
- this._saveExpressions();
- return true;
- },
-
- /**
- * @override
- * @param {!Event} event
- * @param {!WebInspector.ContextMenu} contextMenu
- * @param {!Object} target
- */
- appendApplicableItems: function(event, contextMenu, target)
- {
- contextMenu.appendAction("sources.add-to-watch");
- },
-
- __proto__: WebInspector.ThrottledWidget.prototype
+ }
+
+ /**
+ * @override
+ * @return {!Array<!WebInspector.ToolbarItem>}
+ */
+ toolbarItems() {
+ return [this._addButton, this._refreshButton];
+ }
+
+ /**
+ * @return {boolean}
+ */
+ hasExpressions() {
+ return !!this._watchExpressionsSetting.get().length;
+ }
+
+ _saveExpressions() {
+ var toSave = [];
+ for (var i = 0; i < this._watchExpressions.length; i++)
+ if (this._watchExpressions[i].expression())
+ toSave.push(this._watchExpressions[i].expression());
+
+ this._watchExpressionsSetting.set(toSave);
+ }
+
+ /**
+ * @param {!WebInspector.Event=} event
+ */
+ _addButtonClicked(event) {
+ if (event)
+ event.consume(true);
+ WebInspector.viewManager.showView('sources.watch');
+ this._createWatchExpression(null).startEditing();
+ }
+
+ /**
+ * @param {!WebInspector.Event} event
+ */
+ _refreshButtonClicked(event) {
+ event.consume();
+ this.update();
+ }
+
+ /**
+ * @override
+ * @return {!Promise.<?>}
+ */
+ doUpdate() {
+ this._linkifier.reset();
+ this._bodyElement.removeChildren();
+ this._watchExpressions = [];
+ this._emptyElement = this._bodyElement.createChild('div', 'gray-info-message');
+ this._emptyElement.textContent = WebInspector.UIString('No Watch Expressions');
+ var watchExpressionStrings = this._watchExpressionsSetting.get();
+ for (var i = 0; i < watchExpressionStrings.length; ++i) {
+ var expression = watchExpressionStrings[i];
+ if (!expression)
+ continue;
+
+ this._createWatchExpression(expression);
+ }
+ return Promise.resolve();
+ }
+
+ /**
+ * @param {?string} expression
+ * @return {!WebInspector.WatchExpression}
+ */
+ _createWatchExpression(expression) {
+ this._emptyElement.classList.add('hidden');
+ var watchExpression = new WebInspector.WatchExpression(expression, this._expandController, this._linkifier);
+ watchExpression.addEventListener(
+ WebInspector.WatchExpression.Events.ExpressionUpdated, this._watchExpressionUpdated.bind(this));
+ this._bodyElement.appendChild(watchExpression.element());
+ this._watchExpressions.push(watchExpression);
+ return watchExpression;
+ }
+
+ /**
+ * @param {!WebInspector.Event} event
+ */
+ _watchExpressionUpdated(event) {
+ var watchExpression = /** @type {!WebInspector.WatchExpression} */ (event.target);
+ if (!watchExpression.expression()) {
+ this._watchExpressions.remove(watchExpression);
+ this._bodyElement.removeChild(watchExpression.element());
+ this._emptyElement.classList.toggle('hidden', !!this._watchExpressions.length);
+ }
+
+ this._saveExpressions();
+ }
+
+ /**
+ * @param {!Event} event
+ */
+ _contextMenu(event) {
+ var contextMenu = new WebInspector.ContextMenu(event);
+ this._populateContextMenu(contextMenu, event);
+ contextMenu.show();
+ }
+
+ /**
+ * @param {!WebInspector.ContextMenu} contextMenu
+ * @param {!Event} event
+ */
+ _populateContextMenu(contextMenu, event) {
+ var isEditing = false;
+ for (var watchExpression of this._watchExpressions)
+ isEditing |= watchExpression.isEditing();
+
+ if (!isEditing)
+ contextMenu.appendItem(
+ WebInspector.UIString.capitalize('Add ^watch ^expression'), this._addButtonClicked.bind(this));
+
+ if (this._watchExpressions.length > 1)
+ contextMenu.appendItem(
+ WebInspector.UIString.capitalize('Delete ^all ^watch ^expressions'), this._deleteAllButtonClicked.bind(this));
+
+ var target = event.deepElementFromPoint();
+ if (!target)
+ return;
+ for (var watchExpression of this._watchExpressions)
+ if (watchExpression.element().isSelfOrAncestor(target))
+ watchExpression._populateContextMenu(contextMenu, event);
+ }
+
+ _deleteAllButtonClicked() {
+ this._watchExpressions = [];
+ this._saveExpressions();
+ this.update();
+ }
+
+ /**
+ * @override
+ * @param {!WebInspector.Context} context
+ * @param {string} actionId
+ * @return {boolean}
+ */
+ handleAction(context, actionId) {
+ var frame = WebInspector.context.flavor(WebInspector.UISourceCodeFrame);
+ if (!frame)
+ return false;
+ var text = frame.textEditor.text(frame.textEditor.selection());
+ WebInspector.viewManager.showView('sources.watch');
+ this.doUpdate();
+ this._createWatchExpression(text);
+ this._saveExpressions();
+ return true;
+ }
+
+ /**
+ * @override
+ * @param {!Event} event
+ * @param {!WebInspector.ContextMenu} contextMenu
+ * @param {!Object} target
+ */
+ appendApplicableItems(event, contextMenu, target) {
+ contextMenu.appendAction('sources.add-to-watch');
+ }
};
/**
- * @constructor
- * @extends {WebInspector.Object}
- * @param {?string} expression
- * @param {!WebInspector.ObjectPropertiesSectionExpandController} expandController
- * @param {!WebInspector.Linkifier} linkifier
+ * @unrestricted
*/
-WebInspector.WatchExpression = function(expression, expandController, linkifier)
-{
+WebInspector.WatchExpression = class extends WebInspector.Object {
+ /**
+ * @param {?string} expression
+ * @param {!WebInspector.ObjectPropertiesSectionExpandController} expandController
+ * @param {!WebInspector.Linkifier} linkifier
+ */
+ constructor(expression, expandController, linkifier) {
+ super();
this._expression = expression;
this._expandController = expandController;
- this._element = createElementWithClass("div", "watch-expression monospace");
+ this._element = createElementWithClass('div', 'watch-expression monospace');
this._editing = false;
this._linkifier = linkifier;
this._createWatchExpression(null);
this.update();
-};
+ }
+
+ /**
+ * @return {!Element}
+ */
+ element() {
+ return this._element;
+ }
+
+ /**
+ * @return {?string}
+ */
+ expression() {
+ return this._expression;
+ }
+
+ update() {
+ var currentExecutionContext = WebInspector.context.flavor(WebInspector.ExecutionContext);
+ if (currentExecutionContext && this._expression)
+ currentExecutionContext.evaluate(
+ this._expression, WebInspector.WatchExpression._watchObjectGroupId, false, true, false, false, false,
+ this._createWatchExpression.bind(this));
+ }
+
+ startEditing() {
+ this._editing = true;
+ this._element.removeChild(this._objectPresentationElement);
+ var newDiv = this._element.createChild('div');
+ newDiv.textContent = this._nameElement.textContent;
+ this._textPrompt = new WebInspector.ObjectPropertyPrompt();
+ this._textPrompt.renderAsBlock();
+ var proxyElement = this._textPrompt.attachAndStartEditing(newDiv, this._finishEditing.bind(this));
+ proxyElement.classList.add('watch-expression-text-prompt-proxy');
+ proxyElement.addEventListener('keydown', this._promptKeyDown.bind(this), false);
+ this._element.getComponentSelection().setBaseAndExtent(newDiv, 0, newDiv, 1);
+ }
+
+ /**
+ * @return {boolean}
+ */
+ isEditing() {
+ return !!this._editing;
+ }
+
+ /**
+ * @param {!Event} event
+ * @param {boolean=} canceled
+ */
+ _finishEditing(event, canceled) {
+ if (event)
+ event.consume(true);
-WebInspector.WatchExpression._watchObjectGroupId = "watch-group";
-
-/** @enum {symbol} */
-WebInspector.WatchExpression.Events = {
- ExpressionUpdated: Symbol("ExpressionUpdated")
-};
-
-WebInspector.WatchExpression.prototype = {
-
- /**
- * @return {!Element}
- */
- element: function()
- {
- return this._element;
- },
-
- /**
- * @return {?string}
- */
- expression: function()
- {
- return this._expression;
- },
-
- update: function()
- {
- var currentExecutionContext = WebInspector.context.flavor(WebInspector.ExecutionContext);
- if (currentExecutionContext && this._expression)
- currentExecutionContext.evaluate(this._expression, WebInspector.WatchExpression._watchObjectGroupId, false, true, false, false, false, this._createWatchExpression.bind(this));
- },
-
- startEditing: function()
- {
- this._editing = true;
- this._element.removeChild(this._objectPresentationElement);
- var newDiv = this._element.createChild("div");
- newDiv.textContent = this._nameElement.textContent;
- this._textPrompt = new WebInspector.ObjectPropertyPrompt();
- this._textPrompt.renderAsBlock();
- var proxyElement = this._textPrompt.attachAndStartEditing(newDiv, this._finishEditing.bind(this));
- proxyElement.classList.add("watch-expression-text-prompt-proxy");
- proxyElement.addEventListener("keydown", this._promptKeyDown.bind(this), false);
- this._element.getComponentSelection().setBaseAndExtent(newDiv, 0, newDiv, 1);
- },
-
- /**
- * @return {boolean}
- */
- isEditing: function()
- {
- return !!this._editing;
- },
-
- /**
- * @param {!Event} event
- * @param {boolean=} canceled
- */
- _finishEditing: function(event, canceled)
- {
- if (event)
- event.consume(true);
-
- this._editing = false;
- this._textPrompt.detach();
- var newExpression = canceled ? this._expression : this._textPrompt.text();
- delete this._textPrompt;
- this._element.removeChildren();
- this._element.appendChild(this._objectPresentationElement);
- this._updateExpression(newExpression);
- },
-
- /**
- * @param {!Event} event
- */
- _dblClickOnWatchExpression: function(event)
- {
- event.consume();
- if (!this.isEditing())
- this.startEditing();
- },
-
- /**
- * @param {?string} newExpression
- */
- _updateExpression: function(newExpression)
- {
- if (this._expression)
- this._expandController.stopWatchSectionsWithId(this._expression);
- this._expression = newExpression;
- this.update();
- this.dispatchEventToListeners(WebInspector.WatchExpression.Events.ExpressionUpdated);
- },
-
- /**
- * @param {!Event} event
- */
- _deleteWatchExpression: function(event)
- {
- event.consume(true);
- this._updateExpression(null);
- },
-
- /**
- * @param {?WebInspector.RemoteObject} result
- * @param {!RuntimeAgent.ExceptionDetails=} exceptionDetails
- */
- _createWatchExpression: function(result, exceptionDetails)
- {
- this._result = result;
-
- var headerElement = createElementWithClass("div", "watch-expression-header");
- var deleteButton = headerElement.createChild("button", "watch-expression-delete-button");
- deleteButton.title = WebInspector.UIString("Delete watch expression");
- deleteButton.addEventListener("click", this._deleteWatchExpression.bind(this), false);
-
- var titleElement = headerElement.createChild("div", "watch-expression-title");
- this._nameElement = WebInspector.ObjectPropertiesSection.createNameElement(this._expression);
- if (!!exceptionDetails || !result) {
- this._valueElement = createElementWithClass("span", "watch-expression-error value");
- titleElement.classList.add("dimmed");
- this._valueElement.textContent = WebInspector.UIString("<not available>");
- } else {
- this._valueElement = WebInspector.ObjectPropertiesSection.createValueElementWithCustomSupport(result, !!exceptionDetails, titleElement, this._linkifier);
- }
- var separatorElement = createElementWithClass("span", "watch-expressions-separator");
- separatorElement.textContent = ": ";
- titleElement.appendChildren(this._nameElement, separatorElement, this._valueElement);
-
- this._element.removeChildren();
- this._objectPropertiesSection = null;
- if (!exceptionDetails && result && result.hasChildren && !result.customPreview()) {
- headerElement.classList.add("watch-expression-object-header");
- this._objectPropertiesSection = new WebInspector.ObjectPropertiesSection(result, headerElement, this._linkifier);
- this._objectPresentationElement = this._objectPropertiesSection.element;
- this._expandController.watchSection(/** @type {string} */ (this._expression), this._objectPropertiesSection);
- var objectTreeElement = this._objectPropertiesSection.objectTreeElement();
- objectTreeElement.toggleOnClick = false;
- objectTreeElement.listItemElement.addEventListener("click", this._onSectionClick.bind(this), false);
- objectTreeElement.listItemElement.addEventListener("dblclick", this._dblClickOnWatchExpression.bind(this));
- } else {
- this._objectPresentationElement = headerElement;
- this._objectPresentationElement.addEventListener("dblclick", this._dblClickOnWatchExpression.bind(this));
- }
-
- this._element.appendChild(this._objectPresentationElement);
- },
-
- /**
- * @param {!Event} event
- */
- _onSectionClick: function(event)
- {
- event.consume(true);
- if (event.detail === 1) {
- this._preventClickTimeout = setTimeout(handleClick.bind(this), 333);
- } else {
- clearTimeout(this._preventClickTimeout);
- delete this._preventClickTimeout;
- }
-
- /**
- * @this {WebInspector.WatchExpression}
- */
- function handleClick()
- {
- if (!this._objectPropertiesSection)
- return;
-
- var objectTreeElement = this._objectPropertiesSection.objectTreeElement();
- if (objectTreeElement.expanded)
- objectTreeElement.collapse();
- else
- objectTreeElement.expand();
- }
- },
-
- /**
- * @param {!Event} event
- */
- _promptKeyDown: function(event)
- {
- if (isEnterKey(event) || isEscKey(event))
- this._finishEditing(event, isEscKey(event));
- },
+ this._editing = false;
+ this._textPrompt.detach();
+ var newExpression = canceled ? this._expression : this._textPrompt.text();
+ delete this._textPrompt;
+ this._element.removeChildren();
+ this._element.appendChild(this._objectPresentationElement);
+ this._updateExpression(newExpression);
+ }
+
+ /**
+ * @param {!Event} event
+ */
+ _dblClickOnWatchExpression(event) {
+ event.consume();
+ if (!this.isEditing())
+ this.startEditing();
+ }
+
+ /**
+ * @param {?string} newExpression
+ */
+ _updateExpression(newExpression) {
+ if (this._expression)
+ this._expandController.stopWatchSectionsWithId(this._expression);
+ this._expression = newExpression;
+ this.update();
+ this.dispatchEventToListeners(WebInspector.WatchExpression.Events.ExpressionUpdated);
+ }
+
+ /**
+ * @param {!Event} event
+ */
+ _deleteWatchExpression(event) {
+ event.consume(true);
+ this._updateExpression(null);
+ }
+
+ /**
+ * @param {?WebInspector.RemoteObject} result
+ * @param {!RuntimeAgent.ExceptionDetails=} exceptionDetails
+ */
+ _createWatchExpression(result, exceptionDetails) {
+ this._result = result;
+
+ var headerElement = createElementWithClass('div', 'watch-expression-header');
+ var deleteButton = headerElement.createChild('button', 'watch-expression-delete-button');
+ deleteButton.title = WebInspector.UIString('Delete watch expression');
+ deleteButton.addEventListener('click', this._deleteWatchExpression.bind(this), false);
+
+ var titleElement = headerElement.createChild('div', 'watch-expression-title');
+ this._nameElement = WebInspector.ObjectPropertiesSection.createNameElement(this._expression);
+ if (!!exceptionDetails || !result) {
+ this._valueElement = createElementWithClass('span', 'watch-expression-error value');
+ titleElement.classList.add('dimmed');
+ this._valueElement.textContent = WebInspector.UIString('<not available>');
+ } else {
+ this._valueElement = WebInspector.ObjectPropertiesSection.createValueElementWithCustomSupport(
+ result, !!exceptionDetails, titleElement, this._linkifier);
+ }
+ var separatorElement = createElementWithClass('span', 'watch-expressions-separator');
+ separatorElement.textContent = ': ';
+ titleElement.appendChildren(this._nameElement, separatorElement, this._valueElement);
+
+ this._element.removeChildren();
+ this._objectPropertiesSection = null;
+ if (!exceptionDetails && result && result.hasChildren && !result.customPreview()) {
+ headerElement.classList.add('watch-expression-object-header');
+ this._objectPropertiesSection = new WebInspector.ObjectPropertiesSection(result, headerElement, this._linkifier);
+ this._objectPresentationElement = this._objectPropertiesSection.element;
+ this._expandController.watchSection(/** @type {string} */ (this._expression), this._objectPropertiesSection);
+ var objectTreeElement = this._objectPropertiesSection.objectTreeElement();
+ objectTreeElement.toggleOnClick = false;
+ objectTreeElement.listItemElement.addEventListener('click', this._onSectionClick.bind(this), false);
+ objectTreeElement.listItemElement.addEventListener('dblclick', this._dblClickOnWatchExpression.bind(this));
+ } else {
+ this._objectPresentationElement = headerElement;
+ this._objectPresentationElement.addEventListener('dblclick', this._dblClickOnWatchExpression.bind(this));
+ }
+
+ this._element.appendChild(this._objectPresentationElement);
+ }
+
+ /**
+ * @param {!Event} event
+ */
+ _onSectionClick(event) {
+ event.consume(true);
+ if (event.detail === 1) {
+ this._preventClickTimeout = setTimeout(handleClick.bind(this), 333);
+ } else {
+ clearTimeout(this._preventClickTimeout);
+ delete this._preventClickTimeout;
+ }
/**
- * @param {!WebInspector.ContextMenu} contextMenu
- * @param {!Event} event
+ * @this {WebInspector.WatchExpression}
*/
- _populateContextMenu: function(contextMenu, event)
- {
- if (!this.isEditing())
- contextMenu.appendItem(WebInspector.UIString.capitalize("Delete ^watch ^expression"), this._updateExpression.bind(this, null));
-
- if (!this.isEditing() && this._result && (this._result.type === "number" || this._result.type === "string"))
- contextMenu.appendItem(WebInspector.UIString.capitalize("Copy ^value"), this._copyValueButtonClicked.bind(this));
-
- var target = event.deepElementFromPoint();
- if (target && this._valueElement.isSelfOrAncestor(target))
- contextMenu.appendApplicableItems(this._result);
- },
+ function handleClick() {
+ if (!this._objectPropertiesSection)
+ return;
+
+ var objectTreeElement = this._objectPropertiesSection.objectTreeElement();
+ if (objectTreeElement.expanded)
+ objectTreeElement.collapse();
+ else
+ objectTreeElement.expand();
+ }
+ }
+
+ /**
+ * @param {!Event} event
+ */
+ _promptKeyDown(event) {
+ if (isEnterKey(event) || isEscKey(event))
+ this._finishEditing(event, isEscKey(event));
+ }
+
+ /**
+ * @param {!WebInspector.ContextMenu} contextMenu
+ * @param {!Event} event
+ */
+ _populateContextMenu(contextMenu, event) {
+ if (!this.isEditing())
+ contextMenu.appendItem(
+ WebInspector.UIString.capitalize('Delete ^watch ^expression'), this._updateExpression.bind(this, null));
+
+ if (!this.isEditing() && this._result && (this._result.type === 'number' || this._result.type === 'string'))
+ contextMenu.appendItem(WebInspector.UIString.capitalize('Copy ^value'), this._copyValueButtonClicked.bind(this));
+
+ var target = event.deepElementFromPoint();
+ if (target && this._valueElement.isSelfOrAncestor(target))
+ contextMenu.appendApplicableItems(this._result);
+ }
+
+ _copyValueButtonClicked() {
+ InspectorFrontendHost.copyText(this._valueElement.textContent);
+ }
+};
- _copyValueButtonClicked: function()
- {
- InspectorFrontendHost.copyText(this._valueElement.textContent);
- },
+WebInspector.WatchExpression._watchObjectGroupId = 'watch-group';
- __proto__: WebInspector.Object.prototype
+/** @enum {symbol} */
+WebInspector.WatchExpression.Events = {
+ ExpressionUpdated: Symbol('ExpressionUpdated')
};
« no previous file with comments | « third_party/WebKit/Source/devtools/front_end/sources/UISourceCodeFrame.js ('k') | third_party/WebKit/Source/devtools/front_end/sources/WorkspaceMappingTip.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698