options image grid: Make sure the images are requested with the appropriate scale.

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 46 matching lines @@
     return el;
   }
 
   UserImagesGridItem.prototype = {
     __proto__: GridItem.prototype,
 
     /** @inheritDoc */
     decorate: function() {
       GridItem.prototype.decorate.call(this);
       var imageEl = cr.doc.createElement('img');
-      imageEl.src = this.dataItem.url;
+      var scheme = 'chrome://';
+      if (this.dataItem.url.slice(0, scheme.length) == scheme)

[Ivan Korotkov, 2012/08/16 17:47:53]

Optional: using a regexp or url.indexOf(scheme) == 0 is somewhat slower but more
clear. 

[sadrul, 2012/08/16 19:36:16]

I considered using indexOf at first. But since this could be datauri, perhaps it
makes sense to go with slice (thanks for flackr@)

[Ivan Korotkov, 2012/08/17 08:01:43]

Right, makes sense.

+        imageEl.src = this.dataItem.url + '@' + window.devicePixelRatio + 'x';
+      else
+        imageEl.src = this.dataItem.url;
       imageEl.title = this.dataItem.title || '';
       if (typeof this.dataItem.clickHandler == 'function')
         imageEl.addEventListener('mousedown', this.dataItem.clickHandler);
       // Remove any garbage added by GridItem and ListItem decorators.
       this.textContent = '';
       this.appendChild(imageEl);
       if (typeof this.dataItem.decorateFn == 'function')
         this.dataItem.decorateFn(this);
       this.setAttribute('role', 'option');
     }
@@ skipping 587 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
   };
 });