OLD | NEW |
| (Empty) |
1 // Copyright (c) 2011 The Chromium Authors. All rights reserved. | |
2 // Use of this source code is governed by a BSD-style license that can be | |
3 // found in the LICENSE file. | |
4 | |
5 cr.define('options', function() { | |
6 const OptionsPage = options.OptionsPage; | |
7 const ArrayDataModel = cr.ui.ArrayDataModel; | |
8 | |
9 ///////////////////////////////////////////////////////////////////////////// | |
10 // PasswordManager class: | |
11 | |
12 /** | |
13 * Encapsulated handling of password and exceptions page. | |
14 * @constructor | |
15 */ | |
16 function PasswordManager() { | |
17 this.activeNavTab = null; | |
18 OptionsPage.call(this, | |
19 'passwords', | |
20 templateData.passwordsPageTabTitle, | |
21 'password-manager'); | |
22 } | |
23 | |
24 cr.addSingletonGetter(PasswordManager); | |
25 | |
26 PasswordManager.prototype = { | |
27 __proto__: OptionsPage.prototype, | |
28 | |
29 /** | |
30 * The saved passwords list. | |
31 * @type {DeletableItemList} | |
32 * @private | |
33 */ | |
34 savedPasswordsList_: null, | |
35 | |
36 /** | |
37 * The password exceptions list. | |
38 * @type {DeletableItemList} | |
39 * @private | |
40 */ | |
41 passwordExceptionsList_: null, | |
42 | |
43 /** | |
44 * The timer id of the timer set on search query change events. | |
45 * @type {number} | |
46 * @private | |
47 */ | |
48 queryDelayTimerId_: 0, | |
49 | |
50 /** | |
51 * The most recent search query, or null if the query is empty. | |
52 * @type {?string} | |
53 * @private | |
54 */ | |
55 lastQuery_: null, | |
56 | |
57 /** @inheritDoc */ | |
58 initializePage: function() { | |
59 OptionsPage.prototype.initializePage.call(this); | |
60 | |
61 $('password-search-box').addEventListener('search', | |
62 this.handleSearchQueryChange_.bind(this)); | |
63 | |
64 this.createSavedPasswordsList_(); | |
65 this.createPasswordExceptionsList_(); | |
66 }, | |
67 | |
68 /** @inheritDoc */ | |
69 canShowPage: function() { | |
70 return !PersonalOptions.disablePasswordManagement(); | |
71 }, | |
72 | |
73 /** @inheritDoc */ | |
74 didShowPage: function() { | |
75 // Updating the password lists may cause a blocking platform dialog pop up | |
76 // (Mac, Linux), so we delay this operation until the page is shown. | |
77 chrome.send('updatePasswordLists'); | |
78 $('password-search-box').focus(); | |
79 }, | |
80 | |
81 /** | |
82 * Creates, decorates and initializes the saved passwords list. | |
83 * @private | |
84 */ | |
85 createSavedPasswordsList_: function() { | |
86 this.savedPasswordsList_ = $('saved-passwords-list'); | |
87 options.passwordManager.PasswordsList.decorate(this.savedPasswordsList_); | |
88 this.savedPasswordsList_.autoExpands = true; | |
89 }, | |
90 | |
91 /** | |
92 * Creates, decorates and initializes the password exceptions list. | |
93 * @private | |
94 */ | |
95 createPasswordExceptionsList_: function() { | |
96 this.passwordExceptionsList_ = $('password-exceptions-list'); | |
97 options.passwordManager.PasswordExceptionsList.decorate( | |
98 this.passwordExceptionsList_); | |
99 this.passwordExceptionsList_.autoExpands = true; | |
100 }, | |
101 | |
102 /** | |
103 * Handles search query changes. | |
104 * @param {!Event} e The event object. | |
105 * @private | |
106 */ | |
107 handleSearchQueryChange_: function(e) { | |
108 if (this.queryDelayTimerId_) | |
109 window.clearTimeout(this.queryDelayTimerId_); | |
110 | |
111 // Searching cookies uses a timeout of 500ms. We use a shorter timeout | |
112 // because there are probably fewer passwords and we want the UI to be | |
113 // snappier since users will expect that it's "less work." | |
114 this.queryDelayTimerId_ = window.setTimeout( | |
115 this.searchPasswords_.bind(this), 250); | |
116 }, | |
117 | |
118 /** | |
119 * Search passwords using text in |password-search-box|. | |
120 * @private | |
121 */ | |
122 searchPasswords_: function() { | |
123 this.queryDelayTimerId_ = 0; | |
124 var filter = $('password-search-box').value; | |
125 filter = (filter == '') ? null : filter; | |
126 if (this.lastQuery_ != filter) { | |
127 this.lastQuery_ = filter; | |
128 // Searching for passwords has the side effect of requerying the | |
129 // underlying password store. This is done intentionally, as on OS X and | |
130 // Linux they can change from outside and we won't be notified of it. | |
131 chrome.send('updatePasswordLists'); | |
132 } | |
133 }, | |
134 | |
135 /** | |
136 * Updates the visibility of the list and empty list placeholder. | |
137 * @param {!List} list The list to toggle visilibility for. | |
138 */ | |
139 updateListVisibility_: function(list) { | |
140 var empty = list.dataModel.length == 0; | |
141 var listPlaceHolderID = list.id + '-empty-placeholder'; | |
142 list.hidden = empty; | |
143 $(listPlaceHolderID).hidden = !empty; | |
144 }, | |
145 | |
146 /** | |
147 * Updates the data model for the saved passwords list with the values from | |
148 * |entries|. | |
149 * @param {Array} entries The list of saved password data. | |
150 */ | |
151 setSavedPasswordsList_: function(entries) { | |
152 if (this.lastQuery_) { | |
153 // Implement password searching here in javascript, rather than in C++. | |
154 // The number of saved passwords shouldn't be too big for us to handle. | |
155 var query = this.lastQuery_; | |
156 var filter = function(entry, index, list) { | |
157 // Search both URL and username. | |
158 if (entry[0].indexOf(query) >= 0 || entry[1].indexOf(query) >= 0) { | |
159 // Keep the original index so we can delete correctly. See also | |
160 // deleteItemAtIndex() in password_manager_list.js that uses this. | |
161 entry[3] = index; | |
162 return true; | |
163 } | |
164 return false; | |
165 }; | |
166 entries = entries.filter(filter); | |
167 } | |
168 this.savedPasswordsList_.dataModel = new ArrayDataModel(entries); | |
169 this.updateListVisibility_(this.savedPasswordsList_); | |
170 }, | |
171 | |
172 /** | |
173 * Updates the data model for the password exceptions list with the values | |
174 * from |entries|. | |
175 * @param {Array} entries The list of password exception data. | |
176 */ | |
177 setPasswordExceptionsList_: function(entries) { | |
178 this.passwordExceptionsList_.dataModel = new ArrayDataModel(entries); | |
179 this.updateListVisibility_(this.passwordExceptionsList_); | |
180 }, | |
181 }; | |
182 | |
183 /** | |
184 * Call to remove a saved password. | |
185 * @param rowIndex indicating the row to remove. | |
186 */ | |
187 PasswordManager.removeSavedPassword = function(rowIndex) { | |
188 chrome.send('removeSavedPassword', [String(rowIndex)]); | |
189 }; | |
190 | |
191 /** | |
192 * Call to remove a password exception. | |
193 * @param rowIndex indicating the row to remove. | |
194 */ | |
195 PasswordManager.removePasswordException = function(rowIndex) { | |
196 chrome.send('removePasswordException', [String(rowIndex)]); | |
197 }; | |
198 | |
199 /** | |
200 * Call to remove all saved passwords. | |
201 * @param tab contentType of the tab currently on. | |
202 */ | |
203 PasswordManager.removeAllPasswords = function() { | |
204 chrome.send('removeAllSavedPasswords'); | |
205 }; | |
206 | |
207 /** | |
208 * Call to remove all saved passwords. | |
209 * @param tab contentType of the tab currently on. | |
210 */ | |
211 PasswordManager.removeAllPasswordExceptions = function() { | |
212 chrome.send('removeAllPasswordExceptions'); | |
213 }; | |
214 | |
215 PasswordManager.setSavedPasswordsList = function(entries) { | |
216 PasswordManager.getInstance().setSavedPasswordsList_(entries); | |
217 }; | |
218 | |
219 PasswordManager.setPasswordExceptionsList = function(entries) { | |
220 PasswordManager.getInstance().setPasswordExceptionsList_(entries); | |
221 }; | |
222 | |
223 // Export | |
224 return { | |
225 PasswordManager: PasswordManager | |
226 }; | |
227 | |
228 }); | |
OLD | NEW |