| OLD | NEW |
| 1 // Copyright (c) 2011 The Chromium Authors. All rights reserved. | 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 | 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 Oobe user image screen implementation. | 6 * @fileoverview Oobe user image screen implementation. |
| 7 */ | 7 */ |
| 8 | 8 |
| 9 cr.define('oobe', function() { | 9 cr.define('oobe', function() { |
| 10 /** | 10 /** |
| (...skipping 107 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 118 UserImageScreen.addUserImage( | 118 UserImageScreen.addUserImage( |
| 119 imageUrl, | 119 imageUrl, |
| 120 UserImageScreen.handleImageClick); | 120 UserImageScreen.handleImageClick); |
| 121 } | 121 } |
| 122 | 122 |
| 123 var userImageScreen = $('user-image'); | 123 var userImageScreen = $('user-image'); |
| 124 var userImageList = $('user-image-list'); | 124 var userImageList = $('user-image-list'); |
| 125 userImageList.addEventListener('keydown', function(e) { | 125 userImageList.addEventListener('keydown', function(e) { |
| 126 var prevIndex = userImageScreen.selectedUserImage_; | 126 var prevIndex = userImageScreen.selectedUserImage_; |
| 127 var len = userImageList.children.length; | 127 var len = userImageList.children.length; |
| 128 if (e.keyCode == 39 || e.keyCode == 40) { // right or down | 128 if (e.keyCode == 39 || e.keyCode == 40) // right or down |
| 129 if (prevIndex < len - 1) | 129 UserImageScreen.selectUserImage((prevIndex + 1) % len); |
| 130 UserImageScreen.selectUserImage(prevIndex + 1); | 130 else if (e.keyCode == 37 || e.keyCode == 38) // left or up |
| 131 } else if (e.keyCode == 37 || e.keyCode == 38) { // left or up | 131 UserImageScreen.selectUserImage((prevIndex - 1 + len) % len); |
| 132 if (prevIndex > 0) | |
| 133 UserImageScreen.selectUserImage(prevIndex - 1); | |
| 134 } | |
| 135 e.stopPropagation(); | 132 e.stopPropagation(); |
| 136 }); | 133 }); |
| 137 }; | 134 }; |
| 138 | 135 |
| 139 /** | 136 /** |
| 140 * Selects the specified user image and shows it in preview. | 137 * Selects the specified user image and shows it in preview. |
| 141 * @param {number} index The index of the image to select. | 138 * @param {number} index The index of the image to select. |
| 142 */ | 139 */ |
| 143 UserImageScreen.selectUserImage = function(index) { | 140 UserImageScreen.selectUserImage = function(index) { |
| 144 var userImageList = $('user-image-list'); | 141 var userImageList = $('user-image-list'); |
| (...skipping 10 matching lines...) Expand all Loading... |
| 155 selectedImage.focus(); | 152 selectedImage.focus(); |
| 156 $('user-image-preview').src = selectedImage.src; | 153 $('user-image-preview').src = selectedImage.src; |
| 157 } | 154 } |
| 158 userImageScreen.selectedUserImage_ = index; | 155 userImageScreen.selectedUserImage_ = index; |
| 159 }; | 156 }; |
| 160 | 157 |
| 161 return { | 158 return { |
| 162 UserImageScreen: UserImageScreen | 159 UserImageScreen: UserImageScreen |
| 163 }; | 160 }; |
| 164 }); | 161 }); |
| OLD | NEW |