| 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 114 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 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 if (prevIndex < len - 1) |
| 130 UserImageScreen.selectUserImage(prevIndex + 1); | 130 UserImageScreen.selectUserImage(prevIndex + 1); |
| 131 } else if (e.keyCode == 37 || e.keyCode == 38) { // left or up | 131 } else if (e.keyCode == 37 || e.keyCode == 38) { // left or up |
| 132 if (prevIndex > 0) | 132 if (prevIndex > 0) |
| 133 UserImageScreen.selectUserImage(prevIndex - 1); | 133 UserImageScreen.selectUserImage(prevIndex - 1); |
| 134 } | 134 } |
| 135 e.stopPropagation(); |
| 135 }); | 136 }); |
| 136 }; | 137 }; |
| 137 | 138 |
| 138 /** | 139 /** |
| 139 * Selects the specified user image and shows it in preview. | 140 * Selects the specified user image and shows it in preview. |
| 140 * @param {number} index The index of the image to select. | 141 * @param {number} index The index of the image to select. |
| 141 */ | 142 */ |
| 142 UserImageScreen.selectUserImage = function(index) { | 143 UserImageScreen.selectUserImage = function(index) { |
| 143 var userImageList = $('user-image-list'); | 144 var userImageList = $('user-image-list'); |
| 144 var userImageScreen = $('user-image'); | 145 var userImageScreen = $('user-image'); |
| 145 var prevIndex = userImageScreen.selectedUserImage_; | 146 var prevIndex = userImageScreen.selectedUserImage_; |
| 146 if (prevIndex != -1) { | 147 if (prevIndex != -1) { |
| 147 userImageList.children[prevIndex].classList.remove('user-image-selected'); | 148 userImageList.children[prevIndex].classList.remove('user-image-selected'); |
| 148 userImageList.children[prevIndex].setAttribute('tabIndex', '-1'); | 149 userImageList.children[prevIndex].setAttribute('tabIndex', '-1'); |
| 149 } | 150 } |
| 150 if (index != -1) { | 151 if (index != -1) { |
| 151 var selectedImage = userImageList.children[index]; | 152 var selectedImage = userImageList.children[index]; |
| 152 selectedImage.classList.add('user-image-selected'); | 153 selectedImage.classList.add('user-image-selected'); |
| 153 selectedImage.setAttribute('tabIndex', '0'); | 154 selectedImage.setAttribute('tabIndex', '0'); |
| 154 selectedImage.focus(); | 155 selectedImage.focus(); |
| 155 $('user-image-preview').src = selectedImage.src; | 156 $('user-image-preview').src = selectedImage.src; |
| 156 } | 157 } |
| 157 userImageScreen.selectedUserImage_ = index; | 158 userImageScreen.selectedUserImage_ = index; |
| 158 }; | 159 }; |
| 159 | 160 |
| 160 return { | 161 return { |
| 161 UserImageScreen: UserImageScreen | 162 UserImageScreen: UserImageScreen |
| 162 }; | 163 }; |
| 163 }); | 164 }); |
| OLD | NEW |