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

chrome/browser/resources/extensions/extensions.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.
 
 // <include src="../../../../ui/webui/resources/js/cr/ui/focus_row.js">
 // <include src="../../../../ui/webui/resources/js/cr/ui/focus_grid.js">
 // <include src="drag_and_drop_handler.js">
 // <include src="extension_code.js">
 // <include src="extension_commands_overlay.js">
 // <include src="extension_error_overlay.js">
@@ skipping 56 matching lines @@
       cr.ui.FocusOutlineManager.forDocument(document);
       measureCheckboxStrings();
 
       var extensionList = new ExtensionList(this);
       extensionList.id = 'extension-settings-list';
       var wrapper = $('extension-list-wrapper');
       wrapper.insertBefore(extensionList, wrapper.firstChild);
 
       // Get the initial profile state, and register to be notified of any
       // future changes.
-      chrome.developerPrivate.getProfileConfiguration(
-          this.update_.bind(this));
+      chrome.developerPrivate.getProfileConfiguration(this.update_.bind(this));
       chrome.developerPrivate.onProfileStateChanged.addListener(
           this.update_.bind(this));
 
       var extensionLoader = extensions.ExtensionLoader.getInstance();
 
       $('toggle-dev-on').addEventListener('change', function(e) {
         this.updateDevControlsVisibility_(true);
         chrome.developerPrivate.updateProfileConfiguration(
             {inDeveloperMode: e.target.checked});
         var suffix = $('toggle-dev-on').checked ? 'Enabled' : 'Disabled';
-        chrome.send('metricsHandler:recordAction',
-                    ['Options_ToggleDeveloperMode_' + suffix]);
+        chrome.send(
+            'metricsHandler:recordAction',
+            ['Options_ToggleDeveloperMode_' + suffix]);
       }.bind(this));
 
       window.addEventListener('resize', function() {
         this.updateDevControlsVisibility_(false);
       }.bind(this));
 
       // Set up the three dev mode buttons (load unpacked, pack and update).
       $('load-unpacked').addEventListener('click', function(e) {
-        chrome.send('metricsHandler:recordAction',
-                    ['Options_LoadUnpackedExtension']);
+        chrome.send(
+            'metricsHandler:recordAction', ['Options_LoadUnpackedExtension']);
         extensionLoader.loadUnpacked();
       });
-      $('pack-extension').addEventListener('click',
-          this.handlePackExtension_.bind(this));
-      $('update-extensions-now').addEventListener('click',
-          this.handleUpdateExtensionNow_.bind(this));
+      $('pack-extension')
+          .addEventListener('click', this.handlePackExtension_.bind(this));
+      $('update-extensions-now')
+          .addEventListener('click', this.handleUpdateExtensionNow_.bind(this));
 
       var dragTarget = document.documentElement;
       /** @private {extensions.DragAndDropHandler} */
       this.dragWrapperHandler_ =
           new extensions.DragAndDropHandler(true, dragTarget);
       dragTarget.addEventListener('extension-drag-started', function() {
         ExtensionSettings.showOverlay($('drop-target-overlay'));
       });
       dragTarget.addEventListener('extension-drag-ended', function() {
         var overlay = ExtensionSettings.getCurrentOverlay();
         if (overlay && overlay.id === 'drop-target-overlay')
           ExtensionSettings.showOverlay(null);
       });
       this.dragWrapper_ =
           new cr.ui.DragWrapper(dragTarget, this.dragWrapperHandler_);
 
       extensions.PackExtensionOverlay.getInstance().initializePage();
 
       // Hook up the configure commands link to the overlay.
       var link = document.querySelector('.extension-commands-config');
