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 26WebInspector.FilterBar = function(element) { 27 WebInspector.Object.call(this); 28 29 this._element = element || document.createElement("div"); 30 this._element.classList.add(WebInspector.FilterBar.StyleClassName); 31 32 this._inputField = document.createElement("input"); 33 this._inputField.type = "search"; 34 this._inputField.spellcheck = false; 35 this._inputField.incremental = true; 36 this._inputField.addEventListener("search", this._inputFieldChanged.bind(this), false); 37 this._element.appendChild(this._inputField); 38}; 39 40WebInspector.Object.addConstructorFunctions(WebInspector.FilterBar); 41 42WebInspector.FilterBar.StyleClassName = "filter-bar"; 43 44WebInspector.FilterBar.Event = { 45 TextFilterDidChange: "filter-bar-text-filter-did-change" 46}; 47 48WebInspector.FilterBar.prototype = { 49 constructor: WebInspector.FilterBar, 50 51 // Public 52 53 get element() 54 { 55 return this._element; 56 }, 57 58 get placeholder() 59 { 60 return this._inputField.getAttribute("placeholder"); 61 }, 62 63 set placeholder(text) 64 { 65 this._inputField.setAttribute("placeholder", text); 66 }, 67 68 get inputField() 69 { 70 return this._inputField; 71 }, 72 73 get filters() 74 { 75 return {text: this._inputField.value}; 76 }, 77 78 set filters(filters) 79 { 80 filters = filters || {}; 81 82 var oldTextValue = this._inputField.value; 83 this._inputField.value = filters.text || ""; 84 if (oldTextValue !== this._inputField.value) 85 this._inputFieldChanged(); 86 }, 87 88 hasActiveFilters: function() 89 { 90 if (this._inputField.value) 91 return true; 92 return false; 93 }, 94 95 // Private 96 97 _inputFieldChanged: function(event) 98 { 99 this.dispatchEventToListeners(WebInspector.FilterBar.Event.TextFilterDidChange); 100 } 101}; 102 103WebInspector.FilterBar.prototype.__proto__ = WebInspector.Object.prototype; 104