633ece741f1d6bc1f5550f5612224d1abb059d17
[WebKit-https.git] / Source / WebInspectorUI / UserInterface / Views / FilterBar.js
1 /*
2  * Copyright (C) 2013 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. AND ITS CONTRIBUTORS ``AS IS''
14  * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO,
15  * THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
16  * PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR ITS CONTRIBUTORS
17  * BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
18  * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
19  * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
20  * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
21  * CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
22  * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF
23  * THE POSSIBILITY OF SUCH DAMAGE.
24  */
25
26 WebInspector.FilterBar = function(element) {
27     // FIXME: Convert this to a WebInspector.Object subclass, and call super().
28     // WebInspector.Object.call(this);
29
30     this._element = element || document.createElement("div");
31     this._element.classList.add(WebInspector.FilterBar.StyleClassName);
32
33     this._inputField = document.createElement("input");
34     this._inputField.type = "search";
35     this._inputField.spellcheck = false;
36     this._inputField.incremental = true;
37     this._inputField.addEventListener("search", this._inputFieldChanged.bind(this), false);
38     this._element.appendChild(this._inputField);
39 };
40
41 // FIXME: Move to a WebInspector.Object subclass and we can remove this.
42 WebInspector.Object.deprecatedAddConstructorFunctions(WebInspector.FilterBar);
43
44 WebInspector.FilterBar.StyleClassName = "filter-bar";
45
46 WebInspector.FilterBar.Event = {
47     TextFilterDidChange: "filter-bar-text-filter-did-change"
48 };
49
50 WebInspector.FilterBar.prototype = {
51     constructor: WebInspector.FilterBar,
52
53     // Public
54
55     get element()
56     {
57         return this._element;
58     },
59
60     get placeholder()
61     {
62         return this._inputField.getAttribute("placeholder");
63     },
64
65     set placeholder(text)
66     {
67         this._inputField.setAttribute("placeholder", text);
68     },
69
70     get inputField()
71     {
72         return this._inputField;
73     },
74
75     get filters()
76     {
77         return {text: this._inputField.value};
78     },
79
80     set filters(filters)
81     {
82         filters = filters || {};
83
84         var oldTextValue = this._inputField.value;
85         this._inputField.value = filters.text || "";
86         if (oldTextValue !== this._inputField.value)
87             this._inputFieldChanged();
88     },
89
90     hasActiveFilters: function()
91     {
92         if (this._inputField.value)
93             return true;
94         return false;
95     },
96
97     // Private
98
99     _inputFieldChanged: function(event)
100     {
101         this.dispatchEventToListeners(WebInspector.FilterBar.Event.TextFilterDidChange);
102     }
103 };
104
105 WebInspector.FilterBar.prototype.__proto__ = WebInspector.Object.prototype;