| Index: resources/inspector/WatchExpressionsSidebarPane.js
|
| ===================================================================
|
| --- resources/inspector/WatchExpressionsSidebarPane.js (revision 33840)
|
| +++ resources/inspector/WatchExpressionsSidebarPane.js (working copy)
|
| @@ -1,285 +0,0 @@
|
| -/*
|
| - * Copyright (C) IBM Corp. 2009 All rights reserved.
|
| - *
|
| - * Redistribution and use in source and binary forms, with or without
|
| - * modification, are permitted provided that the following conditions are
|
| - * met:
|
| - *
|
| - * * Redistributions of source code must retain the above copyright
|
| - * notice, this list of conditions and the following disclaimer.
|
| - * * Redistributions in binary form must reproduce the above
|
| - * copyright notice, this list of conditions and the following disclaimer
|
| - * in the documentation and/or other materials provided with the
|
| - * distribution.
|
| - * * Neither the name of IBM Corp. nor the names of its
|
| - * contributors may be used to endorse or promote products derived from
|
| - * this software without specific prior written permission.
|
| - *
|
| - * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
| - * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
|
| - * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
|
| - * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
|
| - * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
| - * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
|
| - * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
|
| - * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
|
| - * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
| - * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
| - * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
|
| - */
|
| -
|
| -WebInspector.WatchExpressionsSidebarPane = function()
|
| -{
|
| - WebInspector.SidebarPane.call(this, WebInspector.UIString("Watch Expressions"));
|
| -
|
| - this.section = new WebInspector.WatchExpressionsSection();
|
| -
|
| - this.bodyElement.appendChild(this.section.element);
|
| -
|
| - var addElement = document.createElement("button");
|
| - addElement.setAttribute("type", "button");
|
| - addElement.textContent = WebInspector.UIString("Add");
|
| - addElement.addEventListener("click", this.section.addExpression.bind(this.section), false);
|
| -
|
| - var refreshElement = document.createElement("button");
|
| - refreshElement.setAttribute("type", "button");
|
| - refreshElement.textContent = WebInspector.UIString("Refresh");
|
| - refreshElement.addEventListener("click", this.section.update.bind(this.section), false);
|
| -
|
| - var centerElement = document.createElement("div");
|
| - centerElement.addStyleClass("watch-expressions-buttons-container");
|
| - centerElement.appendChild(addElement);
|
| - centerElement.appendChild(refreshElement);
|
| - this.bodyElement.appendChild(centerElement);
|
| -
|
| - this.expanded = this.section.loadSavedExpressions().length > 0;
|
| - this.onexpand = this.refreshExpressions.bind(this);
|
| -}
|
| -
|
| -WebInspector.WatchExpressionsSidebarPane.prototype = {
|
| - refreshExpressions: function()
|
| - {
|
| - this.section.update();
|
| - }
|
| -}
|
| -
|
| -WebInspector.WatchExpressionsSidebarPane.prototype.__proto__ = WebInspector.SidebarPane.prototype;
|
| -
|
| -WebInspector.WatchExpressionsSection = function()
|
| -{
|
| - WebInspector.ObjectPropertiesSection.call(this);
|
| -
|
| - this.watchExpressions = this.loadSavedExpressions();
|
| -
|
| - this.headerElement.className = "hidden";
|
| - this.editable = true;
|
| - this.expanded = true;
|
| - this.propertiesElement.addStyleClass("watch-expressions");
|
| -
|
| - this._watchObjectGroupId = "watch-group";
|
| -}
|
| -
|
| -WebInspector.WatchExpressionsSection.NewWatchExpression = "\xA0";
|
| -
|
| -WebInspector.WatchExpressionsSection.prototype = {
|
| - update: function()
|
| - {
|
| - function appendResult(expression, watchIndex, result, exception)
|
| - {
|
| - if (exception) {
|
| - // Exception results are not wrappers, but text messages.
|
| - result = WebInspector.ObjectProxy.wrapPrimitiveValue(result);
|
| - } else if (result.type === "string") {
|
| - // Evaluation result is intentionally not abbreviated. However, we'd like to distinguish between null and "null"
|
| - result.description = "\"" + result.description + "\"";
|
| - }
|
| -
|
| - var property = new WebInspector.ObjectPropertyProxy(expression, result);
|
| - property.watchIndex = watchIndex;
|
| - property.isException = exception;
|
| -
|
| - // For newly added, empty expressions, set description to "",
|
| - // since otherwise you get DOMWindow
|
| - if (property.name === WebInspector.WatchExpressionsSection.NewWatchExpression)
|
| - property.value.description = "";
|
| -
|
| - // To clarify what's going on here:
|
| - // In the outer function, we calculate the number of properties
|
| - // that we're going to be updating, and set that in the
|
| - // propertyCount variable.
|
| - // In this function, we test to see when we are processing the
|
| - // last property, and then call the superclass's updateProperties()
|
| - // method to get all the properties refreshed at once.
|
| - properties.push(property);
|
| -
|
| - if (properties.length == propertyCount)
|
| - this.updateProperties(properties, WebInspector.WatchExpressionTreeElement, WebInspector.WatchExpressionsSection.CompareProperties);
|
| - }
|
| -
|
| - InspectorController.releaseWrapperObjectGroup(this._watchObjectGroupId)
|
| - var properties = [];
|
| -
|
| - // Count the properties, so we known when to call this.updateProperties()
|
| - // in appendResult()
|
| - var propertyCount = 0;
|
| - for (var i = 0; i < this.watchExpressions.length; ++i) {
|
| - if (!this.watchExpressions[i])
|
| - continue;
|
| - ++propertyCount;
|
| - }
|
| -
|
| - // Now process all the expressions, since we have the actual count,
|
| - // which is checked in the appendResult inner function.
|
| - for (var i = 0; i < this.watchExpressions.length; ++i) {
|
| - var expression = this.watchExpressions[i];
|
| - if (!expression)
|
| - continue;
|
| -
|
| - WebInspector.console.evalInInspectedWindow("(" + expression + ")", this._watchObjectGroupId, appendResult.bind(this, expression, i));
|
| - }
|
| -
|
| - // note this is setting the expansion of the tree, not the section;
|
| - // with no expressions, and expanded tree, we get some extra vertical
|
| - // white space
|
| - // FIXME: should change to use header buttons instead of the buttons
|
| - // at the bottom of the section, then we can add a "No Watch Expressions
|
| - // element when there are no watch expressions, and this issue should
|
| - // go away.
|
| - this.expanded = (propertyCount != 0);
|
| - },
|
| -
|
| - addExpression: function()
|
| - {
|
| - this.watchExpressions.push(WebInspector.WatchExpressionsSection.NewWatchExpression);
|
| - this.update();
|
| -
|
| - // After update(), the new empty expression to be edited
|
| - // will be in the tree, but we have to find it.
|
| - treeElement = this.findAddedTreeElement();
|
| - if (treeElement)
|
| - treeElement.startEditing();
|
| - },
|
| -
|
| - updateExpression: function(element, value)
|
| - {
|
| - this.watchExpressions[element.property.watchIndex] = value;
|
| - this.saveExpressions();
|
| - this.update();
|
| - },
|
| -
|
| - findAddedTreeElement: function()
|
| - {
|
| - var children = this.propertiesTreeOutline.children;
|
| - for (var i = 0; i < children.length; ++i)
|
| - if (children[i].property.name === WebInspector.WatchExpressionsSection.NewWatchExpression)
|
| - return children[i];
|
| - },
|
| -
|
| - loadSavedExpressions: function()
|
| - {
|
| - var json = InspectorController.setting("watchExpressions");
|
| - if (!json)
|
| - return [];
|
| -
|
| - try {
|
| - json = JSON.parse(json);
|
| - } catch(e) {
|
| - return [];
|
| - }
|
| -
|
| - return json.expressions || [];
|
| - },
|
| -
|
| - saveExpressions: function()
|
| - {
|
| - var toSave = [];
|
| - for (var i = 0; i < this.watchExpressions.length; i++)
|
| - if (this.watchExpressions[i])
|
| - toSave.push(this.watchExpressions[i]);
|
| -
|
| - var json = JSON.stringify({expressions: toSave});
|
| - InspectorController.setSetting("watchExpressions", json);
|
| -
|
| - return toSave.length;
|
| - }
|
| -}
|
| -
|
| -WebInspector.WatchExpressionsSection.prototype.__proto__ = WebInspector.ObjectPropertiesSection.prototype;
|
| -
|
| -WebInspector.WatchExpressionsSection.CompareProperties = function(propertyA, propertyB)
|
| -{
|
| - if (propertyA.watchIndex == propertyB.watchIndex)
|
| - return 0;
|
| - else if (propertyA.watchIndex < propertyB.watchIndex)
|
| - return -1;
|
| - else
|
| - return 1;
|
| -}
|
| -
|
| -WebInspector.WatchExpressionTreeElement = function(property)
|
| -{
|
| - WebInspector.ObjectPropertyTreeElement.call(this, property);
|
| -}
|
| -
|
| -WebInspector.WatchExpressionTreeElement.prototype = {
|
| - update: function()
|
| - {
|
| - WebInspector.ObjectPropertyTreeElement.prototype.update.call(this);
|
| -
|
| - if (this.property.isException)
|
| - this.valueElement.addStyleClass("watch-expressions-error-level");
|
| -
|
| - var deleteButton = document.createElement("input");
|
| - deleteButton.type = "button";
|
| - deleteButton.title = WebInspector.UIString("Delete watch expression.");
|
| - deleteButton.addStyleClass("enabled-button");
|
| - deleteButton.addStyleClass("delete-button");
|
| - deleteButton.addEventListener("click", this._deleteButtonClicked.bind(this), false);
|
| -
|
| - this.listItemElement.insertBefore(deleteButton, this.listItemElement.firstChild);
|
| - },
|
| -
|
| - _deleteButtonClicked: function()
|
| - {
|
| - this.treeOutline.section.updateExpression(this, null);
|
| - },
|
| -
|
| - startEditing: function()
|
| - {
|
| - if (WebInspector.isBeingEdited(this.nameElement) || !this.treeOutline.section.editable)
|
| - return;
|
| -
|
| - this.nameElement.textContent = this.property.name.trimWhitespace();
|
| -
|
| - var context = { expanded: this.expanded };
|
| -
|
| - // collapse temporarily, if required
|
| - this.hasChildren = false;
|
| -
|
| - this.listItemElement.addStyleClass("editing-sub-part");
|
| -
|
| - WebInspector.startEditing(this.nameElement, this.editingCommitted.bind(this), this.editingCancelled.bind(this), context);
|
| - },
|
| -
|
| - editingCancelled: function(element, context)
|
| - {
|
| - if (!this.nameElement.textContent)
|
| - this.treeOutline.section.updateExpression(this, null);
|
| -
|
| - this.update();
|
| - this.editingEnded(context);
|
| - },
|
| -
|
| - applyExpression: function(expression, updateInterface)
|
| - {
|
| - expression = expression.trimWhitespace();
|
| -
|
| - if (!expression)
|
| - expression = null;
|
| -
|
| - this.property.name = expression;
|
| - this.treeOutline.section.updateExpression(this, expression);
|
| - }
|
| -}
|
| -
|
| -WebInspector.WatchExpressionTreeElement.prototype.__proto__ = WebInspector.ObjectPropertyTreeElement.prototype;
|
|
|