Add GAIA picture to Settings profile overlay

chrome/browser/resources/options/manage_profile_overlay.js

 // Copyright (c) 2011 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() {
   var OptionsPage = options.OptionsPage;
   var ArrayDataModel = cr.ui.ArrayDataModel;
 
   const localStrings = new LocalStrings();
 
@@ skipping 25 matching lines @@
     /**
      * Initialize the page.
      */
     initializePage: function() {
       // Call base class implementation to start preference initialization.
       OptionsPage.prototype.initializePage.call(this);
 
       var self = this;
       var iconGrid = $('manage-profile-icon-grid');
       options.ProfilesIconGrid.decorate(iconGrid);
+      iconGrid.addEventListener('change', function(e) {
+        self.onIconGridSelectionChanged_();
+      });
 
       $('manage-profile-name').oninput = this.onNameChanged_.bind(this);
       $('manage-profile-cancel').onclick =
           $('delete-profile-cancel').onclick = function(event) {
         OptionsPage.closeOverlay();
       };
       $('manage-profile-ok').onclick = function(event) {
         OptionsPage.closeOverlay();
         self.submitManageChanges_();
       };
@@ skipping 31 matching lines @@
      *     };
      * @private
      */
     setProfileInfo_: function(profileInfo) {
       this.profileInfo_ = profileInfo;
       $('manage-profile-name').value = profileInfo.name;
       $('manage-profile-icon-grid').selectedItem = profileInfo.iconURL;
     },
 
     /**
+     * Sets the name of the currently edited profile.
+     * @private
+     */
+    setProfileName_: function(name) {
+      if (this.profileInfo_)
+        this.profileInfo_.name = name;
+      $('manage-profile-name').value = name;
+    },
+
+    /**
      * Set an array of default icon URLs. These will be added to the grid that
      * the user will use to choose their profile icon.
      * @param {Array.<string>} iconURLs An array of icon URLs.
      * @private
      */
     receiveDefaultProfileIcons_: function(iconURLs) {
       $('manage-profile-icon-grid').dataModel = new ArrayDataModel(iconURLs);
 
       // Changing the dataModel resets the selectedItem. Re-select it, if there
       // is one.
@@ skipping 65 matching lines @@
      * @private
      */
     submitManageChanges_: function() {
       var name = $('manage-profile-name').value;
       var iconURL = $('manage-profile-icon-grid').selectedItem;
       chrome.send('setProfileNameAndIcon',
                   [this.profileInfo_.filePath, name, iconURL]);
     },
 
     /**
+     * Called when the selected icon in the icon grid changes.
+     * @private
+     */
+    onIconGridSelectionChanged_: function() {
+      var iconURL = $('manage-profile-icon-grid').selectedItem;
+      chrome.send('profileIconSelectionChanged',
+                  [this.profileInfo_.filePath, iconURL]);
+    },
+
+    /**
      * Display the "Manage Profile" dialog.
      * @param {Object} profileInfo The profile object of the profile to manage.
      * @private
      */
     showManageDialog_: function(profileInfo) {
       ManageProfileOverlay.setProfileInfo(profileInfo);
       $('manage-profile-overlay-manage').hidden = false;
       $('manage-profile-overlay-delete').hidden = true;
       ManageProfileOverlay.getInstance().hideErrorBubble_();
 
@@ skipping 18 matching lines @@
       // people trying to navigate here by hand.
       OptionsPage.showPageByName('manageProfile', false);
     },
   };
 
   // Forward public APIs to private implementations.
   [
     'receiveDefaultProfileIcons',
     'receiveProfileNames',
     'setProfileInfo',
+    'setProfileName',
     'showManageDialog',
     'showDeleteDialog',
   ].forEach(function(name) {
     ManageProfileOverlay[name] = function(value) {
       ManageProfileOverlay.getInstance()[name + '_'](value);
     };
   });
 
   // Export
   return {
     ManageProfileOverlay: ManageProfileOverlay
   };
 });