OLD | NEW |
1 <link rel="import" href="chrome://resources/cr_elements/icons.html"> | 1 <link rel="import" href="chrome://resources/cr_elements/icons.html"> |
2 <link rel="import" href="chrome://resources/html/polymer.html"> | 2 <link rel="import" href="chrome://resources/html/polymer.html"> |
3 <link rel="import" href="chrome://resources/polymer/v1_0/iron-a11y-keys/iron-a11
y-keys.html"> | 3 <link rel="import" href="chrome://resources/polymer/v1_0/iron-a11y-keys/iron-a11
y-keys.html"> |
4 <link rel="import" href="chrome://resources/polymer/v1_0/iron-list/iron-list.htm
l"> | 4 <link rel="import" href="chrome://resources/polymer/v1_0/iron-list/iron-list.htm
l"> |
5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt
on.html"> | 5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt
on.html"> |
6 <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-icon-button/paper
-icon-button.html"> |
7 <link rel="import" href="chrome://resources/polymer/v1_0/paper-input/paper-input
.html"> | 7 <link rel="import" href="chrome://resources/polymer/v1_0/paper-input/paper-input
.html"> |
| 8 <link rel="import" href="../prefs/prefs.html"> |
| 9 <link rel="import" href="../prefs/prefs_behavior.html"> |
8 <link rel="import" href="../settings_shared_css.html"> | 10 <link rel="import" href="../settings_shared_css.html"> |
9 | 11 |
10 <dom-module id="settings-edit-dictionary-page"> | 12 <dom-module id="settings-edit-dictionary-page"> |
11 <template> | 13 <template> |
12 <style include="settings-shared"> | 14 <style include="settings-shared"> |
13 :host { | 15 :host { |
14 display: flex; | 16 display: flex; |
15 flex-direction: column; | 17 flex-direction: column; |
16 } | 18 } |
17 | 19 |
(...skipping 18 matching lines...) Expand all Loading... |
36 } | 38 } |
37 </style> | 39 </style> |
38 <div class="settings-box first"> | 40 <div class="settings-box first"> |
39 <iron-a11y-keys id="keys" keys="enter esc" | 41 <iron-a11y-keys id="keys" keys="enter esc" |
40 on-keys-pressed="onKeysPress_"></iron-a11y-keys> | 42 on-keys-pressed="onKeysPress_"></iron-a11y-keys> |
41 <div class="start"> | 43 <div class="start"> |
42 <paper-input id="newWord" no-label-float value="{{newWordValue_}}" | 44 <paper-input id="newWord" no-label-float value="{{newWordValue_}}" |
43 label="$i18n{addDictionaryWordLabel}"></paper-input> | 45 label="$i18n{addDictionaryWordLabel}"></paper-input> |
44 </div> | 46 </div> |
45 <paper-button class="secondary-button" on-tap="onAddWordTap_" | 47 <paper-button class="secondary-button" on-tap="onAddWordTap_" |
46 disabled="[[!validateWord_(newWordValue_)]]"> | 48 disabled="[[!validateWord_(newWordValue_)]]" id="addWord"> |
47 $i18n{addDictionaryWordButton} | 49 $i18n{addDictionaryWordButton} |
48 </paper-button> | 50 </paper-button> |
49 </div> | 51 </div> |
50 <div class="settings-box continuation block"> | 52 <div class="settings-box continuation block"> |
51 <h2>$i18n{customDictionaryWords}</h2> | 53 <h2>$i18n{customDictionaryWords}</h2> |
52 <div class="list-frame"> | 54 <div class="list-frame"> |
53 <iron-list id="list" items="{{words_}}"> | 55 <template is="dom-if" if="[[hasWords_(words_.length)]]"> |
54 <template> | 56 <iron-list id="list" items="{{words_}}"> |
55 <div class="list-item"> | 57 <template> |
56 <div class="word text-elide">[[item]]</div> | 58 <div class="list-item"> |
57 <paper-icon-button icon="cr:clear" on-tap="onRemoveWordTap_" | 59 <div class="word text-elide">[[item]]</div> |
58 tabindex$="[[tabIndex]]"> | 60 <paper-icon-button icon="cr:clear" on-tap="onRemoveWordTap_" |
59 </paper-icon-button> | 61 tabindex$="[[tabIndex]]"> |
60 </div> | 62 </paper-icon-button> |
61 </template> | 63 </div> |
62 </iron-list> | 64 </template> |
| 65 </iron-list> |
| 66 </template> |
| 67 <template is="dom-if" if="[[!hasWords_(words_.length)]]"> |
| 68 <div id="noWordsLabel" class="list-item"> |
| 69 $i18n{noCustomDictionaryWordsFound} |
| 70 </div> |
| 71 </template> |
63 </div> | 72 </div> |
64 </div> | 73 </div> |
65 </template> | 74 </template> |
66 <script src="edit_dictionary_page.js"></script> | 75 <script src="edit_dictionary_page.js"></script> |
67 </dom-module> | 76 </dom-module> |
OLD | NEW |