DO NOT SUBMIT: what chrome/browser/resources/ could eventually look like with clang-format

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.
  */
 
 login.createScreen('UserImageScreen', 'user-image', function() {
   var CONTEXT_KEY_IS_CAMERA_PRESENT = 'isCameraPresent';
   var CONTEXT_KEY_SELECTED_IMAGE_URL = 'selectedImageURL';
   var CONTEXT_KEY_PROFILE_PICTURE_DATA_URL = 'profilePictureDataURL';
 
   var UserImagesGrid = options.UserImagesGrid;
   var ButtonImages = UserImagesGrid.ButtonImages;
 
   return {
-    EXTERNAL_API: [
-      'setDefaultImages',
-      'hideCurtain'
-    ],
+    EXTERNAL_API: ['setDefaultImages', 'hideCurtain'],
 
     /** @override */
     decorate: function(element) {
       var imageGrid = $('user-image-grid');
       UserImagesGrid.decorate(imageGrid);
 
       // Preview image will track the selected item's URL.
       var previewElement = $('user-image-preview');
-      previewElement.oncontextmenu = function(e) { e.preventDefault(); };
+      previewElement.oncontextmenu = function(e) {
+        e.preventDefault();
+      };
 
       imageGrid.previewElement = previewElement;
       imageGrid.selectionType = 'default';
       imageGrid.flipPhotoElement = $('flip-photo');
 
-      imageGrid.addEventListener('select',
-                                 this.handleSelect_.bind(this));
-      imageGrid.addEventListener('activate',
-                                 this.handleImageActivated_.bind(this));
-      imageGrid.addEventListener('phototaken',
-                                 this.handlePhotoTaken_.bind(this));
-      imageGrid.addEventListener('photoupdated',
-                                 this.handlePhotoUpdated_.bind(this));
+      imageGrid.addEventListener('select', this.handleSelect_.bind(this));
+      imageGrid.addEventListener(
+          'activate', this.handleImageActivated_.bind(this));
+      imageGrid.addEventListener(
+          'phototaken', this.handlePhotoTaken_.bind(this));
+      imageGrid.addEventListener(
+          'photoupdated', this.handlePhotoUpdated_.bind(this));
 
       // Set the title for camera item in the grid.
       imageGrid.setCameraTitles(
           loadTimeData.getString('takePhoto'),
           loadTimeData.getString('photoFromCamera'));
 
       this.profileImageLoading = true;
 
       // Profile image data (if present).
       this.profileImage_ = imageGrid.addItem(
-          ButtonImages.PROFILE_PICTURE,           // Image URL.
-          loadTimeData.getString('profilePhoto'), // Title.
-          undefined,                              // Click handler.
-          0,                                      // Position.
+          ButtonImages.PROFILE_PICTURE,            // Image URL.
+          loadTimeData.getString('profilePhoto'),  // Title.
+          undefined,                               // Click handler.
+          0,                                       // Position.
           function(el) {
             // Custom decorator for Profile image element.
             var spinner = el.ownerDocument.createElement('div');
             spinner.className = 'spinner';
             var spinnerBg = el.ownerDocument.createElement('div');
             spinnerBg.className = 'spinner-bg';
             spinnerBg.appendChild(spinner);
             el.appendChild(spinnerBg);
             el.id = 'profile-image';
           });
       this.profileImage_.type = 'profile';
 
-      $('take-photo').addEventListener(
-          'click', this.handleTakePhoto_.bind(this));
-      $('discard-photo').addEventListener(
-          'click', this.handleDiscardPhoto_.bind(this));
+      $('take-photo')
+          .addEventListener('click', this.handleTakePhoto_.bind(this));
+      $('discard-photo')
+          .addEventListener('click', this.handleDiscardPhoto_.bind(this));
 
       // Toggle 'animation' class for the duration of WebKit transition.
-      $('flip-photo').addEventListener(
-          'click', this.handleFlipPhoto_.bind(this));
-      $('user-image-stream-crop').addEventListener(
-          'transitionend', function(e) {
+      $('flip-photo')
+          .addEventListener('click', this.handleFlipPhoto_.bind(this));
+      $('user-image-stream-crop')
+          .addEventListener('transitionend', function(e) {
             previewElement.classList.remove('animation');
           });
-      $('user-image-preview-img').addEventListener(
-          'transitionend', function(e) {
+      $('user-image-preview-img')
+          .addEventListener('transitionend', function(e) {
             previewElement.classList.remove('animation');
           });
 
       var self = this;
-      this.context.addObserver(CONTEXT_KEY_IS_CAMERA_PRESENT,
-                               function(present) {
-        $('user-image-grid').cameraPresent = present;
-      });
-      this.context.addObserver(CONTEXT_KEY_SELECTED_IMAGE_URL,
-                               this.setSelectedImage_);
-      this.context.addObserver(CONTEXT_KEY_PROFILE_PICTURE_DATA_URL,
-                               function(url) {
-        self.profileImageLoading = false;
-        if (url) {
-          self.profileImage_ =
-              $('user-image-grid').updateItem(self.profileImage_, url);
-        }
-      });
+      this.context.addObserver(
+          CONTEXT_KEY_IS_CAMERA_PRESENT, function(present) {
+            $('user-image-grid').cameraPresent = present;
+          });
+      this.context.addObserver(
+          CONTEXT_KEY_SELECTED_IMAGE_URL, this.setSelectedImage_);
+      this.context.addObserver(
+          CONTEXT_KEY_PROFILE_PICTURE_DATA_URL, function(url) {
+            self.profileImageLoading = false;
+            if (url) {
+              self.profileImage_ =
+                  $('user-image-grid').updateItem(self.profileImage_, url);
+            }
+          });
 
       this.updateLocalizedContent();
 
       chrome.send('getImages');
     },
 
     /**
      * Header text of the screen.
      * @type {string}
      */
@@ skipping 27 matching lines @@
 
     /**
      * True if the Profile image is being loaded.
      * @type {boolean}
      */
     get profileImageLoading() {
       return this.profileImageLoading_;
     },
     set profileImageLoading(value) {
       this.profileImageLoading_ = value;
-      $('user-image-screen-main').classList.toggle('profile-image-loading',
-                                                   value);
+      $('user-image-screen-main')
+          .classList.toggle('profile-image-loading', value);
       if (value)
         announceAccessibleMessage(loadTimeData.getString('syncingPreferences'));
       this.updateProfileImageCaption_();
     },
 
     /**
      * Handles image activation (by pressing Enter).
      * @private
      */
     handleImageActivated_: function() {
@@ skipping 31 matching lines @@
         imageGrid.previewElement.classList.remove('phototaken');
         $('flip-photo').tabIndex = -1;
         this.notifyImageSelected_();
       }
       // Start/stop camera on (de)selection.
       if (!imageGrid.inProgramSelection &&
           imageGrid.selectionType != e.oldSelectionType) {
         if (imageGrid.selectionType == 'camera') {
           // Programmatic selection of camera item is done in
           // startCamera callback where streaming is started by itself.
-          imageGrid.startCamera(
-              function() {
-                // Start capture if camera is still the selected item.
-                $('user-image-preview-img').classList.toggle(
-                    'animated-transform', true);
-                return imageGrid.selectedItem == imageGrid.cameraImage;
-              });
+          imageGrid.startCamera(function() {
+            // Start capture if camera is still the selected item.
+            $('user-image-preview-img')
+                .classList.toggle('animated-transform', true);
+            return imageGrid.selectedItem == imageGrid.cameraImage;
+          });
         } else {
-          $('user-image-preview-img').classList.toggle('animated-transform',
-                                                       false);
+          $('user-image-preview-img')
+              .classList.toggle('animated-transform', false);
           imageGrid.stopCamera();
         }
       }
       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 camera-photo flip.
      */
     handleFlipPhoto_: function() {
       var imageGrid = $('user-image-grid');
       imageGrid.previewElement.classList.add('animation');
       imageGrid.flipPhoto = !imageGrid.flipPhoto;
       var flipMessageId = imageGrid.flipPhoto ?
-         'photoFlippedAccessibleText' : 'photoFlippedBackAccessibleText';
+          'photoFlippedAccessibleText' :
+          'photoFlippedBackAccessibleText';
       announceAccessibleMessage(loadTimeData.getString(flipMessageId));
     },
 
     /**
      * Handle photo capture from the live camera stream.
      */
     handleTakePhoto_: function(e) {
       $('user-image-grid').takePhoto();
       chrome.send('takePhoto');
     },
@@ skipping 104 matching lines @@
       this.loading = false;
     },
 
     /**
      * Updates the image preview caption.
      * @private
      */
     updateCaption_: function() {
       $('user-image-preview-caption').textContent =
           $('user-image-grid').selectionType == 'profile' ?
-          this.profileImageCaption : '';
+          this.profileImageCaption :
+          '';
     },
 
     /**
      * Updates localized content of the screen that is not updated via template.
      */
     updateLocalizedContent: function() {
       this.updateProfileImageCaption_();
     },
 
     /**
      * Updates profile image caption.
      * @private
      */
     updateProfileImageCaption_: function() {
       this.profileImageCaption = loadTimeData.getString(
-        this.profileImageLoading_ ? 'profilePhotoLoading' : 'profilePhoto');
+          this.profileImageLoading_ ? 'profilePhotoLoading' : 'profilePhoto');
     },
 
     /**
      * Notifies chrome about image selection.
      * @private
      */
     notifyImageSelected_: function() {
       var imageGrid = $('user-image-grid');
-      chrome.send('selectImage',
-                  [imageGrid.selectedItemUrl,
-                   imageGrid.selectionType,
-                   !imageGrid.inProgramSelection]);
+      chrome.send('selectImage', [
+        imageGrid.selectedItemUrl, imageGrid.selectionType,
+        !imageGrid.inProgramSelection
+      ]);
     }
   };
 });