OLD | NEW |
1 <link rel="import" href="chrome://resources/html/assert.html"> | 1 <link rel="import" href="chrome://resources/html/assert.html"> |
2 <link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html"> | 2 <link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html"> |
3 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icons/iron-icons.h
tml"> | 3 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icons/iron-icons.h
tml"> |
4 <link rel="import" href="chrome://resources/polymer/v1_0/iron-input/iron-input.h
tml"> | 4 <link rel="import" href="chrome://resources/polymer/v1_0/iron-input/iron-input.h
tml"> |
5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper
-icon-button.html"> | 5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper
-icon-button.html"> |
6 <link rel="import" href="chrome://resources/polymer/v1_0/paper-input/paper-input
-container.html"> | 6 <link rel="import" href="chrome://resources/polymer/v1_0/paper-input/paper-input
-container.html"> |
7 | 7 |
8 <dom-module id="cr-search-field"> | 8 <dom-module id="cr-search-field"> |
9 <template> | 9 <template> |
10 <paper-icon-button icon="search" id="search-button" | 10 <paper-icon-button icon="search" id="search-button" |
11 disabled$="[[showingSearch_]]" title="[[label]]" | 11 disabled$="[[showingSearch_]]" title="[[label]]" |
12 on-click="toggleShowingSearch_"></paper-icon-button> | 12 on-click="toggleShowingSearch_"></paper-icon-button> |
13 <template is="dom-if" if="[[showingSearch_]]" id="search-container"> | 13 <template is="dom-if" if="[[showingSearch_]]" id="search-container"> |
14 <paper-input-container id="search-term" on-search="onSearchTermSearch_" | 14 <paper-input-container id="search-term" on-search="onSearchTermSearch_" |
15 on-keydown="onSearchTermKeydown_" hidden$="[[!showingSearch_]]" | 15 on-keydown="onSearchTermKeydown_" hidden$="[[!showingSearch_]]" |
16 no-label-float> | 16 no-label-float> |
17 <input is="iron-input" id="search-input" type="search" | 17 <input is="iron-input" id="search-input" type="search" |
18 placeholder="[[label]]" incremental> | 18 placeholder="[[label]]" incremental> |
19 <paper-icon-button icon="cancel" id="clear-search" | 19 <paper-icon-button icon="cancel" id="clear-search" |
20 on-click="toggleShowingSearch_" title="[[clearLabel]]" | 20 on-click="toggleShowingSearch_" title="[[clearLabel]]" |
21 hidden$="[[!showingSearch_]]"></paper-icon-button> | 21 hidden$="[[!showingSearch_]]"></paper-icon-button> |
22 </paper-input-container> | 22 </paper-input-container> |
23 </template> | 23 </template> |
24 </template> | 24 </template> |
25 <link rel="import" type="css" href="cr_search_field.css"> | 25 <link rel="import" type="css" href="cr_search_field.css"> |
26 <script src="cr_search_field.js"></script> | 26 <script src="cr_search_field.js"></script> |
27 </dom-module> | 27 </dom-module> |
OLD | NEW |