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

chrome/browser/resources/bookmark_manager/js/bmm/bookmark_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.
 
 // TODO(arv): Now that this is driven by a data model, implement a data model
 //            that handles the loading and the events from the bookmark backend.
 
 /**
  * @typedef {{childIds: Array<string>}}
  *
@@ skipping 133 matching lines @@
         cr.dispatchSimpleEvent(this, 'invalidId');
         return;
       }
 
       this.dataModel = new BookmarksArrayDataModel(items);
 
       this.fixWidth_();
       cr.dispatchSimpleEvent(this, 'load');
 
       // Use the same histogram configuration as UMA_HISTOGRAM_COUNTS_1000().
-      chrome.metricsPrivate.recordValue({
-        'metricName': 'Bookmarks.BookmarksInFolder',
-        'type': chrome.metricsPrivate.MetricTypeType.HISTOGRAM_LOG,
-        'min': 1,
-        'max': 1000,
-        'buckets': 50
-      }, this.dataModel.length);
+      chrome.metricsPrivate.recordValue(
+          {
+            'metricName': 'Bookmarks.BookmarksInFolder',
+            'type': chrome.metricsPrivate.MetricTypeType.HISTOGRAM_LOG,
+            'min': 1,
+            'max': 1000,
+            'buckets': 50
+          },
+          this.dataModel.length);
     },
 
     /**
      * The bookmark node that the list is currently displaying. If we are
      * currently displaying search this returns null.
      * @type {BookmarkTreeNode}
      */
     get bookmarkNode() {
       if (this.isSearch())
         return null;
@@ skipping 25 matching lines @@
      * lazily.
      * @private
      * @param {!Event} e The mouseover event object.
      */
     handleMouseOver_: function(e) {
       var el = e.target;
       while (el && el.parentNode != this) {
         el = el.parentNode;
       }
 
-      if (el && el.parentNode == this &&
-          !el.editing &&
+      if (el && el.parentNode == this && !el.editing &&
           !(el.lastChild instanceof ContextMenuButton)) {
         el.appendChild(new ContextMenuButton);
       }
     },
 
     /**
      * Dispatches an urlClicked event which is used to open URLs in new
      * tabs etc.
      * @private
      * @param {string} url The URL that was clicked.
      * @param {!Event} originalEvent The original click event object.
      */
     dispatchUrlClickedEvent_: function(url, originalEvent) {
       var event = new Event('urlClicked', {bubbles: true});
       event.url = url;
       event.originalEvent = originalEvent;
       this.dispatchEvent(event);
     },
 
     /**
      * Handles mousedown events so that we can prevent the auto scroll as
      * necessary.
      * @private
      * @param {!Event} e The mousedown event object.
      */
     handleMouseDown_: function(e) {
-      e = /** @type {!MouseEvent} */(e);
+      e = /** @type {!MouseEvent} */ (e);
       if (e.button == 1) {
         // WebKit no longer fires click events for middle clicks so we manually
         // listen to mouse up to dispatch a click event.
         this.addEventListener('mouseup', this.handleMiddleMouseUp_);
 
         // When the user does a middle click we need to prevent the auto scroll
         // in case the user is trying to middle click to open a bookmark in a
         // background tab.
         // We do not do this in case the target is an input since middle click
         // is also paste on Linux and we don't want to break that.
         if (e.target.tagName != 'INPUT')
           e.preventDefault();
       }
     },
 
     /**
      * WebKit no longer dispatches click events for middle clicks so we need
      * to emulate it.
      * @private
      * @param {!Event} e The mouse up event object.
      */
     handleMiddleMouseUp_: function(e) {
-      e = /** @type {!MouseEvent} */(e);
+      e = /** @type {!MouseEvent} */ (e);
       this.removeEventListener('mouseup', this.handleMiddleMouseUp_);
       if (e.button == 1) {
         var el = e.target;
         while (el.parentNode != this) {
           el = el.parentNode;
         }
         var node = el.bookmarkNode;
         if (node && !bmm.isFolder(node))
           this.dispatchUrlClickedEvent_(node.url, e);
       }
@@ skipping 42 matching lines @@
         this.dataModel.splice(bookmarkNode.index, 0, bookmarkNode);
     },
 
     /**
      * @param {string} id
      * @param {MoveInfo} moveInfo
      */
     handleMoved: function(id, moveInfo) {
       if (moveInfo.parentId == this.parentId ||
           moveInfo.oldParentId == this.parentId) {
-
         var dataModel = this.dataModel;
 
         if (moveInfo.oldParentId == moveInfo.parentId) {
           // Reorder within this folder
 
           this.startBatchUpdates();
 
           var bookmarkNode = this.dataModel.item(moveInfo.oldIndex);
           this.dataModel.splice(moveInfo.oldIndex, 1);
           this.dataModel.splice(moveInfo.index, 0, bookmarkNode);
@@ skipping 31 matching lines @@
      * Workaround for http://crbug.com/40902
      * @private
      */
     fixWidth_: function() {
       var list = bmm.list;
       if (this.loadCount_ || !list)
         return;
 
       // The width of the list is wrong after its content has changed.
       // Fortunately the reported offsetWidth is correct so we can detect the
-      //incorrect width.
+      // incorrect width.
       if (list.offsetWidth != list.parentNode.clientWidth - list.offsetLeft) {
         // Set the width to the correct size. This causes the relayout.
         list.style.width = list.parentNode.clientWidth - list.offsetLeft + 'px';
         // Remove the temporary style.width in a timeout. Once the timer fires
         // the size should not change since we already fixed the width.
         window.setTimeout(function() {
           list.style.width = '';
         }, 0);
       }
     }
   };
 
   /**
    * The ID of the bookmark folder we are displaying.
    */
-  cr.defineProperty(BookmarkList, 'parentId', cr.PropertyKind.JS,
-                    function() {
-                      this.reload();
-                    });
+  cr.defineProperty(BookmarkList, 'parentId', cr.PropertyKind.JS, function() {
+    this.reload();
+  });
 
   /**
    * The contextMenu property.
    */
   cr.ui.contextMenuHandler.addContextMenuProperty(BookmarkList);
   /** @type {cr.ui.Menu} */
   BookmarkList.prototype.contextMenu;
 
   /**
    * Creates a new bookmark list item.
@@ skipping 37 matching lines @@
       labelText.className = 'label-text';
       labelText.textContent = bookmarkNode.title;
 
       var urlEl = this.ownerDocument.createElement('div');
       urlEl.className = 'url';
 
       if (bmm.isFolder(bookmarkNode)) {
         this.className = 'folder';
         // TODO(pkasting): Condense folder icon resources together.
         labelImg.style.content = cr.icon.getImage(
-            cr.isMac ?
-                'chrome://theme/IDR_BOOKMARK_BAR_FOLDER' :
-                'chrome://theme/IDR_FOLDER_CLOSED');
+            cr.isMac ? 'chrome://theme/IDR_BOOKMARK_BAR_FOLDER' :
+                       'chrome://theme/IDR_FOLDER_CLOSED');
       } else {
         labelImg.style.content = cr.icon.getFavicon(bookmarkNode.url);
         urlEl.textContent = bookmarkNode.url;
       }
 
       labelImgWrapper.appendChild(labelImg);
       labelEl.appendChild(labelImgWrapper);
       labelEl.appendChild(labelText);
       this.appendChild(labelEl);
       this.appendChild(urlEl);
@@ skipping 90 matching lines @@
         }, 50);
       }
 
       var doc = this.ownerDocument;
       var labelTextEl = queryRequiredElement('.label-text', this);
       var urlEl = queryRequiredElement('.url', this);
       if (editing) {
         this.setAttribute('editing', '');
         this.draggable = false;
 
-        labelInput = /** @type {HTMLElement} */(doc.createElement('input'));
+        labelInput = /** @type {HTMLElement} */ (doc.createElement('input'));
         labelInput.placeholder =
             loadTimeData.getString('name_input_placeholder');
         replaceAllChildren(labelTextEl, labelInput);
         labelInput.value = title;
 
         if (!isFolder) {
-          urlInput = /** @type {HTMLElement} */(doc.createElement('input'));
+          urlInput = /** @type {HTMLElement} */ (doc.createElement('input'));
           urlInput.type = 'url';
           urlInput.required = true;
           urlInput.placeholder =
               loadTimeData.getString('url_input_placeholder');
 
           // We also need a name for the input for the CSS to work.
           urlInput.name = '-url-input-' + cr.createUid();
           replaceAllChildren(assert(urlEl), urlInput);
           urlInput.value = url;
         }
@@ skipping 66 matching lines @@
           }
         } else if (newLabel != title || newUrl != url) {
           cr.dispatchSimpleEvent(this, 'edit', true);
         }
       }
     }
   };
 
   return {
     BookmarkList: BookmarkList,
-    list: /** @type {Element} */(null),  // Set when decorated.
+    list: /** @type {Element} */ (null),  // Set when decorated.
   };
 });