OLD | NEW |
| (Empty) |
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.PropertiesSection = function(title, subtitle) | |
30 { | |
31 this.element = document.createElement("div"); | |
32 this.element.className = "section"; | |
33 | |
34 this.headerElement = document.createElement("div"); | |
35 this.headerElement.className = "header"; | |
36 | |
37 this.titleElement = document.createElement("div"); | |
38 this.titleElement.className = "title"; | |
39 | |
40 this.subtitleElement = document.createElement("div"); | |
41 this.subtitleElement.className = "subtitle"; | |
42 | |
43 this.headerElement.appendChild(this.subtitleElement); | |
44 this.headerElement.appendChild(this.titleElement); | |
45 | |
46 this.headerElement.addEventListener("click", this.toggleExpanded.bind(this),
false); | |
47 | |
48 this.propertiesElement = document.createElement("ol"); | |
49 this.propertiesElement.className = "properties"; | |
50 this.propertiesTreeOutline = new TreeOutline(this.propertiesElement); | |
51 this.propertiesTreeOutline.section = this; | |
52 | |
53 this.element.appendChild(this.headerElement); | |
54 this.element.appendChild(this.propertiesElement); | |
55 | |
56 this.title = title; | |
57 this.subtitle = subtitle; | |
58 this._expanded = false; | |
59 } | |
60 | |
61 WebInspector.PropertiesSection.prototype = { | |
62 get title() | |
63 { | |
64 return this._title; | |
65 }, | |
66 | |
67 set title(x) | |
68 { | |
69 if (this._title === x) | |
70 return; | |
71 this._title = x; | |
72 | |
73 if (x instanceof Node) { | |
74 this.titleElement.removeChildren(); | |
75 this.titleElement.appendChild(x); | |
76 } else | |
77 this.titleElement.textContent = x; | |
78 }, | |
79 | |
80 get subtitle() | |
81 { | |
82 return this._subtitle; | |
83 }, | |
84 | |
85 set subtitle(x) | |
86 { | |
87 if (this._subtitle === x) | |
88 return; | |
89 this._subtitle = x; | |
90 this.subtitleElement.innerHTML = x; | |
91 }, | |
92 | |
93 get expanded() | |
94 { | |
95 return this._expanded; | |
96 }, | |
97 | |
98 set expanded(x) | |
99 { | |
100 if (x) | |
101 this.expand(); | |
102 else | |
103 this.collapse(); | |
104 }, | |
105 | |
106 get populated() | |
107 { | |
108 return this._populated; | |
109 }, | |
110 | |
111 set populated(x) | |
112 { | |
113 this._populated = x; | |
114 if (!x && this.onpopulate && this._expanded) { | |
115 this.onpopulate(this); | |
116 this._populated = true; | |
117 } | |
118 }, | |
119 | |
120 expand: function() | |
121 { | |
122 if (this._expanded) | |
123 return; | |
124 this._expanded = true; | |
125 this.element.addStyleClass("expanded"); | |
126 | |
127 if (!this._populated && this.onpopulate) { | |
128 this.onpopulate(this); | |
129 this._populated = true; | |
130 } | |
131 }, | |
132 | |
133 collapse: function() | |
134 { | |
135 if (!this._expanded) | |
136 return; | |
137 this._expanded = false; | |
138 this.element.removeStyleClass("expanded"); | |
139 }, | |
140 | |
141 toggleExpanded: function() | |
142 { | |
143 this.expanded = !this.expanded; | |
144 } | |
145 } | |
OLD | NEW |