WIP: run clang-format-js on lots of things

chrome/browser/resources/policy.js

 // Copyright (c) 2013 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('policy', function() {
 
   /**
    * A hack to check if we are displaying the mobile version of this page by
    * checking if the first column is hidden.
    * @return {boolean} True if this is the mobile version.
    */
   var isMobilePage = function() {
-    return document.defaultView.getComputedStyle(document.querySelector(
-        '.scope-column')).display == 'none';
+    return document.defaultView
+               .getComputedStyle(document.querySelector('.scope-column'))
+               .display == 'none';
   };
 
   /**
    * A box that shows the status of cloud policy for a device or user.
    * @constructor
    * @extends {HTMLFieldSetElement}
    */
   var StatusBox = cr.ui.define(function() {
     var node = $('status-box-template').cloneNode(true);
     node.removeAttribute('id');
     return node;
   });
 
   StatusBox.prototype = {
     // Set up the prototype chain.
     __proto__: HTMLFieldSetElement.prototype,
 
     /**
      * Initialization function for the cr.ui framework.
      */
-    decorate: function() {
-    },
+    decorate: function() {},
 
     /**
      * Populate the box with the given cloud policy status.
      * @param {string} scope The policy scope, either "device" or "user".
      * @param {Object} status Dictionary with information about the status.
      */
     initialize: function(scope, status) {
       if (scope == 'device') {
         // For device policy, set the appropriate title and populate the topmost
         // status item with the domain the device is enrolled into.
         this.querySelector('.legend').textContent =
             loadTimeData.getString('statusDevice');
         var domain = this.querySelector('.domain');
         domain.textContent = status.domain;
         domain.parentElement.hidden = false;
 
         // Populate the device naming information.
         // Populate the asset identifier.
         var assetId = this.querySelector('.asset-id');
-        assetId.textContent = status.assetId ||
-            loadTimeData.getString('notSpecified');
+        assetId.textContent =
+            status.assetId || loadTimeData.getString('notSpecified');
         assetId.parentElement.hidden = false;
 
         // Populate the device location.
         var location = this.querySelector('.location');
-        location.textContent = status.location ||
-            loadTimeData.getString('notSpecified');
+        location.textContent =
+            status.location || loadTimeData.getString('notSpecified');
         location.parentElement.hidden = false;
 
         // Populate the directory API ID.
         var directoryApiId = this.querySelector('.directory-api-id');
-        directoryApiId.textContent = status.directoryApiId ||
-            loadTimeData.getString('notSpecified');
+        directoryApiId.textContent =
+            status.directoryApiId || loadTimeData.getString('notSpecified');
         directoryApiId.parentElement.hidden = false;
       } else {
         // For user policy, set the appropriate title and populate the topmost
         // status item with the username that policies apply to.
         this.querySelector('.legend').textContent =
             loadTimeData.getString('statusUser');
         // Populate the topmost item with the username.
         var username = this.querySelector('.username');
         username.textContent = status.username;
         username.parentElement.hidden = false;
@@ skipping 21 matching lines @@
 
   Policy.prototype = {
     // Set up the prototype chain.
     __proto__: HTMLTableSectionElement.prototype,
 
     /**
      * Initialization function for the cr.ui framework.
      */
     decorate: function() {
       this.updateToggleExpandedValueText_();
-      this.querySelector('.toggle-expanded-value').addEventListener(
-          'click', this.toggleExpandedValue_.bind(this));
+      this.querySelector('.toggle-expanded-value')
+          .addEventListener('click', this.toggleExpandedValue_.bind(this));
     },
 
     /**
      * Populate the table columns with information about the policy name, value
      * and status.
      * @param {string} name The policy name.
      * @param {Object} value Dictionary with information about the policy value.
      * @param {boolean} unknown Whether the policy name is not recognized.
      */
     initialize: function(name, value, unknown) {
       this.name = name;
       this.unset = !value;
 
       // Populate the name column.
       this.querySelector('.name').textContent = name;
 
       // Populate the remaining columns with policy scope, level and value if a
       // value has been set. Otherwise, leave them blank.
       if (value) {
-        this.querySelector('.scope').textContent =
-            loadTimeData.getString(value.scope == 'user' ?
-                'scopeUser' : 'scopeDevice');
-        this.querySelector('.level').textContent =
-            loadTimeData.getString(value.level == 'recommended' ?
-                'levelRecommended' : 'levelMandatory');
+        this.querySelector('.scope').textContent = loadTimeData.getString(
+            value.scope == 'user' ? 'scopeUser' : 'scopeDevice');
+        this.querySelector('.level').textContent = loadTimeData.getString(
+            value.level == 'recommended' ? 'levelRecommended' :
+                                           'levelMandatory');
         this.querySelector('.source').textContent =
             loadTimeData.getString(value.source);
         this.querySelector('.value').textContent = value.value;
         this.querySelector('.expanded-value').textContent = value.value;
       }
 
       // Populate the status column.
       var status;
       if (!value) {
         // If the policy value has not been set, show an error message.
@@ skipping 10 matching lines @@
         status = loadTimeData.getString('ok');
       }
       this.querySelector('.status').textContent = status;
 
       if (isMobilePage()) {
         // The number of columns which are hidden by the css file for the mobile
         // (Android) version of this page.
         /** @const */ var HIDDEN_COLUMNS_IN_MOBILE_VERSION = 2;
 
         var expandedValue = this.querySelector('.expanded-value');
-        expandedValue.setAttribute('colspan',
+        expandedValue.setAttribute(
+            'colspan',
             expandedValue.colSpan - HIDDEN_COLUMNS_IN_MOBILE_VERSION);
       }
     },
 
     /**
      * Check the table columns for overflow. Most columns are automatically
      * elided when overflow occurs. The only action required is to add a tooltip
      * that shows the complete content. The value column is an exception. If
      * overflow occurs here, the contents is replaced with a link that toggles
      * the visibility of an additional row containing the complete value.
@@ skipping 26 matching lines @@
 
     /**
      * Update the text of the link that toggles the visibility of an additional
      * row containing the complete policy value, depending on the toggle state.
      * @private
      */
     updateToggleExpandedValueText_: function(event) {
       this.querySelector('.toggle-expanded-value').textContent =
           loadTimeData.getString(
               this.classList.contains('show-overflowed-value') ?
-                  'hideExpandedValue' : 'showExpandedValue');
+                  'hideExpandedValue' :
+                  'showExpandedValue');
     },
 
     /**
      * Toggle the visibility of an additional row containing the complete policy
      * value.
      * @private
      */
     toggleExpandedValue_: function() {
       this.classList.toggle('show-overflowed-value');
       this.updateToggleExpandedValueText_();
@@ skipping 78 matching lines @@
     /**
      * Filter policies. Only policies whose name contains the filter pattern are
      * shown in the table. Furthermore, policies whose value is not currently
      * set are only shown if the corresponding checkbox is checked.
      */
     filter: function() {
       var showUnset = $('show-unset').checked;
       var policies = this.getElementsByTagName('tbody');
       for (var i = 0; i < policies.length; i++) {
         var policy = policies[i];
-        policy.hidden =
-            policy.unset && !showUnset ||
+        policy.hidden = policy.unset && !showUnset ||
             policy.name.toLowerCase().indexOf(this.filterPattern_) == -1;
       }
       if (this.querySelector('tbody:not([hidden])'))
         this.parentElement.classList.remove('empty');
       else
         this.parentElement.classList.add('empty');
       setTimeout(this.checkOverflow_.bind(this), 0);
     },
 
     /**
@@ skipping 19 matching lines @@
       var policy = new Policy;
       policy.initialize(name, value, unknown);
       this.appendChild(policy);
     },
   };
 
   /**
    * A singelton object that handles communication between browser and WebUI.
    * @constructor
    */
-  function Page() {
-  }
+  function Page() {}
 
   // Make Page a singleton.
   cr.addSingletonGetter(Page);
 
   /**
    * Provide a list of all known policies to the UI. Called by the browser on
    * page load.
    * @param {Object} names Dictionary containing all known policy names.
    */
   Page.setPolicyNames = function(names) {
     var page = this.getInstance();
 
     // Clear all policy tables.
     page.mainSection.innerHTML = '';
     page.policyTables = {};
 
     // Create tables and set known policy names for Chrome and extensions.
     if (names.hasOwnProperty('chromePolicyNames')) {
       var table = page.appendNewTable('chrome', 'Chrome policies', '');
       table.setPolicyNames(names.chromePolicyNames);
     }
 
     if (names.hasOwnProperty('extensionPolicyNames')) {
       for (var ext in names.extensionPolicyNames) {
-        var table = page.appendNewTable('extension-' + ext,
-            names.extensionPolicyNames[ext].name, 'ID: ' + ext);
+        var table = page.appendNewTable(
+            'extension-' + ext, names.extensionPolicyNames[ext].name,
+            'ID: ' + ext);
         table.setPolicyNames(names.extensionPolicyNames[ext].policyNames);
       }
     }
   };
 
   /**
    * Provide a list of the currently set policy values and any errors detected
    * while parsing these to the UI. Called by the browser on page load and
    * whenever policy values change.
    * @param {Object} values Dictionary containing the current policy values.
@@ skipping 61 matching lines @@
           self.policyTables[policyTable].filter();
         }
       };
 
       // Notify the browser that the page has loaded, causing it to send the
       // list of all known policies, the current policy values and the cloud
       // policy status.
       chrome.send('initialized');
     },
 
-   /**
+    /**
      * Creates a new policy table section, adds the section to the page,
      * and returns the new table from that section.
      * @param {string} id The key for storing the new table in policyTables.
      * @param {string} label_title Title for this policy table.
      * @param {string} label_content Description for the policy table.
      * @return {Element} The newly created table.
      */
     appendNewTable: function(id, label_title, label_content) {
-      var newSection = this.createPolicyTableSection(id, label_title,
-          label_content);
+      var newSection =
+          this.createPolicyTableSection(id, label_title, label_content);
       this.mainSection.appendChild(newSection);
       return this.policyTables[id];
     },
 
     /**
      * Creates a new section containing a title, description and table of
      * policies.
      * @param {id} id The key for storing the new table in policyTables.
      * @param {string} label_title Title for this policy table.
      * @param {string} label_content Description for the policy table.
@@ skipping 30 matching lines @@
     },
 
     /**
      * Creates a new table for displaying policies.
      * @return {Element} The newly created table.
      */
     createPolicyTable: function() {
       var newTable = window.document.createElement('table');
       var tableHead = window.document.createElement('thead');
       var tableRow = window.document.createElement('tr');
-      var tableHeadings = ['Scope', 'Level', 'Source', 'Name', 'Value',
-          'Status'];
+      var tableHeadings =
+          ['Scope', 'Level', 'Source', 'Name', 'Value', 'Status'];
       for (var i = 0; i < tableHeadings.length; i++) {
         var tableHeader = window.document.createElement('th');
         tableHeader.classList.add(tableHeadings[i].toLowerCase() + '-column');
-        tableHeader.textContent = loadTimeData.getString('header' +
-                                                         tableHeadings[i]);
+        tableHeader.textContent =
+            loadTimeData.getString('header' + tableHeadings[i]);
         tableRow.appendChild(tableHeader);
       }
       tableHead.appendChild(tableRow);
       newTable.appendChild(tableHead);
       cr.ui.decorate(newTable, PolicyTable);
       return newTable;
     },
 
     /**
      * Update the status section of the page to show the current cloud policy
@@ skipping 21 matching lines @@
 
     /**
      * Re-enable the reload policies button when the previous request to reload
      * policies values has completed.
      */
     reloadPoliciesDone: function() {
       $('reload-policies').disabled = false;
     },
   };
 
-  return {
-    Page: Page
-  };
+  return {Page: Page};
 });
 
 // Have the main initialization function be called when the page finishes
 // loading.
 document.addEventListener(
     'DOMContentLoaded',
     policy.Page.getInstance().initialize.bind(policy.Page.getInstance()));