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

chrome/browser/resources/chromeos/arc_support/background.js

 // Copyright 2016 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.
 
 /**
  * Chrome window that hosts UI. Only one window is allowed.
  * @type {chrome.app.window.AppWindow}
  */
 var appWindow = null;
 
@@ skipping 45 matching lines @@
  */
 function sendNativeMessage(event, opt_props) {
   var message = Object.assign({'event': event}, opt_props);
   port.postMessage(message);
 }
 
 /**
  * Class to handle checkbox corresponding to a preference.
  */
 class PreferenceCheckbox {
-
   /**
    * Creates a Checkbox which handles the corresponding preference update.
    * @param {Element} container The container this checkbox corresponds to.
    *     The element must have <input type="checkbox" class="checkbox-option">
    *     for the checkbox itself, and <p class="checkbox-text"> for its label.
    * @param {string} learnMoreContent I18n content which is shown when "Learn
    *     More" link is clicked.
    * @param {string?} learnMoreLinkId The ID for the "Learn More" link element.
    *     TODO: Get rid of this. The element can have class so that it can be
    *     identified easily. Also, it'd be better to extract the link element
@@ skipping 23 matching lines @@
     } else {
       this.policyIndicator_ = null;
     }
   }
 
   /**
    * Returns if the checkbox is checked or not. Note that this *may* be
    * different from the preference value, because the user's check is
    * not propagated to the preference until the user clicks "AGREE" button.
    */
-  isChecked() { return this.checkbox_.checked; }
+  isChecked() {
+    return this.checkbox_.checked;
+  }
 
   /**
    * Called when the preference value in native code is updated.
    */
   onPreferenceChanged(isEnabled, isManaged) {
     this.checkbox_.checked = isEnabled;
     this.checkbox_.disabled = isManaged;
     this.label_.disabled = isManaged;
 
     if (this.policyIndicator_) {
@@ skipping 13 matching lines @@
   }
 }
 
 /**
  * Handles the checkbox action of metrics preference.
  * This has special customization e.g. show/hide the checkbox based on
  * the native preference.
  */
 class MetricsPreferenceCheckbox extends PreferenceCheckbox {
   constructor(
-      container, learnMoreContent, learnMoreLinkId, isOwner,
-      textDisabled, textEnabled, textManagedDisabled, textManagedEnabled) {
+      container, learnMoreContent, learnMoreLinkId, isOwner, textDisabled,
+      textEnabled, textManagedDisabled, textManagedEnabled) {
     // Do not use policy indicator.
     // Learn More link handling is done by this class.
     // So pass |null| intentionally.
     super(container, learnMoreContent, null, null);
 
     this.learnMoreLinkId_ = learnMoreLinkId;
     this.isOwner_ = isOwner;
 
     // Two dimensional array. First dimension is whether it is managed or not,
     // the second one is whether it is enabled or not.
     this.texts_ = [
-        [textDisabled, textEnabled],
-        [textManagedDisabled, textManagedEnabled]
+      [textDisabled, textEnabled], [textManagedDisabled, textManagedEnabled]
     ];
   }
 
   onPreferenceChanged(isEnabled, isManaged) {
     isManaged = isManaged || !this.isOwner_;
     super.onPreferenceChanged(isEnabled, isManaged);
 
     // Hide the checkbox if it is not allowed to (re-)enable.
     var canEnable = !isEnabled && !isManaged;
     this.checkbox_.hidden = !canEnable;
@@ skipping 31 matching lines @@
   LOADING: 1,
   ABORTED: 2,
   LOADED: 3,
 };
 
 /**
  * Handles events for Terms-Of-Service page. Also this implements the async
  * loading of Terms-Of-Service content.
  */
 class TermsOfServicePage {
-
   /**
    * @param {Element} container The container of the page.
    * @param {boolean} isManaged Set true if ARC is managed.
    * @param {string} countryCode The country code for the terms of service.
    * @param {MetricsPreferenceCheckbox} metricsCheckbox. The checkbox for the
    *     metrics preference.
    * @param {PreferenceCheckbox} backupRestoreCheckbox The checkbox for the
    *     backup-restore preference.
    * @param {PreferenceCheckbox} locationServiceCheckbox The checkbox for the
    *     location service.
    */
   constructor(
-      container, isManaged, countryCode,
-      metricsCheckbox, backupRestoreCheckbox, locationServiceCheckbox) {
+      container, isManaged, countryCode, metricsCheckbox, backupRestoreCheckbox,
+      locationServiceCheckbox) {
     this.loadingContainer_ =
         container.querySelector('#terms-of-service-loading');
     this.contentContainer_ =
         container.querySelector('#terms-of-service-content');
 
     this.metricsCheckbox_ = metricsCheckbox;
     this.backupRestoreCheckbox_ = backupRestoreCheckbox;
     this.locationServiceCheckbox_ = locationServiceCheckbox;
 
     this.isManaged_ = isManaged;
 
     // Set event listener for webview loading.
     this.termsView_ = container.querySelector('#terms-view');
     this.termsView_.addEventListener(
         'loadstart', () => this.onTermsViewLoadStarted_());
     this.termsView_.addEventListener(
         'contentload', () => this.onTermsViewLoaded_());
     this.termsView_.addEventListener(
         'loadabort', (event) => this.onTermsViewLoadAborted_(event.reason));
 
     var scriptSetCountryCode =
         'document.countryCode = \'' + countryCode.toLowerCase() + '\';';
     this.termsView_.addContentScripts([
-      { name: 'preProcess',
+      {
+        name: 'preProcess',
         matches: ['https://play.google.com/*'],
-        js: { code: scriptSetCountryCode },
+        js: {code: scriptSetCountryCode},
         run_at: 'document_start'
       },
-      { name: 'postProcess',
+      {
+        name: 'postProcess',
         matches: ['https://play.google.com/*'],
-        css: { files: ['playstore.css'] },
-        js: { files: ['playstore.js'] },
+        css: {files: ['playstore.css']},
+        js: {files: ['playstore.js']},
         run_at: 'document_end'
-      }]);
+      }
+    ]);
 
     // webview is not allowed to open links in the new window. Hook these
     // events and open links in overlay dialog.
     this.termsView_.addEventListener('newwindow', function(event) {
       event.preventDefault();
       showURLOverlay(event.targetUrl);
     });
     this.state_ = LoadState.UNLOADED;
 
     // On managed case, do not show TermsOfService section. Note that the
@@ skipping 137 matching lines @@
  */
 function initialize(data, deviceId) {
   currentDeviceId = deviceId;
   var doc = appWindow.contentWindow.document;
   var loadTimeData = appWindow.contentWindow.loadTimeData;
   loadTimeData.data = data;
   appWindow.contentWindow.i18nTemplate.process(doc, loadTimeData);
 
   // Initialize preference connected checkboxes in terms of service page.
   termsPage = new TermsOfServicePage(
-      doc.getElementById('terms'),
-      data.arcManaged,
-      data.countryCode,
+      doc.getElementById('terms'), data.arcManaged, data.countryCode,
       new MetricsPreferenceCheckbox(
-          doc.getElementById('metrics-preference'),
-          data.learnMoreStatistics,
-          '#learn-more-link-metrics',
-          data.isOwnerProfile,
-          data.textMetricsDisabled,
-          data.textMetricsEnabled,
-          data.textMetricsManagedDisabled,
-          data.textMetricsManagedEnabled),
+          doc.getElementById('metrics-preference'), data.learnMoreStatistics,
+          '#learn-more-link-metrics', data.isOwnerProfile,
+          data.textMetricsDisabled, data.textMetricsEnabled,
+          data.textMetricsManagedDisabled, data.textMetricsManagedEnabled),
       new PreferenceCheckbox(
           doc.getElementById('backup-restore-preference'),
-          data.learnMoreBackupAndRestore,
-          '#learn-more-link-backup-restore',
+          data.learnMoreBackupAndRestore, '#learn-more-link-backup-restore',
           data.controlledByPolicy),
       new PreferenceCheckbox(
           doc.getElementById('location-service-preference'),
-          data.learnMoreLocationServices,
-          '#learn-more-link-location-service',
+          data.learnMoreLocationServices, '#learn-more-link-location-service',
           data.controlledByPolicy));
 }
 
 /**
  * Handles native messages received from ArcSupportHost.
  * @param {!Object} message The message received.
  */
 function onNativeMessage(message) {
   if (!message.action) {
     return;
@@ skipping 54 matching lines @@
   // change from users' point of view.
   if (pageDivId != 'lso-loading' || doc.getElementById('arc-loading').hidden) {
     var pages = doc.getElementsByClassName('section');
     for (var i = 0; i < pages.length; i++) {
       pages[i].hidden = pages[i].id != pageDivId;
     }
   }
 
   if (pageDivId == 'lso-loading') {
     lsoView.src = 'https://accounts.google.com/o/oauth2/v2/auth?client_id=' +
-                  '1070009224336-sdh77n7uot3oc99ais00jmuft6sk2fg9.apps.' +
-                  'googleusercontent.com&response_type=code&redirect_uri=oob&' +
-                  'scope=https://www.google.com/accounts/OAuthLogin&' +
-                  'device_type=arc_plus_plus&device_id=' + currentDeviceId +
-                  '&hl=' + navigator.language;
+        '1070009224336-sdh77n7uot3oc99ais00jmuft6sk2fg9.apps.' +
+        'googleusercontent.com&response_type=code&redirect_uri=oob&' +
+        'scope=https://www.google.com/accounts/OAuthLogin&' +
+        'device_type=arc_plus_plus&device_id=' + currentDeviceId +
+        '&hl=' + navigator.language;
   }
   appWindow.show();
   if (pageDivId == 'terms') {
     termsPage.onShow();
   }
 }
 
 /**
  * Shows an error page, with given errorMessage.
  *
@@ skipping 85 matching lines @@
     lastFocusedElement.focus();
     lastFocusedElement = null;
   }
 }
 
 function setWindowBounds() {
   if (!appWindow) {
     return;
   }
 
-  var decorationWidth = appWindow.outerBounds.width -
-      appWindow.innerBounds.width;
-  var decorationHeight = appWindow.outerBounds.height -
-      appWindow.innerBounds.height;
+  var decorationWidth =
+      appWindow.outerBounds.width - appWindow.innerBounds.width;
+  var decorationHeight =
+      appWindow.outerBounds.height - appWindow.innerBounds.height;
 
   var outerWidth = INNER_WIDTH + decorationWidth;
   var outerHeight = INNER_HEIGHT + decorationHeight;
   if (outerWidth > screen.availWidth) {
     outerWidth = screen.availWidth;
   }
   if (outerHeight > screen.availHeight) {
     outerHeight = screen.availHeight;
   }
   if (appWindow.outerBounds.width == outerWidth &&
       appWindow.outerBounds.height == outerHeight) {
     return;
   }
 
   appWindow.outerBounds.width = outerWidth;
   appWindow.outerBounds.height = outerHeight;
   appWindow.outerBounds.left = Math.ceil((screen.availWidth - outerWidth) / 2);
-  appWindow.outerBounds.top =
-    Math.ceil((screen.availHeight - outerHeight) / 2);
+  appWindow.outerBounds.top = Math.ceil((screen.availHeight - outerHeight) / 2);
 }
 
 chrome.app.runtime.onLaunched.addListener(function() {
   var onAppContentLoad = function() {
     var doc = appWindow.contentWindow.document;
     lsoView = doc.getElementById('arc-support');
-    lsoView.addContentScripts([
-        { name: 'postProcess',
-          matches: ['https://accounts.google.com/*'],
-          css: { files: ['lso.css'] },
-          run_at: 'document_end'
-        }]);
+    lsoView.addContentScripts([{
+      name: 'postProcess',
+      matches: ['https://accounts.google.com/*'],
+      css: {files: ['lso.css']},
+      run_at: 'document_end'
+    }]);
 
     var isApprovalResponse = function(url) {
       var resultUrlPrefix = 'https://accounts.google.com/o/oauth2/approval?';
       return url.substring(0, resultUrlPrefix.length) == resultUrlPrefix;
     };
 
     var lsoError = false;
     var onLsoViewRequestResponseStarted = function(details) {
       if (isApprovalResponse(details.url)) {
         showPage('arc-loading');
@@ skipping 23 matching lines @@
       }
 
       lsoView.executeScript({code: 'document.title;'}, function(results) {
         var authCodePrefix = 'Success code=';
         if (results && results.length == 1 && typeof results[0] == 'string' &&
             results[0].substring(0, authCodePrefix.length) == authCodePrefix) {
           var authCode = results[0].substring(authCodePrefix.length);
           sendNativeMessage('onAuthSucceeded', {code: authCode});
         } else {
           sendNativeMessage('onAuthFailed');
-          showErrorPage(
-              appWindow.contentWindow.loadTimeData.getString(
-                  'authorizationFailed'));
+          showErrorPage(appWindow.contentWindow.loadTimeData.getString(
+              'authorizationFailed'));
         }
       });
     };
 
-    var requestFilter = {
-      urls: ['<all_urls>'],
-      types: ['main_frame']
-    };
+    var requestFilter = {urls: ['<all_urls>'], types: ['main_frame']};
 
     lsoView.request.onResponseStarted.addListener(
         onLsoViewRequestResponseStarted, requestFilter);
     lsoView.request.onErrorOccurred.addListener(
         onLsoViewErrorOccurred, requestFilter);
     lsoView.addEventListener('contentload', onLsoViewContentLoad);
 
     var onRetry = function() {
       sendNativeMessage('onRetryClicked');
     };
 
     var onSendFeedback = function() {
       sendNativeMessage('onSendFeedbackClicked');
     };
 
     doc.getElementById('button-retry').addEventListener('click', onRetry);
     doc.getElementById('button-send-feedback')
         .addEventListener('click', onSendFeedback);
     doc.getElementById('overlay-close').addEventListener('click', hideOverlay);
-    doc.getElementById('privacy-policy-link').addEventListener(
-        'click', showPrivacyPolicyOverlay);
+    doc.getElementById('privacy-policy-link')
+        .addEventListener('click', showPrivacyPolicyOverlay);
 
     var overlay = doc.getElementById('overlay-container');
     appWindow.contentWindow.cr.ui.overlay.setupOverlay(overlay);
     appWindow.contentWindow.cr.ui.overlay.globalInitialization();
     overlay.addEventListener('cancelOverlay', hideOverlay);
 
     connectPort();
   };
 
   var onWindowCreated = function(createdWindow) {
@@ skipping 14 matching lines @@
     // otherwise the background page would be kept alive so that the extension
     // would not be unloaded.
     port.disconnect();
     port = null;
   };
 
   var options = {
     'id': 'play_store_wnd',
     'resizable': false,
     'hidden': true,
-    'frame': {
-      type: 'chrome',
-      color: '#ffffff'
-    },
-    'innerBounds': {
-      'width': INNER_WIDTH,
-      'height': INNER_HEIGHT
-    }
+    'frame': {type: 'chrome', color: '#ffffff'},
+    'innerBounds': {'width': INNER_WIDTH, 'height': INNER_HEIGHT}
   };
   chrome.app.window.create('main.html', options, onWindowCreated);
 });