src/third_party/WebKit/Source/devtools/front_end/ui/SidebarTreeElement.js

   1 /*
   2  * Copyright (C) 2008 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  * 1. Redistributions of source code must retain the above copyright
   8  *    notice, this list of conditions and the following disclaimer.
   9  * 2. Redistributions in binary form must reproduce the above copyright
  10  *    notice, this list of conditions and the following disclaimer in the
  11  *    documentation and/or other materials provided with the distribution.
  12  *
  13  * THIS SOFTWARE IS PROVIDED BY APPLE INC. ``AS IS'' AND ANY
  14  * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
  15  * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
  16  * PURPOSE ARE DISCLAIMED.  IN NO EVENT SHALL APPLE INC. OR
  17  * CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
  18  * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
  19  * PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR
  20  * PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY
  21  * OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
  22  * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
  23  * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  24  */
  25
  26 /**
  27  * @constructor
  28  * @extends {TreeElement}
  29  */
  30 WebInspector.SidebarSectionTreeElement = function(title, representedObject, hasChildren)
  31 {
  32     TreeElement.call(this, title.escapeHTML(), representedObject || {}, hasChildren);
  33     this.expand();
  34 }
  35
  36 WebInspector.SidebarSectionTreeElement.prototype = {
  37     selectable: false,
  38
  39     collapse: function()
  40     {
  41         // Should not collapse as it is not selectable.
  42     },
  43
  44     get smallChildren()
  45     {
  46         return this._smallChildren;
  47     },
  48
  49     set smallChildren(x)
  50     {
  51         if (this._smallChildren === x)
  52             return;
  53
  54         this._smallChildren = x;
  55
  56         this._childrenListNode.classList.toggle("small", this._smallChildren);
  57     },
  58
  59     onattach: function()
  60     {
  61         this.listItemElement.classList.add("sidebar-tree-section");
  62     },
  63
  64     onreveal: function()
  65     {
  66         if (this.listItemElement)
  67             this.listItemElement.scrollIntoViewIfNeeded(false);
  68     },
  69
  70     __proto__: TreeElement.prototype
  71 }
  72
  73 /**
  74  * @constructor
  75  * @extends {TreeElement}
  76  * @param {string} className
  77  * @param {string} title
  78  * @param {string=} subtitle
  79  * @param {?Object=} representedObject
  80  * @param {boolean=} hasChildren
  81  */
  82 WebInspector.SidebarTreeElement = function(className, title, subtitle, representedObject, hasChildren)
  83 {
  84     TreeElement.call(this, "", representedObject, hasChildren);
  85
  86     if (hasChildren)
  87         this.disclosureButton = createElementWithClass("button", "disclosure-button");
  88
  89     this.iconElement = createElementWithClass("div", "icon");
  90     this.statusElement = createElementWithClass("div", "status");
  91     this.titlesElement = createElementWithClass("div", "titles");
  92
  93     this.titleContainer = this.titlesElement.createChild("span", "title-container");
  94     this.titleElement = this.titleContainer.createChild("span", "title");
  95
  96     this.subtitleElement = this.titlesElement.createChild("span", "subtitle");
  97
  98     this.className = className;
  99     this.mainTitle = title;
 100     this.subtitle = subtitle;
 101 }
 102
 103 WebInspector.SidebarTreeElement.prototype = {
 104     get small()
 105     {
 106         return this._small;
 107     },
 108
 109     set small(x)
 110     {
 111         this._small = x;
 112         if (this.listItemElement)
 113             this.listItemElement.classList.toggle("small", this._small);
 114     },
 115
 116     get mainTitle()
 117     {
 118         return this._mainTitle;
 119     },
 120
 121     set mainTitle(x)
 122     {
 123         this._mainTitle = x;
 124         this.refreshTitles();
 125     },
 126
 127     get subtitle()
 128     {
 129         return this._subtitle;
 130     },
 131
 132     set subtitle(x)
 133     {
 134         this._subtitle = x;
 135         this.refreshTitles();
 136     },
 137
 138     set wait(x)
 139     {
 140         this.listItemElement.classList.toggle("wait", x);
 141     },
 142
 143     refreshTitles: function()
 144     {
 145         var mainTitle = this.mainTitle;
 146         if (this.titleElement.textContent !== mainTitle)
 147             this.titleElement.textContent = mainTitle;
 148
 149         var subtitle = this.subtitle;
 150         if (subtitle) {
 151             if (this.subtitleElement.textContent !== subtitle)
 152                 this.subtitleElement.textContent = subtitle;
 153             this.titlesElement.classList.remove("no-subtitle");
 154         } else {
 155             this.subtitleElement.textContent = "";
 156             this.titlesElement.classList.add("no-subtitle");
 157         }
 158     },
 159
 160     /**
 161      * @return {boolean}
 162      */
 163     isEventWithinDisclosureTriangle: function(event)
 164     {
 165         return event.target === this.disclosureButton;
 166     },
 167
 168     onattach: function()
 169     {
 170         this.listItemElement.classList.add("sidebar-tree-item");
 171
 172         if (this.className)
 173             this.listItemElement.classList.add(this.className);
 174
 175         if (this.small)
 176             this.listItemElement.classList.add("small");
 177
 178         if (this.hasChildren && this.disclosureButton)
 179             this.listItemElement.appendChild(this.disclosureButton);
 180
 181         this.listItemElement.appendChildren(this.iconElement, this.statusElement, this.titlesElement);
 182     },
 183
 184     onreveal: function()
 185     {
 186         if (this.listItemElement)
 187             this.listItemElement.scrollIntoViewIfNeeded(false);
 188     },
 189
 190     __proto__: TreeElement.prototype
 191 }