Remove usages of jquery and add sugar.js from garden-o-matic.

Tools/GardeningServer/scripts/ui.js

 /*
  * Copyright (C) 2011 Google Inc. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  * 1. Redistributions of source code must retain the above copyright
  *    notice, this list of conditions and the following disclaimer.
  * 2. Redistributions in binary form must reproduce the above copyright
  *    notice, this list of conditions and the following disclaimer in the
@@ skipping 11 matching lines @@
  * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF
  * THE POSSIBILITY OF SUCH DAMAGE.
  */
 
 var ui = ui || {};
 
 (function () {
 
 ui.displayURLForBuilder = function(builderName)
 {
-    return config.waterfallURL + '?' + $.param({
+    return config.waterfallURL + '?' + base.queryParam({
         'builder': builderName
     });
 }
 
 ui.kUseNewWindowForLinksSetting = 'gardenomatic.use-new-window-for-links';
 
 ui.displayNameForBuilder = function(builderName)
 {
     return builderName.replace(/Webkit /, '');
 }
@@ skipping 25 matching lines @@
 }
 
 ui.setUseNewWindowForLinks = function(enabled)
 {
     ui.useNewWindowForLinks = enabled;
     if (enabled)
         localStorage[ui.kUseNewWindowForLinksSetting] = 'true';
     else
         delete localStorage[ui.kUseNewWindowForLinksSetting];
 
-    $('a').each(function() {
-        ui.setTargetForLink(this);
+    [].forEach.call(document.querySelectorAll('a'), function(link) {
+        ui.setTargetForLink(link);
     });
 }
 ui.setUseNewWindowForLinks(!!localStorage[ui.kUseNewWindowForLinksSetting]);
 
 ui.createLinkNode = function(url, textContent)
 {
     var link = document.createElement('a');
     link.href = url;
     ui.setTargetForLink(link);
     link.appendChild(document.createTextNode(textContent));
@@ skipping 50 matching lines @@
 
         // When navigating from the browser chrome, we'll
         // scroll to the #tabname contents. popstate fires before
         // we scroll, so we can save the scroll offset first.
         window.onpopstate = function() {
             self._saveScrollOffset();
         };
     },
     _setupLinkSettingHandler: function()
     {
-        $('#new-window-for-links').attr('checked', ui.useNewWindowForLinks);
-        $('#new-window-for-links').change(function(event) {
+        if (ui.useNewWindowForLinks)
+            document.getElementById('new-window-for-links').setAttribute('checked', true);
+        document.getElementById('new-window-for-links').addEventListener('change', function(event) {
             ui.setUseNewWindowForLinks(this.checked);
         });
     },
     attach: function()
     {
         document.body.insertBefore(this, document.body.firstChild);
         this._setupLinkSettingHandler();
         this._setupHistoryHandlers();
     },
     tabNamed: function(tabName)
@@ skipping 109 matching lines @@
 
             revisionsTableNode.appendChild(trNode);
         });
 
         var revisionsNode = document.createElement('details');
         revisionsNode.appendChild(summaryNode);
         revisionsNode.appendChild(revisionsTableNode);
         theSpan.appendChild(revisionsNode);
 
         // This adds a pop-up when we hover over the summary if the details aren't being shown.
-        var revisionsPopUp = $('<span id="revisionPopUp">').appendTo(summaryLinkNode);
-        revisionsPopUp.append($(revisionsTableNode).clone());
-        $(summaryLinkNode).mouseover(function(ev) {
+        var revisionsPopUp = document.createElement('span')
+        revisionsPopUp.id = 'revisionPopUp';
+        summaryLinkNode.appendChild(revisionsPopUp);
+        revisionsPopUp.appendChild(revisionsTableNode.cloneNode(true));
+
+        summaryLinkNode.addEventListener('mouseover', function(event) {
             if (!revisionsNode.open) {
-                var tPosX = $(summaryNode).position().left;
-                var tPosY = $(summaryNode).position().top + 16;
-                $(revisionsPopUp).css({'position': 'absolute', 'top': tPosY, 'left': tPosX});
-                $(revisionsPopUp).addClass('active');
+                revisionsPopUp.style.position = 'absolute';
+                revisionsPopUp.style.left = summaryNode.offsetLeft + 'px';
+                revisionsPopUp.style.top = (summaryNode.offsetTop + summaryNode.offsetHeight) + 'px';
+                revisionsPopUp.classList.add('active');
             }
         });
-        $(summaryLinkNode).mouseout(function(ev) {
+
+        summaryLinkNode.addEventListener('mouseout', function(event) {
             if (!revisionsNode.open) {
-                $(revisionsPopUp).removeClass("active");
+                revisionsPopUp.classList.remove("active");
             }
         });
 
         var totRevision = model.latestRevision();
         theSpan.appendChild(document.createTextNode(', trunk is at '));
         theSpan.appendChild(ui.createLinkNode(trac.changesetURL(totRevision), totRevision));
-
-        // We want this feature, but need to fetch the lastBlinkRollRevision via the interwebs.
-        // Promise.all([checkout.lastBlinkRollRevision(), rollbot.fetchCurrentRoll()]).then(function(results) {
-        //     theSpan.lastRolledRevision = results[0];
-        //     theSpan.roll = results[1];
-        //     theSpan.updateUI(totRevision);
-        // });
     }
 });
 
 })();