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