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

Tools/GardeningServer/scripts/ui/notifications.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 32 matching lines @@
 });
 
 ui.notifications.Notification = base.extends('li', {
     init: function()
     {
         this._how = this.appendChild(document.createElement('div'));
         this._how.className = 'how';
         this._what = this.appendChild(document.createElement('div'));
         this._what.className = 'what';
         this._index = 0;
-        $(this).hide().fadeIn('fast');
+        requestAnimationFrame(function() {
+            this.animate([
+              {opacity: '0'},
+              {opacity: '1'},
+            ], 200);
+        }.bind(this));

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

What's the point of using requestAnimationFrame?  Can't we just program the
animation?

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

It didn't work to do it synchronously. I didn't feel like digging in to
understand why as this code will probably just become a regular CSS animation
when we port this to polymer. Will add a FIXME though.

     },
     dismiss: function()
     {
-        // FIXME: These fade in/out effects are lame.
-        $(this).fadeOut(function()
-        {
-            this.parentNode && this.parentNode.removeChild(this);
-        });
+        this.animate([
+          {opacity: '1'},
+          {opacity: '0'},
+        ], 200).onfinish = this.remove.bind(this);
     },
 });
 
 ui.notifications.Info = base.extends(ui.notifications.Notification, {
     init: function(message)
     {
         this.update(message);
     },
     update: function(message)
     {
         this._what.textContent = message;
     },
     updateWithNode: function(node)
     {
-        $(this._what).empty();
+        this._what.innerHTML = '';
         this._what.appendChild(node);
     }
 });
 
 ui.notifications.FailingTestGroup = base.extends('li', {
     init: function(groupName, testNameList)
     {
         this.appendChild(ui.createLinkNode(ui.urlForFlakinessDashboard(testNameList), groupName));
     }
 });
@@ skipping 29 matching lines @@
     _addDetail: function(part, commitData, linkFunction)
     {
         var content = commitData[part];
         if (!content)
             return;
 
         var span = this._details.appendChild(document.createElement('span'));
         span.className = part;
 
         if (linkFunction) {
-            var parts = $.isArray(content) ? content : [content];
+            var parts = Array.isArray(content) ? content : [content];
             parts.forEach(function(item, index) {
                 if (index > 0)
                     span.appendChild(document.createTextNode(', '));
                 var link = ui.createLinkNode(linkFunction(item), item);
                 link.className = part + '-item';
                 span.appendChild(link);
             });
         } else {
             span.textContent = content;
         }
@@ skipping 26 matching lines @@
     },
     containsFailureAnalysis: function(failureAnalysis)
     {
         return this._testNameList.indexOf(failureAnalysis.testName) != -1;
     },
     addFailureAnalysis: function(failureAnalysis)
     {
         if (this.containsFailureAnalysis(failureAnalysis))
             return false;
         this._testNameList.push(failureAnalysis.testName);
-        $(this._effects).empty();
+        this._effects.innerHTML = '';
         this._forEachTestGroup(function(groupName, testNameList) {
             this._effects.appendChild(new ui.notifications.FailingTestGroup(groupName, testNameList))
         }.bind(this));
         return true;
     },
     _forEachTestGroup: function(callback)
     {
         var individualTests = [];
         base.forEachDirectory(this._testNameList, function(groupLabel, testsInDirectory) {
             if (testsInDirectory.length <= kMaxTestsPerGroup) {
@@ skipping 32 matching lines @@
 });
 
 ui.notifications.BuildersFailing = base.extends(ui.notifications.Failure, {
     init: function(message)
     {
         if (message)
             this._problem.insertBefore(document.createTextNode(message + ':'), this._problem.firstChild);
     },
     setFailingBuilders: function(failuresList)
     {
-        $(this._effects).empty().append(Object.keys(failuresList).map(function(builderName) {
+        this._effects.innerHTML = '';
+        Object.keys(failuresList).map(function(builderName) {
             var effect = document.createElement('li');
             effect.className = 'builder';
             effect.appendChild(new ui.failures.Builder(builderName, failuresList[builderName]));
-            return effect;
-        }));
+            this._effects.appendChild(effect);
+        }.bind(this));
     }
 });
 
 })();