[cros] Add attribution (author & website) strings to stock user images.

chrome/browser/resources/chromeos/login/oobe_screen_user_image.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.
 
 /**
  * @fileoverview Oobe user image screen implementation.
  */
 
 cr.define('oobe', function() {
   var UserImagesGrid = options.UserImagesGrid;
@@ skipping 266 matching lines @@
       this.profileImageLoading = false;
       if (imageUrl !== null) {
         this.profileImagePresent_ = true;
         this.profileImageUrl_ = imageUrl;
         this.profileImage_ =
             $('user-image-grid').updateItem(this.profileImage_, imageUrl);
       }
     },
 
     /**
-     * Appends received images to the list.
-     * @param {Array.<string>} images An array of URLs to user images.
+     * Appends default images to the image grid. Should only be called once.
+     * @param {Array.<{url: string, author: string, website: string}>} images
+     *   An array of default images data, including URL, author and website.
      * @private
      */
-    setUserImages_: function(images) {
+    setDefaultImages_: function(images) {
       var imageGrid = $('user-image-grid');
-      for (var i = 0, url; url = images[i]; i++)
-        imageGrid.addItem(url);
+      for (var i = 0, data; data = imagesData[i]; i++) {
+        imageGrid.addItem(data.url);
+      }
     },
 
     /**
      * Selects user image with the given URL.
      * @param {string} url URL of the image to select.
      * @private
      */
     setSelectedImage_: function(url) {
       var imageGrid = $('user-image-grid');
       imageGrid.selectedItemUrl = url;
@@ skipping 159 matching lines @@
     handleSelect_: function() {
       var imageGrid = $('user-image-grid');
       if (imageGrid.selectionType == 'camera' && imageGrid.cameraLive) {
         // No current image selected.
         $('ok-button').disabled = true;
       } else {
         $('ok-button').disabled = false;
         chrome.send('selectImage', [imageGrid.selectedItemUrl]);
       }
       this.updateCaption_();
+      // Update image attribution text.
+      var image = imageGrid.selectedItem;
+      $('user-image-author-name').textContent = image.author;
+      $('user-image-author-website').textContent = image.website;
+      $('user-image-author-website').href = image.website;
+      $('user-image-attribution').style.visibility =
+          (image.author || image.website) ? 'visible' : 'hidden';
     },
 
     /**
      * Handle photo capture from the live camera stream.
      */
     handleTakePhoto_: function(e) {
       $('user-image-grid').takePhoto(function(photoURL) {
         chrome.send('photoTaken', [photoURL]);
       });
     },
@@ skipping 40 matching lines @@
      */
     setProfileImage_: function(imageUrl) {
       this.profileImageLoading = false;
       if (imageUrl !== null) {
         this.profileImage_ =
             $('user-image-grid').updateItem(this.profileImage_, imageUrl);
       }
     },
 
     /**
-     * Appends received images to the list.
-     * @param {Array.<string>} images An array of URLs to user images.
+     * Appends default images to the image grid. Should only be called once.
+     * @param {Array.<{url: string, author: string, website: string}>} images
+     *   An array of default images data, including URL, author and website.
      * @private
      */
-    setUserImages_: function(images) {
+    setDefaultImages_: function(imagesData) {
       var imageGrid = $('user-image-grid');
-      for (var i = 0, url; url = images[i]; i++)
-        imageGrid.addItem(url).type = 'default';
+      for (var i = 0, data; data = imagesData[i]; i++) {
+        var item = imageGrid.addItem(data.url);
+        item.type = 'default';
+        item.author = data.author || '';
+        item.website = data.website || '';
+      }
     },
 
     /**
      * Selects user image with the given URL.
      * @param {string} url URL of the image to select.
      * @private
      */
     setSelectedImage_: function(url) {
       var imageGrid = $('user-image-grid');
       imageGrid.selectedItemUrl = url;
@@ skipping 22 matching lines @@
      * @private
      */
     updateProfileImageCaption_: function() {
       this.profileImageCaption = localStrings.getString(
         this.profileImageLoading_ ? 'profilePhotoLoading' : 'profilePhoto');
     }
   };
 
   // Forward public APIs to private implementations.
   [
+    'setDefaultImages',
     'setCameraPresent',
     'setProfileImage',
     'setSelectedImage',
-    'setUserImages',
     'setUserPhoto',
   ].forEach(function(name) {
     UserImageScreen[name] = function(value) {
       $('user-image')[name + '_'](value);
     };
   });
 
   return {
     UserImageScreen: UserImageScreen
   };
 });