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  * @param {string} title
  30  */
  31 WebInspector.SidebarSectionTreeElement = function(title)
  32 {
  33     TreeElement.call(this, title.escapeHTML(), true);
  34     this.expand();
  35 }
  36
  37 WebInspector.SidebarSectionTreeElement.prototype = {
  38     selectable: false,
  39
  40     collapse: function()
  41     {
  42         // Should not collapse as it is not selectable.
  43     },
  44
  45     get smallChildren()
  46     {
  47         return this._smallChildren;
  48     },
  49
  50     set smallChildren(x)
  51     {
  52         if (this._smallChildren === x)
  53             return;
  54
  55         this._smallChildren = x;
  56
  57         this._childrenListNode.classList.toggle("small", this._smallChildren);
  58     },
  59
  60     onattach: function()
  61     {
  62         this.listItemElement.classList.add("sidebar-tree-section");
  63     },
  64
  65     onreveal: function()
  66     {
  67         if (this.listItemElement)
  68             this.listItemElement.scrollIntoViewIfNeeded(false);
  69     },
  70
  71     __proto__: TreeElement.prototype
  72 }
  73
  74 /**
  75  * @constructor
  76  * @extends {TreeElement}
  77  * @param {string} className
  78  * @param {string} title
  79  * @param {string=} subtitle
  80  * @param {boolean=} expandable
  81  */
  82 WebInspector.SidebarTreeElement = function(className, title, subtitle, expandable)
  83 {
  84     TreeElement.call(this, "", expandable);
  85
  86     if (expandable)
  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      * @override
 162      * @return {boolean}
 163      */
 164     isEventWithinDisclosureTriangle: function(event)
 165     {
 166         return event.target === this.disclosureButton;
 167     },
 168
 169     onattach: function()
 170     {
 171         this.listItemElement.classList.add("sidebar-tree-item");
 172
 173         if (this.className)
 174             this.listItemElement.classList.add(this.className);
 175
 176         if (this.small)
 177             this.listItemElement.classList.add("small");
 178
 179         if (this.isExpandable() && this.disclosureButton)
 180             this.listItemElement.appendChild(this.disclosureButton);
 181
 182         this.listItemElement.appendChildren(this.iconElement, this.statusElement, this.titlesElement);
 183     },
 184
 185     onreveal: function()
 186     {
 187         if (this.listItemElement)
 188             this.listItemElement.scrollIntoViewIfNeeded(false);
 189     },
 190
 191     __proto__: TreeElement.prototype
 192 }