OLD | NEW |
1 // Copyright 2013 The Chromium Authors. All rights reserved. | 1 // Copyright 2013 The Chromium Authors. All rights reserved. |
2 // Use of this source code is governed by a BSD-style license that can be | 2 // Use of this source code is governed by a BSD-style license that can be |
3 // found in the LICENSE file. | 3 // found in the LICENSE file. |
4 | 4 |
5 /** | 5 /** |
6 * @fileoverview Password confirmation screen implementation. | 6 * @fileoverview Password confirmation screen implementation. |
7 */ | 7 */ |
8 | 8 |
9 login.createScreen('ConfirmPasswordScreen', 'confirm-password', function() { | 9 login.createScreen('ConfirmPasswordScreen', 'confirm-password', function() { |
10 return { | 10 return { |
11 EXTERNAL_API: [ | 11 EXTERNAL_API: [ |
12 'show' | 12 'show' |
13 ], | 13 ], |
14 | 14 |
15 /** | 15 /** |
16 * Callback to run when the screen is dismissed. | 16 * Callback to run when the screen is dismissed. |
17 * @type {function(string)} | 17 * @type {function(string)} |
18 */ | 18 */ |
19 callback_: null, | 19 callback_: null, |
20 | 20 |
21 /** @override */ | 21 /** @override */ |
22 decorate: function() { | 22 decorate: function() { |
23 $('confirm-password-input').addEventListener( | 23 $('confirm-password-input').addEventListener( |
24 'keydown', this.onPasswordFieldKeyDown_.bind(this)); | 24 'keydown', this.onPasswordFieldKeyDown_.bind(this)); |
25 }, | 25 $('confirm-password-confirm-button').addEventListener( |
26 | 26 'click', this.onConfirmPassword_.bind(this)); |
27 /** | |
28 * Screen controls in bottom strip. | |
29 * @type {Array.<HTMLButtonElement>} Buttons to be put in the bottom strip. | |
30 */ | |
31 get buttons() { | |
32 var buttons = []; | |
33 | |
34 var confirmButton = this.ownerDocument.createElement('button'); | |
35 confirmButton.textContent = | |
36 loadTimeData.getString('confirmPasswordConfirmButton'); | |
37 confirmButton.addEventListener('click', | |
38 this.onConfirmPassword_.bind(this)); | |
39 buttons.push(confirmButton); | |
40 | |
41 return buttons; | |
42 }, | 27 }, |
43 | 28 |
44 get defaultControl() { | 29 get defaultControl() { |
45 return $('confirm-password-input'); | 30 return $('confirm-password-input'); |
46 }, | 31 }, |
47 | 32 |
| 33 /** @override */ |
| 34 onBeforeShow: function(data) { |
| 35 $('login-header-bar').signinUIState = |
| 36 SIGNIN_UI_STATE.SAML_PASSWORD_CONFIRM; |
| 37 }, |
| 38 |
48 /** | 39 /** |
49 * Handle 'keydown' event on password input field. | 40 * Handle 'keydown' event on password input field. |
50 */ | 41 */ |
51 onPasswordFieldKeyDown_: function(e) { | 42 onPasswordFieldKeyDown_: function(e) { |
52 if (e.keyIdentifier == 'Enter') | 43 if (e.keyIdentifier == 'Enter') |
53 this.onConfirmPassword_(); | 44 this.onConfirmPassword_(); |
54 }, | 45 }, |
55 | 46 |
56 /** | 47 /** |
57 * Invoked when user clicks on the 'confirm' button. | 48 * Invoked when user clicks on the 'confirm' button. |
58 */ | 49 */ |
59 onConfirmPassword_: function() { | 50 onConfirmPassword_: function() { |
60 this.callback_($('confirm-password-input').value); | 51 this.callback_($('confirm-password-input').value); |
61 }, | 52 }, |
62 | 53 |
63 /** | 54 /** |
64 * Shows the confirm password screen. | 55 * Shows the confirm password screen. |
| 56 * @param {number} attemptCount Number of attempts tried, starting at 0. |
65 * @param {function(string)} callback The callback to be invoked when the | 57 * @param {function(string)} callback The callback to be invoked when the |
66 * screen is dismissed. | 58 * screen is dismissed. |
67 */ | 59 */ |
68 show: function(callback) { | 60 show: function(attemptCount, callback) { |
69 this.callback_ = callback; | 61 this.callback_ = callback; |
| 62 this.classList.toggle('error', attemptCount > 0); |
70 | 63 |
71 $('confirm-password-input').value = ''; | 64 $('confirm-password-input').value = ''; |
72 Oobe.showScreen({id: SCREEN_CONFIRM_PASSWORD}); | 65 Oobe.showScreen({id: SCREEN_CONFIRM_PASSWORD}); |
73 $('progress-dots').hidden = true; | 66 $('progress-dots').hidden = true; |
74 } | 67 } |
75 }; | 68 }; |
76 }); | 69 }); |
OLD | NEW |