PropertiesSidebarPane.js [plain text]
WebInspector.PropertiesSidebarPane = function()
{
WebInspector.SidebarPane.call(this, WebInspector.UIString("Properties"));
}
WebInspector.PropertiesSidebarPane.prototype = {
update: function(object)
{
var body = this.bodyElement;
body.removeChildren();
this.sections = [];
if (!object)
return;
for (var prototype = object; prototype; prototype = prototype.__proto__) {
var section = new WebInspector.ObjectPropertiesSection(prototype);
this.sections.push(section);
body.appendChild(section.element);
}
}
}
WebInspector.PropertiesSidebarPane.prototype.__proto__ = WebInspector.SidebarPane.prototype;
WebInspector.ObjectPropertiesSection = function(object)
{
var title = Object.describe(object);
var subtitle;
if (title.match(/Prototype$/)) {
title = title.replace(/Prototype$/, "");
subtitle = WebInspector.UIString("Prototype");
}
this.object = object;
WebInspector.PropertiesSection.call(this, title, subtitle);
}
WebInspector.ObjectPropertiesSection.prototype = {
onpopulate: function()
{
var properties = Object.sortedProperties(this.object);
for (var i = 0; i < properties.length; ++i) {
var propertyName = properties[i];
if (!this.object.hasOwnProperty(propertyName) || propertyName === "__treeElementIdentifier")
continue;
this.propertiesTreeOutline.appendChild(new WebInspector.ObjectPropertyTreeElement(this.object, propertyName));
}
}
}
WebInspector.ObjectPropertiesSection.prototype.__proto__ = WebInspector.PropertiesSection.prototype;
WebInspector.ObjectPropertyTreeElement = function(parentObject, propertyName)
{
this.parentObject = parentObject;
this.propertyName = propertyName;
var childObject = this.safePropertyValue(parentObject, propertyName);
var isGetter = parentObject.__lookupGetter__(propertyName);
var title = "<span class=\"name\">" + propertyName.escapeHTML() + "</span>: ";
if (!isGetter)
title += "<span class=\"value\">" + Object.describe(childObject, true).escapeHTML() + "</span>";
else
title += "<span class=\"value dimmed\">—</span>";
var hasSubProperties = false;
var type = typeof childObject;
if (childObject && (type === "object" || type === "function")) {
for (subPropertyName in childObject) {
if (subPropertyName === "__treeElementIdentifier")
continue;
hasSubProperties = true;
break;
}
}
TreeElement.call(this, title, null, hasSubProperties);
}
WebInspector.ObjectPropertyTreeElement.prototype = {
safePropertyValue: function(object, propertyName)
{
var getter = object.__lookupGetter__(propertyName);
if (getter)
return;
return object[propertyName];
},
onpopulate: function()
{
if (this.children.length)
return;
var childObject = this.safePropertyValue(this.parentObject, this.propertyName);
var properties = Object.sortedProperties(childObject);
for (var i = 0; i < properties.length; ++i) {
var propertyName = properties[i];
if (propertyName === "__treeElementIdentifier")
continue;
this.appendChild(new WebInspector.ObjectPropertyTreeElement(childObject, propertyName));
}
}
}
WebInspector.ObjectPropertyTreeElement.prototype.__proto__ = TreeElement.prototype;