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; |