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

chrome/browser/resources/options/chromeos/display_options.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.exportPath('options');
 
 /**
  * Enumeration of multi display mode. These values must match the C++ values in
  * ash::DisplayManager.
  * @enum {number}
@@ skipping 51 matching lines @@
 
   // The scale ratio of the display rectangle to its original size.
   /** @const */ var VISUAL_SCALE = 1 / 10;
 
   /**
    * Encapsulated handling of the 'Display' page.
    * @constructor
    * @extends {cr.ui.pageManager.Page}
    */
   function DisplayOptions() {
-    Page.call(this, 'display',
-              loadTimeData.getString('displayOptionsPageTabTitle'),
-              'display-options-page');
+    Page.call(
+        this, 'display', loadTimeData.getString('displayOptionsPageTabTitle'),
+        'display-options-page');
   }
 
   cr.addSingletonGetter(DisplayOptions);
 
   DisplayOptions.prototype = {
     __proto__: Page.prototype,
 
     /**
      * Whether the current output status is mirroring displays or not.
      * @type {boolean}
@@ skipping 81 matching lines @@
      * Whether the display settings can be shown.
      * @type {boolean}
      * @private
      */
     enabled_: true,
 
     /** @override */
     initializePage: function() {
       Page.prototype.initializePage.call(this);
 
-      $('display-options-select-mirroring').onchange = (function() {
-        this.mirroring_ =
-            $('display-options-select-mirroring').value == 'mirroring';
-        chrome.send('setMirroring', [this.mirroring_]);
-      }).bind(this);
+      $('display-options-select-mirroring').onchange =
+          (function() {
+            this.mirroring_ =
+                $('display-options-select-mirroring').value == 'mirroring';
+            chrome.send('setMirroring', [this.mirroring_]);
+          }).bind(this);
 
       var container = $('display-options-displays-view-host');
       container.onmousemove = this.onMouseMove_.bind(this);
       window.addEventListener('mouseup', this.endDragging_.bind(this), true);
       container.ontouchmove = this.onTouchMove_.bind(this);
       container.ontouchend = this.endDragging_.bind(this);
 
-      $('display-options-set-primary').onclick = (function() {
-        chrome.send('setPrimary', [this.focusedId_]);
-      }).bind(this);
-      $('display-options-resolution-selection').onchange = (function(ev) {
-        var display = this.getDisplayInfoFromId_(this.focusedId_);
-        if (!display)
-          return;
-        var resolution = display.resolutions[ev.target.value];
-        chrome.send('setDisplayMode', [this.focusedId_, resolution]);
-      }).bind(this);
-      $('display-options-orientation-selection').onchange = (function(ev) {
-        var rotation = parseInt(ev.target.value, 10);
-        chrome.send('setRotation', [this.focusedId_, rotation]);
-      }).bind(this);
-      $('display-options-color-profile-selection').onchange = (function(ev) {
-        chrome.send('setColorProfile', [this.focusedId_, ev.target.value]);
-      }).bind(this);
-      $('selected-display-start-calibrating-overscan').onclick = (function() {
-        // Passes the target display ID. Do not specify it through URL hash,
-        // we do not care back/forward.
-        var displayOverscan = options.DisplayOverscan.getInstance();
-        displayOverscan.setDisplayId(this.focusedId_);
-        PageManager.showPageByName('displayOverscan');
-        chrome.send('coreOptionsUserMetricsAction',
-                    ['Options_DisplaySetOverscan']);
-      }).bind(this);
+      $('display-options-set-primary').onclick =
+          (function() {
+            chrome.send('setPrimary', [this.focusedId_]);
+          }).bind(this);
+      $('display-options-resolution-selection').onchange =
+          (function(ev) {
+            var display = this.getDisplayInfoFromId_(this.focusedId_);
+            if (!display)
+              return;
+            var resolution = display.resolutions[ev.target.value];
+            chrome.send('setDisplayMode', [this.focusedId_, resolution]);
+          }).bind(this);
+      $('display-options-orientation-selection').onchange =
+          (function(ev) {
+            var rotation = parseInt(ev.target.value, 10);
+            chrome.send('setRotation', [this.focusedId_, rotation]);
+          }).bind(this);
+      $('display-options-color-profile-selection').onchange =
+          (function(ev) {
+            chrome.send('setColorProfile', [this.focusedId_, ev.target.value]);
+          }).bind(this);
+      $('selected-display-start-calibrating-overscan').onclick =
+          (function() {
+            // Passes the target display ID. Do not specify it through URL hash,
+            // we do not care back/forward.
+            var displayOverscan = options.DisplayOverscan.getInstance();
+            displayOverscan.setDisplayId(this.focusedId_);
+            PageManager.showPageByName('displayOverscan');
+            chrome.send(
+                'coreOptionsUserMetricsAction', ['Options_DisplaySetOverscan']);
+          }).bind(this);
 
       $('display-options-done').onclick = function() {
         PageManager.closeOverlay();
       };
 
-      $('display-options-toggle-unified-desktop').onclick = (function() {
-        this.unifiedDesktopEnabled_ = !this.unifiedDesktopEnabled_;
-        chrome.send('setUnifiedDesktopEnabled',
-                    [this.unifiedDesktopEnabled_]);
-      }).bind(this);
+      $('display-options-toggle-unified-desktop').onclick =
+          (function() {
+            this.unifiedDesktopEnabled_ = !this.unifiedDesktopEnabled_;
+            chrome.send(
+                'setUnifiedDesktopEnabled', [this.unifiedDesktopEnabled_]);
+          }).bind(this);
     },
 
     /** @override */
     didShowPage: function() {
-      var optionTitles = document.getElementsByClassName(
-          'selected-display-option-title');
+      var optionTitles =
+          document.getElementsByClassName('selected-display-option-title');
       var maxSize = 0;
       for (var i = 0; i < optionTitles.length; i++)
         maxSize = Math.max(maxSize, optionTitles[i].clientWidth);
       for (var i = 0; i < optionTitles.length; i++)
         optionTitles[i].style.width = maxSize + 'px';
       chrome.send('getDisplayInfo');
     },
 
     /** @override */
-    canShowPage: function() { return this.enabled_; },
+    canShowPage: function() {
+      return this.enabled_;
+    },
 
     /**
      * Enables or disables the page. When disabled, the page will not be able to
      * open, and will close if currently opened. Also sets the enabled states of
      * mirrored and unifed desktop.
      * @param {boolean} uiEnabled
      * @param {boolean} unifiedEnabled
      * @param {boolean} mirroredEnabled
      */
     setEnabled: function(uiEnabled, unifiedEnabled, mirroredEnabled) {
@@ skipping 140 matching lines @@
         return false;
 
       var updateDisplayDescription = focused.id != this.focusedId_;
       this.focusedId_ = focused.id;
       this.displayLayoutManager_.setFocusedId(
           focused.id, true /* user action */);
 
       if (this.displayLayoutManager_.getDisplayLayoutCount() > 1) {
         this.dragInfo_ = {
           displayId: focused.id,
-          originalLocation: {
-            x: focused.div.offsetLeft,
-            y: focused.div.offsetTop
-          },
+          originalLocation:
+              {x: focused.div.offsetLeft, y: focused.div.offsetTop},
           eventLocation: {x: eventLocation.x, y: eventLocation.y}
         };
       }
 
       if (updateDisplayDescription)
         this.updateSelectedDisplayDescription_();
 
       return false;
     },
 
@@ skipping 63 matching lines @@
      * @param {options.DisplayInfo} display The selected display object.
      * @private
      */
     updateSelectedDisplaySectionForDisplay_: function(display) {
       var displayLayout =
           this.displayLayoutManager_.getDisplayLayout(display.id);
       var arrow = $('display-configuration-arrow');
       arrow.hidden = false;
       // Adding 1 px to the position to fit the border line and the border in
       // arrow precisely.
-      arrow.style.top = $('display-configurations').offsetTop -
-          arrow.offsetHeight / 2 + 'px';
+      arrow.style.top =
+          $('display-configurations').offsetTop - arrow.offsetHeight / 2 + 'px';
       arrow.style.left = displayLayout.div.offsetLeft +
           displayLayout.div.offsetWidth / 2 - arrow.offsetWidth / 2 + 'px';
 
       $('display-options-set-primary').disabled = display.isPrimary;
       $('display-options-select-mirroring').disabled = !this.mirroredEnabled_;
       $('selected-display-start-calibrating-overscan').disabled =
           display.isInternal;
 
       var orientation = $('display-options-orientation-selection');
       orientation.disabled = this.unifiedDesktopEnabled_;
@@ skipping 13 matching lines @@
         resolution.appendChild(option);
         resolution.disabled = true;
       } else {
         var previousOption;
         for (var i = 0; i < display.resolutions.length; i++) {
           var option = document.createElement('option');
           option.value = i;
           option.textContent = display.resolutions[i].width + 'x' +
               display.resolutions[i].height;
           if (display.resolutions[i].isBest) {
-            option.textContent += ' ' +
-                loadTimeData.getString('annotateBest');
+            option.textContent += ' ' + loadTimeData.getString('annotateBest');
           } else if (display.resolutions[i].isNative) {
-            option.textContent += ' ' +
-                loadTimeData.getString('annotateNative');
+            option.textContent +=
+                ' ' + loadTimeData.getString('annotateNative');
           }
           if (display.resolutions[i].deviceScaleFactor && previousOption &&
               previousOption.textContent == option.textContent) {
             option.textContent +=
                 ' (' + display.resolutions[i].deviceScaleFactor + 'x)';
           }
           option.selected = display.resolutions[i].selected;
           resolution.appendChild(option);
           previousOption = option;
         }
@@ skipping 113 matching lines @@
       for (var i = 0; i < this.displays_.length; i++) {
         var display = this.displays_[i];
         var layout = new options.DisplayLayout(
             display.id, display.name, display.bounds, display.layoutType,
             display.offset, display.parentId);
         this.displayLayoutManager_.addDisplayLayout(layout);
       }
 
       // Calculate the display area bounds and create the divs for each display.
       this.visualScale_ = this.displayLayoutManager_.createDisplayArea(
-          /** @type {!Element} */(this.displaysView_), VISUAL_SCALE);
+          /** @type {!Element} */ (this.displaysView_), VISUAL_SCALE);
 
       this.displayLayoutManager_.setFocusedId(this.focusedId_);
       this.displayLayoutManager_.setDivCallbacks(
           this.onMouseDown_.bind(this), this.onTouchStart_.bind(this));
     },
 
     /**
      * Called when the display arrangement has changed.
      * @param {options.MultiDisplayMode} mode multi display mode.
      * @param {!Array<!options.DisplayInfo>} displays The list of the display
@@ skipping 45 matching lines @@
 
       this.updateSelectedDisplayDescription_();
     }
   };
 
   DisplayOptions.setDisplayInfo = function(mode, displays) {
     DisplayOptions.getInstance().onDisplayChanged_(mode, displays);
   };
 
   // Export
-  return {
-    DisplayOptions: DisplayOptions
-  };
+  return {DisplayOptions: DisplayOptions};
 });