diff options
author | Lorry Tar Creator <lorry-tar-importer@lorry> | 2017-06-27 06:07:23 +0000 |
---|---|---|
committer | Lorry Tar Creator <lorry-tar-importer@lorry> | 2017-06-27 06:07:23 +0000 |
commit | 1bf1084f2b10c3b47fd1a588d85d21ed0eb41d0c (patch) | |
tree | 46dcd36c86e7fbc6e5df36deb463b33e9967a6f7 /Source/WebInspectorUI/UserInterface/Views/TimelineTreeElement.js | |
parent | 32761a6cee1d0dee366b885b7b9c777e67885688 (diff) | |
download | WebKitGtk-tarball-master.tar.gz |
webkitgtk-2.16.5HEADwebkitgtk-2.16.5master
Diffstat (limited to 'Source/WebInspectorUI/UserInterface/Views/TimelineTreeElement.js')
-rw-r--r-- | Source/WebInspectorUI/UserInterface/Views/TimelineTreeElement.js | 120 |
1 files changed, 120 insertions, 0 deletions
diff --git a/Source/WebInspectorUI/UserInterface/Views/TimelineTreeElement.js b/Source/WebInspectorUI/UserInterface/Views/TimelineTreeElement.js new file mode 100644 index 000000000..c02b77ee8 --- /dev/null +++ b/Source/WebInspectorUI/UserInterface/Views/TimelineTreeElement.js @@ -0,0 +1,120 @@ +/* + * Copyright (C) 2016 Apple Inc. All rights reserved. + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions + * are met: + * 1. Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * 2. Redistributions in binary form must reproduce the above copyright + * notice, this list of conditions and the following disclaimer in the + * documentation and/or other materials provided with the distribution. + * + * THIS SOFTWARE IS PROVIDED BY APPLE INC. AND ITS CONTRIBUTORS ``AS IS'' + * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, + * THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR + * PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR ITS CONTRIBUTORS + * BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR + * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF + * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS + * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN + * CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) + * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF + * THE POSSIBILITY OF SUCH DAMAGE. + */ + +WebInspector.TimelineTreeElement = class TimelineTreeElement extends WebInspector.GeneralTreeElement +{ + constructor(timeline, placeholder) + { + let displayName = WebInspector.TimelineTabContentView.displayNameForTimelineType(timeline.type); + let iconClassName = WebInspector.TimelineTabContentView.iconClassNameForTimelineType(timeline.type); + let genericClassName = WebInspector.TimelineTabContentView.genericClassNameForTimelineType(timeline.type); + + super([iconClassName, genericClassName], displayName, "", timeline); + + this._placeholder = placeholder || false; + this.editing = this._placeholder; + } + + // Public + + get placeholder() + { + return this._placeholder; + } + + get editing() + { + return this._editing; + } + + set editing(x) + { + if (this._editing === x) + return; + + this._editing = x; + this.selectable = !this._editing; + + this._updateStatusButton(); + } + + // Protected + + onattach() + { + super.onattach(); + + this.listItemElement.addEventListener("click", this._clickHandler.bind(this)); + } + + // Private + + _showCloseButton() + { + let tooltip = WebInspector.UIString("Close %s timeline view").format(this.mainTitle); + let button = new WebInspector.TreeElementStatusButton(useSVGSymbol("Images/CloseLarge.svg", "close-button", tooltip)); + button.addEventListener(WebInspector.TreeElementStatusButton.Event.Clicked, () => { this.deselect(); }); + + this.status = button.element; + } + + _showCheckbox() + { + let checkboxElement = document.createElement("input"); + checkboxElement.type = "checkbox"; + checkboxElement.checked = !this._placeholder; + + let button = new WebInspector.TreeElementStatusButton(checkboxElement); + checkboxElement.addEventListener("change", () => { this._dispatchEnabledDidChangeEvent(); }); + + this.status = checkboxElement; + } + + _updateStatusButton() + { + if (this._editing) + this._showCheckbox(); + else + this._showCloseButton(); + } + + _clickHandler() + { + if (!this._editing) + return; + + this.status.checked = !this.status.checked; + this._dispatchEnabledDidChangeEvent(); + } + + _dispatchEnabledDidChangeEvent() + { + this.dispatchEventToListeners(WebInspector.TimelineTreeElement.Event.EnabledDidChange); + } +}; + +WebInspector.TimelineTreeElement.Event = { + EnabledDidChange: "timeline-tree-element-enabled-did-change" +}; |