-      link.addEventListener('click',
-          this.handleExtensionCommandsConfig_.bind(this));
+      link.addEventListener(
+          'click', this.handleExtensionCommandsConfig_.bind(this));
 
       // Initialize the Commands overlay.
       extensions.ExtensionCommandsOverlay.getInstance().initializePage();
 
       extensions.ExtensionErrorOverlay.getInstance().initializePage(
           extensions.ExtensionSettings.showOverlay);
 
       extensions.ExtensionOptionsOverlay.getInstance().initializePage(
           extensions.ExtensionSettings.showOverlay);
 
       // Add user action logging for bottom links.
       var moreExtensionLink =
           document.getElementsByClassName('more-extensions-link');
       for (var i = 0; i < moreExtensionLink.length; i++) {
         moreExtensionLink[i].addEventListener('click', function(e) {
-          chrome.send('metricsHandler:recordAction',
-                      ['Options_GetMoreExtensions']);
+          chrome.send(
+              'metricsHandler:recordAction', ['Options_GetMoreExtensions']);
         });
       }
 
       // Initialize the kiosk overlay.
       if (cr.isChromeOS) {
         var kioskOverlay = extensions.KioskAppsOverlay.getInstance();
         kioskOverlay.initialize();
 
         $('add-kiosk-app').addEventListener('click', function() {
           ExtensionSettings.showOverlay($('kiosk-apps-page'));
@@ skipping 45 matching lines @@
       devControlsCheckbox.disabled =
           supervised || developerModeControlledByPolicy;
 
       // This is necessary e.g. if developer mode is now disabled by policy
       // but extension developer tools were visible.
       this.updateDevControlsVisibility_(false);
       this.updateDevToggleControlledIndicator_(developerModeControlledByPolicy);
 
       $('load-unpacked').disabled = !profileInfo.canLoadUnpacked;
       var extensionList = $('extension-settings-list');
-      extensionList.updateExtensionsData(
-          profileInfo.isIncognitoAvailable,
-          profileInfo.appInfoDialogEnabled).then(function() {
-        if (!this.hasLoaded_) {
-          this.hasLoaded_ = true;
-          this.setLoading_(false);
-        }
-        this.onExtensionCountChanged();
-      }.bind(this));
+      extensionList
+          .updateExtensionsData(
+              profileInfo.isIncognitoAvailable,
+              profileInfo.appInfoDialogEnabled)
+          .then(function() {
+            if (!this.hasLoaded_) {
+              this.hasLoaded_ = true;
+              this.setLoading_(false);
+            }
+            this.onExtensionCountChanged();
+          }.bind(this));
     },
 
     /**
      * Shows or hides the 'controlled by policy' indicator on the dev-toggle
      * checkbox.
      * @param {boolean} devModeControlledByPolicy true if the indicator
      *     should be showing.
      * @private
      */
     updateDevToggleControlledIndicator_: function(devModeControlledByPolicy) {
-      var controlledIndicator = document.querySelector(
-          '#dev-toggle .controlled-setting-indicator');
+      var controlledIndicator =
+          document.querySelector('#dev-toggle .controlled-setting-indicator');
 
       if (!(controlledIndicator instanceof cr.ui.ControlledIndicator))
         cr.ui.ControlledIndicator.decorate(controlledIndicator);
 
       // We control the visibility of the ControlledIndicator by setting or
       // removing the 'controlled-by' attribute (see controlled_indicator.css).
       var isVisible = controlledIndicator.getAttribute('controlled-by');
       if (devModeControlledByPolicy && !isVisible) {
         var controlledBy = 'policy';
-        controlledIndicator.setAttribute(
-           'controlled-by', controlledBy);
+        controlledIndicator.setAttribute('controlled-by', controlledBy);
         controlledIndicator.setAttribute(
             'text' + controlledBy,
             loadTimeData.getString('extensionControlledSettingPolicy'));
       } else if (!devModeControlledByPolicy && isVisible) {
         // This hides the element - see above.
         controlledIndicator.removeAttribute('controlled-by');
       }
     },
 
     /**
@@ skipping 21 matching lines @@
       ExtensionSettings.showOverlay($('pack-extension-overlay'));
       chrome.send('metricsHandler:recordAction', ['Options_PackExtension']);
     },
 
     /**
      * Shows the Extension Commands configuration UI.
      * @private
      */
     showExtensionCommandsConfigUi_: function() {
       ExtensionSettings.showOverlay($('extension-commands-overlay'));
-      chrome.send('metricsHandler:recordAction',
-                  ['Options_ExtensionCommands']);
+      chrome.send('metricsHandler:recordAction', ['Options_ExtensionCommands']);
     },
 
     /**
      * Handles the Configure (Extension) Commands link.
      * @param {Event} e Change event.
      * @private
      */
     handleExtensionCommandsConfig_: function(e) {
       this.showExtensionCommandsConfigUi_();
     },
 
     /**
      * Handles the Update Extension Now button.
      * @param {Event} e Change event.
      * @private
      */
     handleUpdateExtensionNow_: function(e) {
       chrome.developerPrivate.autoUpdate();
-      chrome.send('metricsHandler:recordAction',
-                  ['Options_UpdateExtensions']);
+      chrome.send('metricsHandler:recordAction', ['Options_UpdateExtensions']);
     },
 
     /**
      * Updates the visibility of the developer controls based on whether the
      * [x] Developer mode checkbox is checked.
      * @param {boolean} animated Whether to animate any updates.
      * @private
      */
     updateDevControlsVisibility_: function(animated) {
       var showDevControls = $('toggle-dev-on').checked;
       $('extension-settings').classList.toggle('dev-mode', showDevControls);
 
       var devControls = $('dev-controls');
       devControls.classList.toggle('animated', animated);
 
       var buttons = devControls.querySelector('.button-container');
-      Array.prototype.forEach.call(buttons.querySelectorAll('a, button'),
-                                   function(control) {
-        control.tabIndex = showDevControls ? 0 : -1;
-      });
+      Array.prototype.forEach.call(
+          buttons.querySelectorAll('a, button'), function(control) {
+            control.tabIndex = showDevControls ? 0 : -1;
+          });
       buttons.setAttribute('aria-hidden', !showDevControls);
 
       window.requestAnimationFrame(function() {
-        devControls.style.height = !showDevControls ? '' :
-            buttons.offsetHeight + 'px';
+        devControls.style.height =
+            !showDevControls ? '' : buttons.offsetHeight + 'px';
 
         document.dispatchEvent(new Event('devControlsVisibilityUpdated'));
       }.bind(this));
     },
 
     /** @override */
     onExtensionCountChanged: function() {
       /** @const */
       var hasExtensions = $('extension-settings-list').getNumExtensions() != 0;
       $('no-extensions').hidden = hasExtensions;
@@ skipping 94 matching lines @@
         loadTimeData.getString('extensionSettingsEnable');
     measuringDiv.className = 'enable-text';
     pxWidth = Math.max(measuringDiv.clientWidth + trashWidth, pxWidth);
     measuringDiv.textContent =
         loadTimeData.getString('extensionSettingsDeveloperMode');
     measuringDiv.className = '';
     pxWidth = Math.max(measuringDiv.clientWidth, pxWidth);
 
     var style = document.createElement('style');
     style.type = 'text/css';
-    style.textContent =
-        '.enable-checkbox-text {' +
+    style.textContent = '.enable-checkbox-text {' +
         '  min-width: ' + (pxWidth - trashWidth) + 'px;' +
         '}' +
         '#dev-toggle span {' +
         '  min-width: ' + pxWidth + 'px;' +
         '}';
     document.querySelector('head').appendChild(style);
   }
 
   // Export
-  return {
-    ExtensionSettings: ExtensionSettings
-  };
+  return {ExtensionSettings: ExtensionSettings};
 });
 
 window.addEventListener('load', function(e) {
   extensions.ExtensionSettings.getInstance().initialize();
 });