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

Tools/GardeningServer/scripts/ui/results.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 27 matching lines @@
     addResults: function(resultsURLs)
     {
         var resultsURLsByTypeAndKind = {};
         resultsURLs.forEach(function(url) {
             var resultType = results.resultType(url);
             if (!resultsURLsByTypeAndKind[resultType])
                 resultsURLsByTypeAndKind[resultType] = {};
             resultsURLsByTypeAndKind[resultType][results.resultKind(url)] = url;
         });
 
-        $.each(resultsURLsByTypeAndKind, function(resultType, resultsURLsByKind) {
+        Object.keys(resultsURLsByTypeAndKind, function(resultType, resultsURLsByKind) {
             if (results.kUnknownKind in resultsURLsByKind) {
                 // This is something like "crash" that isn't a comparison.
                 var result = document.createElement('ct-test-output');
                 result.url = resultsURLsByKind[results.kUnknownKind];
                 result.type = results.kTextType;
                 this.appendChild(result);
                 return;
             }
 
             var comparison = document.createElement('ct-results-comparison');
@@ skipping 23 matching lines @@
         this._haveShownOnce = false;
     },
     show: function() {
         if (this._haveShownOnce)
             return;
         this._haveShownOnce = true;
         this._delegate.fetchResultsURLs(this._failureInfo).then(function(resultsURLs) {
             var resultsGrid = new ui.results.ResultsGrid();
             resultsGrid.addResults(resultsURLs);
 
-            $(this).empty().append(
+            this.innerHTML = ''
+            this.appendChild(
                 new ui.actions.List([
                     new ui.actions.Previous(),
                     new ui.actions.Next()
-                ])).append(resultsGrid);
+                ]))
+            this.appendChild(resultsGrid);
         }.bind(this));
     },
 });
 
 ui.results.FlakinessData = base.extends('iframe', {
     init: function()
     {
         this.className = 'flakiness-iframe';
         this.src = ui.urlForEmbeddedFlakinessDashboard();
         this.addEventListener('load', function() {
@@ skipping 64 matching lines @@
         resizeHandle.className = 'resize-handle';
         this.appendChild(resizeHandle);
 
         resizeHandle.addEventListener('mousedown', function(event) {
             this._is_resizing = true;
             event.preventDefault();
         }.bind(this));
 
         var cancelResize = function(event) { this._is_resizing = false; }.bind(this);
         this.addEventListener('mouseup', cancelResize);
-        // FIXME: Use addEventListener once WebKit adds support for mouseleave/mouseenter.

[abarth-chromium, 2014/06/30 04:26:03]

Did that happen?

[ojan, 2014/06/30 04:49:59]

As best I can tell it did. I tested it in plexode before changing this code.

-        $(window).bind('mouseleave', cancelResize);
+        document.body.addEventListener('mouseleave', cancelResize);
 
         this.addEventListener('mousemove', function(event) {
             if (!this._is_resizing)
                 return;
             var mouseY = event.clientY + document.body.scrollTop - this.offsetTop;
             var percentage = 100 * mouseY / this.offsetHeight;
             document.querySelector('.top-panel').style.maxHeight = percentage + '%';
         }.bind(this))
     },
     _showResults: function(header, scrollInfoView)
@@ skipping 69 matching lines @@
     {
         this.className = 'builder-selector';
         this._delegate = delegate;
 
         var tabStrip = this.appendChild(document.createElement('ul'));
 
         Object.keys(resultsByBuilder).sort().forEach(function(builderName) {
             var builderHash = base.underscoredBuilderName(builderName);
 
             var link = document.createElement('a');
-            $(link).attr('href', "#" + builderHash).text(ui.displayNameForBuilder(builderName));
+            link.href = "#" + builderHash;
+            link.textContent = ui.displayNameForBuilder(builderName);
             tabStrip.appendChild(document.createElement('li')).appendChild(link);
 
             var content = this._delegate.contentForTestAndBuilder(testName, builderName);
             content.id = builderHash;
             this.appendChild(content);
         }, this);
 
         $(this).tabs();
     },
     nextResult: function()
@@ skipping 37 matching lines @@
         });
         return builderSelector;
     },
     contentForTestAndBuilder: function(testName, builderName)
     {
         var failureInfo = results.failureInfoForTestAndBuilder(this._resultsByTest, testName, builderName);
         return new ui.results.ResultsDetails(this, failureInfo);
     },
     setResultsByTest: function(resultsByTest)
     {
-        $(this).empty();
+        this.innerHTML = '';
         this._resultsByTest = resultsByTest;
         this._testSelector = new ui.results.TestSelector(this, resultsByTest);
         this.appendChild(this._testSelector);
     },
     fetchResultsURLs: function(failureInfo)
     {
         return this._delegate.fetchResultsURLs(failureInfo);
     },
     nextResult: function()
     {
@@ skipping 15 matching lines @@
     {
         this._testSelector.firstResult()
     },
     currentTestName: function()
     {
         return this._testSelector.currentTestName()
     }
 });
 
 })();