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

chrome/browser/resources/options/cookies_list.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.define('options', function() {
   /** @const */ var DeletableItemList = options.DeletableItemList;
   /** @const */ var DeletableItem = options.DeletableItem;
   /** @const */ var ArrayDataModel = cr.ui.ArrayDataModel;
   /** @const */ var ListSingleSelectionModel = cr.ui.ListSingleSelectionModel;
 
   // This structure maps the various cookie type names from C++ (hence the
   // underscores) to arrays of the different types of data each has, along with
   // the i18n name for the description of that data type.
   /** @const */ var cookieInfo = {
-    'cookie': [['name', 'label_cookie_name'],
-               ['content', 'label_cookie_content'],
-               ['domain', 'label_cookie_domain'],
-               ['path', 'label_cookie_path'],
-               ['sendfor', 'label_cookie_send_for'],
-               ['accessibleToScript', 'label_cookie_accessible_to_script'],
-               ['created', 'label_cookie_created'],
-               ['expires', 'label_cookie_expires']],
-    'app_cache': [['manifest', 'label_app_cache_manifest'],
-                  ['size', 'label_local_storage_size'],
-                  ['created', 'label_cookie_created'],
-                  ['accessed', 'label_cookie_last_accessed']],
-    'database': [['name', 'label_cookie_name'],
-                 ['desc', 'label_webdb_desc'],
-                 ['size', 'label_local_storage_size'],
-                 ['modified', 'label_local_storage_last_modified']],
-    'local_storage': [['origin', 'label_local_storage_origin'],
-                      ['size', 'label_local_storage_size'],
-                      ['modified', 'label_local_storage_last_modified']],
-    'indexed_db': [['origin', 'label_indexed_db_origin'],
-                   ['size', 'label_indexed_db_size'],
-                   ['modified', 'label_indexed_db_last_modified']],
-    'file_system': [['origin', 'label_file_system_origin'],
-                    ['persistent', 'label_file_system_persistent_usage'],
-                    ['temporary', 'label_file_system_temporary_usage']],
-    'channel_id': [['serverId', 'label_channel_id_server_id'],
-                          ['certType', 'label_channel_id_type'],
-                          ['created', 'label_channel_id_created']],
-    'service_worker': [['origin', 'label_service_worker_origin'],
-                       ['size', 'label_service_worker_size'],
-                       ['scopes', 'label_service_worker_scopes']],
-    'cache_storage': [['origin', 'label_cache_storage_origin'],
-                       ['size', 'label_cache_storage_size'],
-                       ['modified', 'label_cache_storage_last_modified']],
+    'cookie': [
+      ['name', 'label_cookie_name'], ['content', 'label_cookie_content'],
+      ['domain', 'label_cookie_domain'], ['path', 'label_cookie_path'],
+      ['sendfor', 'label_cookie_send_for'],
+      ['accessibleToScript', 'label_cookie_accessible_to_script'],
+      ['created', 'label_cookie_created'], ['expires', 'label_cookie_expires']
+    ],
+    'app_cache': [
+      ['manifest', 'label_app_cache_manifest'],
+      ['size', 'label_local_storage_size'], ['created', 'label_cookie_created'],
+      ['accessed', 'label_cookie_last_accessed']
+    ],
+    'database': [
+      ['name', 'label_cookie_name'], ['desc', 'label_webdb_desc'],
+      ['size', 'label_local_storage_size'],
+      ['modified', 'label_local_storage_last_modified']
+    ],
+    'local_storage': [
+      ['origin', 'label_local_storage_origin'],
+      ['size', 'label_local_storage_size'],
+      ['modified', 'label_local_storage_last_modified']
+    ],
+    'indexed_db': [
+      ['origin', 'label_indexed_db_origin'], ['size', 'label_indexed_db_size'],
+      ['modified', 'label_indexed_db_last_modified']
+    ],
+    'file_system': [
+      ['origin', 'label_file_system_origin'],
+      ['persistent', 'label_file_system_persistent_usage'],
+      ['temporary', 'label_file_system_temporary_usage']
+    ],
+    'channel_id': [
+      ['serverId', 'label_channel_id_server_id'],
+      ['certType', 'label_channel_id_type'],
+      ['created', 'label_channel_id_created']
+    ],
+    'service_worker': [
+      ['origin', 'label_service_worker_origin'],
+      ['size', 'label_service_worker_size'],
+      ['scopes', 'label_service_worker_scopes']
+    ],
+    'cache_storage': [
+      ['origin', 'label_cache_storage_origin'],
+      ['size', 'label_cache_storage_size'],
+      ['modified', 'label_cache_storage_last_modified']
+    ],
     'flash_lso': [['domain', 'label_cookie_domain']],
-    'media_license': [['origin', 'label_media_license_origin'],
-                      ['size', 'label_media_license_size'],
-                      ['modified', 'label_media_license_last_modified']],
+    'media_license': [
+      ['origin', 'label_media_license_origin'],
+      ['size', 'label_media_license_size'],
+      ['modified', 'label_media_license_last_modified']
+    ],
   };
 
   /**
    * Returns the item's height, like offsetHeight but such that it works better
    * when the page is zoomed. See the similar calculation in @{code cr.ui.List}.
    * This version also accounts for the animation done in this file.
    * @param {Element} item The item to get the height of.
    * @return {number} The height of the item, calculated with zooming in mind.
    */
   function getItemHeight(item) {
     var height = item.style.height;
     // Use the fixed animation target height if set, in case the element is
     // currently being animated and we'd get an intermediate height below.
     if (height && height.substr(-2) == 'px')
       return parseInt(height.substr(0, height.length - 2), 10);
     return item.getBoundingClientRect().height;
   }
 
   /**
    * Create tree nodes for the objects in the data array, and insert them all
    * into the given list using its @{code splice} method at the given index.
    * @param {Array<Object>} data The data objects for the nodes to add.
    * @param {number} start The index at which to start inserting the nodes.
    * @return {Array<options.CookieTreeNode>} An array of CookieTreeNodes added.
    */
   function spliceTreeNodes(data, start, list) {
-    var nodes = data.map(function(x) { return new CookieTreeNode(x); });
+    var nodes = data.map(function(x) {
+      return new CookieTreeNode(x);
+    });
     // Insert [start, 0] at the beginning of the array of nodes, making it
     // into the arguments we want to pass to @{code list.splice} below.
     nodes.splice(0, 0, start, 0);
     list.splice.apply(list, nodes);
     // Remove the [start, 0] prefix and return the array of nodes.
     nodes.splice(0, 2);
     return nodes;
   }
 
   /**
    * Adds information about an app that protects this data item to the
    * |element|.
    * @param {Element} element The DOM element the information should be
          appended to.
    * @param {{id: string, name: string}} appInfo Information about an app.
    */
   function addAppInfo(element, appInfo) {
     var img = element.ownerDocument.createElement('img');
     img.src = 'chrome://extension-icon/' + appInfo.id + '/16/1';
-    element.title = loadTimeData.getString('label_protected_by_apps') +
-                    ' ' + appInfo.name;
+    element.title =
+        loadTimeData.getString('label_protected_by_apps') + ' ' + appInfo.name;
     img.className = 'protecting-app';
     element.appendChild(img);
   }
 
   var parentLookup = {};
   var lookupRequests = {};
 
   /**
    * Creates a new list item for sites data. Note that these are created and
    * destroyed lazily as they scroll into and out of view, so they must be
@@ skipping 264 matching lines @@
         this.selectedIndex_ = -1;
         this.disableAnimation_();
         this.infoChild.hidden = true;
         this.enableAnimation_();
         return;
       }
       // Set the new selected item and show the item details for it.
       this.selectedIndex_ = itemIndex;
       this.itemList_[itemIndex].div.setAttribute('selected', '');
       this.disableAnimation_();
-      this.itemList_[itemIndex].node.setDetailText(this.infoChild,
-                                                   this.list.infoNodes);
+      this.itemList_[itemIndex].node.setDetailText(
+          this.infoChild, this.list.infoNodes);
       this.infoChild.hidden = false;
       this.enableAnimation_();
       // If we're near the bottom of the list this may cause the list item to go
       // beyond the end of the visible area. Fix it after the animation is done.
       var list = this.list;
-      window.setTimeout(function() { list.scrollIndexIntoView(index); }, 150);
+      window.setTimeout(function() {
+        list.scrollIndexIntoView(index);
+      }, 150);
     },
   };
 
   /**
    * {@code CookieTreeNode}s mirror the structure of the cookie tree lazily, and
    * contain all the actual data used to generate the {@code CookieListItem}s.
    * @param {Object} data The data object for this node.
    * @constructor
    */
   function CookieTreeNode(data) {
@@ skipping 236 matching lines @@
           //     List.getDefaultItemSize_
           //     List.getDefaultItemHeight_
           //     List.getIndexForListOffset_
           //     List.getItemsInViewPort
           //     List.redraw
           //     List.endBatchUpdates
           //     CookiesList.loadChildren
           this.parent_ = parent.listIndex;
         }
         this.list_ = parent.list;
-        parent.addEventListener('listIndexChange',
-                                this.parentIndexChanged_.bind(this));
+        parent.addEventListener(
+            'listIndexChange', this.parentIndexChanged_.bind(this));
       } else {
         this.parent_ = parent;
       }
 
       if (this.data && this.data.id) {
         if (parent)
           parentLookup[this.data.id] = this;
         else
           delete parentLookup[this.data.id];
       }
 
-      if (this.data && this.data.hasChildren &&
-          !this.children.length && !lookupRequests[this.data.id]) {
+      if (this.data && this.data.hasChildren && !this.children.length &&
+          !lookupRequests[this.data.id]) {
         lookupRequests[this.data.id] = true;
         chrome.send('loadCookie', [this.pathId]);
       }
     },
 
     /**
      * Called when the parent is a CookieListItem whose index has changed.
      * See the code above that avoids keeping a direct reference to
      * CookieListItem parents, to allow them to be garbage collected.
      * @private
@@ skipping 95 matching lines @@
       }
     },
 
     /**
      * Called on selection model selection changes.
      * @param {Event} ce The selection change event.
      * @private
      */
     cookieSelectionChange_: function(ce) {
       ce.changes.forEach(function(change) {
-          var listItem = this.getListItemByIndex(change.index);
-          if (listItem) {
-            if (!change.selected) {
-              // We set a timeout here, rather than setting the item unexpanded
-              // immediately, so that if another item gets set expanded right
-              // away, it will be expanded before this item is unexpanded. It
-              // will notice that, and unexpand this item in sync with its own
-              // expansion. Later, this callback will end up having no effect.
-              window.setTimeout(function() {
-                if (!listItem.selected || !listItem.lead)
-                  listItem.expanded = false;
-              }, 0);
-            } else if (listItem.lead) {
-              listItem.expanded = true;
-            }
+        var listItem = this.getListItemByIndex(change.index);
+        if (listItem) {
+          if (!change.selected) {
+            // We set a timeout here, rather than setting the item unexpanded
+            // immediately, so that if another item gets set expanded right
+            // away, it will be expanded before this item is unexpanded. It
+            // will notice that, and unexpand this item in sync with its own
+            // expansion. Later, this callback will end up having no effect.
+            window.setTimeout(function() {
+              if (!listItem.selected || !listItem.lead)
+                listItem.expanded = false;
+            }, 0);
+          } else if (listItem.lead) {
+            listItem.expanded = true;
           }
-        }, this);
+        }
+      }, this);
     },
 
     /**
      * Called on selection model lead changes.
      * @param {Event} pe The lead change event.
      * @private
      */
     cookieLeadChange_: function(pe) {
       if (pe.oldValue != -1) {
         var listItem = this.getListItemByIndex(pe.oldValue);
@@ skipping 146 matching lines @@
       parent.endBatchUpdates();
     },
   };
 
   return {
     CookiesList: CookiesList,
     CookieListItem: CookieListItem,
     CookieTreeNode: CookieTreeNode,
   };
 });