Basic hookup for distiller feedback

components/dom_distiller/core/javascript/dom_distiller_viewer.js

Index: components/dom_distiller/core/javascript/dom_distiller_viewer.js
diff --git a/components/dom_distiller/core/javascript/dom_distiller_viewer.js b/components/dom_distiller/core/javascript/dom_distiller_viewer.js
index 703deff547e27157aae442b8d0a06579536bca80..24d41fdf25bf5f943caf443584f92b6bc6936c3f 100644
--- a/components/dom_distiller/core/javascript/dom_distiller_viewer.js
+++ b/components/dom_distiller/core/javascript/dom_distiller_viewer.js
@@ -80,6 +80,21 @@ function showFeedbackForm(questionText, yesText, noText) {
   document.getElementById('feedbackContainer').style.display = 'block';
 }
 
+/**
+ * Send feedback about this distilled article.
+ * @param good True if the feedback was positive, false if negative.
+ */
+function sendFeedback(good) {
+  var img = document.createElement('img');
+  if (good) {
+    img.src = '/feedbackgood';
+  } else {
+    img.src = '/feedbackbad';
+  }
+  img.style.display = "none";
+  document.body.appendChild(img);
+}
+
 // Add a listener to the "View Original" link to report opt-outs.
 document.getElementById('showOriginal').addEventListener('click', function(e) {
   var img = document.createElement('img');
@@ -88,3 +103,18 @@ document.getElementById('showOriginal').addEventListener('click', function(e) {
   document.body.appendChild(img);
 }, true);
 
+document.getElementById('feedbackYes').addEventListener('click', function(e) {
+  sendFeedback(true);
+  document.getElementById('feedbackContainer').className += " fadeOut";
+}, true);
+
+document.getElementById('feedbackNo').addEventListener('click', function(e) {
+  sendFeedback(false);
+  document.getElementById('feedbackContainer').className += " fadeOut";
+}, true);
+
+document.getElementById('feedbackContainer').addEventListener('animationend',
+    function(e) {
+      document.getElementById('feedbackContainer').style.display = "none";
+    }, true);
+