Basic hookup for distiller feedback

components/dom_distiller/core/javascript/dom_distiller_viewer.js

 // Copyright 2014 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.
 
 function addToPage(html) {
   var div = document.createElement('div');
   div.innerHTML = html;
   document.getElementById('content').appendChild(div);
 }
 
@@ skipping 62 matching lines @@
  * @param noText The i18n text for the feedback answer 'NO'.
  */
 function showFeedbackForm(questionText, yesText, noText) {
   document.getElementById('feedbackYes').innerText = yesText;
   document.getElementById('feedbackNo').innerText = noText;
   document.getElementById('feedbackQuestion').innerText = questionText;
 
   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');
   img.src = "/vieworiginal";
   img.style.display = "none";
   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);
+