[cros] Initial WebRTC-enabled implementation of user image picker on OOBE.

chrome/browser/resources/chromeos/user_images_grid.js

 // Copyright (c) 2012 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 cr.define('options', function() {
   /** @const */ var ArrayDataModel = cr.ui.ArrayDataModel;
   /** @const */ var Grid = cr.ui.Grid;
   /** @const */ var GridItem = cr.ui.GridItem;
   /** @const */ var GridSelectionController = cr.ui.GridSelectionController;
   /** @const */ var ListSingleSelectionModel = cr.ui.ListSingleSelectionModel;
@@ skipping 193 matching lines @@
     updateItem: function(imageInfo, imageUrl, opt_title) {
       var imageIndex = this.indexOf(imageInfo);
       var wasSelected = this.selectionModel.selectedIndex == imageIndex;
       this.removeItem(imageInfo);
       var newInfo = this.addItem(
           imageUrl,
           opt_title === undefined ? imageInfo.title : opt_title,
           imageInfo.clickHandler,
           imageIndex,
           imageInfo.decorateFn);
+      // Update image data with the reset of the keys from the old data.
+      for (k in imageInfo) {
+        if (!(k in newInfo))
+          newInfo[k] = imageInfo[k];
+      }
       if (wasSelected)
         this.selectedItem = newInfo;
       return newInfo;
     },
 
     /**
      * Removes previously added image from the grid.
      * @param {Object} imageInfo Image data returned from the addItem() call.
      */
     removeItem: function(imageInfo) {
       var index = this.indexOf(imageInfo);
       if (index != -1) {
+        var wasSelected = this.selectionModel.selectedIndex == index;
         this.inProgramSelection_ = true;
         this.dataModel.splice(index, 1);
+        if (wasSelected) {
+          // If item removed was selected, select the item next to it.
+          this.selectedItem = this.dataModel.item(
+              Math.min(this.dataModel.length - 1, index));
+        }
         this.inProgramSelection_ = false;
       }
     },
 
     /**
      * Forces re-display, size re-calculation and focuses grid.
      */
     updateAndFocus: function() {
       // Recalculate the measured item size.
       this.measured_ = null;
@@ skipping 10 matching lines @@
   UserImagesGrid.ButtonImages = {
     TAKE_PHOTO: 'chrome://theme/IDR_BUTTON_USER_IMAGE_TAKE_PHOTO',
     CHOOSE_FILE: 'chrome://theme/IDR_BUTTON_USER_IMAGE_CHOOSE_FILE',
     PROFILE_PICTURE: 'chrome://theme/IDR_PROFILE_PICTURE_LOADING'
   };
 
   return {
     UserImagesGrid: UserImagesGrid
   };
 });