Reviewed by Adam.
[WebKit-https.git] / WebCore / page / inspector / PropertiesSidebarPane.js
1 /*
2  * Copyright (C) 2007 Apple 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
6  * are met:
7  *
8  * 1.  Redistributions of source code must retain the above copyright
9  *     notice, this list of conditions and the following disclaimer.
10  * 2.  Redistributions in binary form must reproduce the above copyright
11  *     notice, this list of conditions and the following disclaimer in the
12  *     documentation and/or other materials provided with the distribution.
13  * 3.  Neither the name of Apple Computer, Inc. ("Apple") nor the names of
14  *     its contributors may be used to endorse or promote products derived
15  *     from this software without specific prior written permission.
16  *
17  * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY
18  * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
19  * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
20  * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY
21  * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
22  * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
23  * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
24  * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
25  * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF
26  * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
27  */
28
29 WebInspector.PropertiesSidebarPane = function()
30 {
31     WebInspector.SidebarPane.call(this, "Properties");
32 }
33
34 WebInspector.PropertiesSidebarPane.prototype = {
35     update: function(object)
36     {
37         var body = this.bodyElement;
38
39         body.removeChildren();
40
41         this.sections = [];
42
43         if (!object)
44             return;
45
46         for (var prototype = object; prototype; prototype = prototype.__proto__) {
47             var section = new WebInspector.ObjectPropertiesSection(prototype);
48             this.sections.push(section);
49             body.appendChild(section.element);
50         }
51     }
52 }
53
54 WebInspector.PropertiesSidebarPane.prototype.__proto__ = WebInspector.SidebarPane.prototype;
55
56 WebInspector.ObjectPropertiesSection = function(object)
57 {
58     var title = Object.describe(object);
59     var subtitle;
60     if (title.match(/Prototype$/)) {
61         title = title.replace(/Prototype$/, "");
62         subtitle = "Prototype";
63     }
64
65     this.object = object;
66
67     WebInspector.PropertiesSection.call(this, title, subtitle);
68 }
69
70 WebInspector.ObjectPropertiesSection.prototype = {
71     onpopulate: function()
72     {
73         var properties = Object.sortedProperties(this.object);
74         for (var i = 0; i < properties.length; ++i) {
75             var propertyName = properties[i];
76             if (!this.object.hasOwnProperty(propertyName) || propertyName === "__treeElementIdentifier")
77                 continue;
78             this.propertiesTreeOutline.appendChild(new WebInspector.ObjectPropertyTreeElement(this.object, propertyName));
79         }
80     }
81 }
82
83 WebInspector.ObjectPropertiesSection.prototype.__proto__ = WebInspector.PropertiesSection.prototype;
84
85 WebInspector.ObjectPropertyTreeElement = function(object, propertyName)
86 {
87     var title = "<span class=\"name\">" + propertyName.escapeHTML() + "</span>: ";
88     title += "<span class=\"value\">" + Object.describe(object[propertyName], true).escapeHTML() + "</span>";
89
90     var hasSubProperties = false;
91     var type = typeof object[propertyName];
92     if (object[propertyName] && (type === "object" || type === "function")) {
93         for (subPropertyName in object[propertyName]) {
94             if (subPropertyName === "__treeElementIdentifier")
95                 continue;
96             hasSubProperties = true;
97             break;
98         }
99     }
100
101     this.object = object;
102     this.propertyName = propertyName;
103
104     TreeElement.call(this, title, null, hasSubProperties);
105 }
106
107 WebInspector.ObjectPropertyTreeElement.prototype = {
108     onpopulate: function()
109     {
110         if (this.children.length)
111             return;
112
113         var object = this.object[this.propertyName];
114         var properties = Object.sortedProperties(object);
115         for (var i = 0; i < properties.length; ++i) {
116             var propertyName = properties[i];
117             if (propertyName === "__treeElementIdentifier")
118                 continue;
119             this.appendChild(new WebInspector.ObjectPropertyTreeElement(object, propertyName));
120         }
121     }
122 }
123
124 WebInspector.ObjectPropertyTreeElement.prototype.__proto__ = TreeElement.prototype;