Add per-section clearing and dismissed suggestions to snippets-internals

chrome/browser/resources/snippets_internals.js

Index: chrome/browser/resources/snippets_internals.js
diff --git a/chrome/browser/resources/snippets_internals.js b/chrome/browser/resources/snippets_internals.js
index 79c9ad1426bd5a717333a712def4f2a31f2e828f..673c697fd5e2fa30e0b79631ab4eb76e14dfcd20 100644
--- a/chrome/browser/resources/snippets_internals.js
+++ b/chrome/browser/resources/snippets_internals.js
@@ -5,8 +5,8 @@
 cr.define('chrome.SnippetsInternals', function() {
   'use strict';
 
-  // Stores the list of snippets we received in receiveSnippets.
-  var lastSnippets = [];
+  // Stores the list of suggestions we received in receiveContentSuggestions.
+  var lastSuggestions = [];
 
   function initialize() {
     $('submit-download').addEventListener('click', function(event) {
@@ -14,13 +14,8 @@ cr.define('chrome.SnippetsInternals', function() {
       event.preventDefault();
     });
 
-    $('submit-clear').addEventListener('click', function(event) {
-      chrome.send('clear');
-      event.preventDefault();
-    });
-
     $('submit-dump').addEventListener('click', function(event) {
-      downloadJson(JSON.stringify(lastSnippets));
+      downloadJson(JSON.stringify(lastSuggestions));
       event.preventDefault();
     });
 
@@ -33,23 +28,6 @@ cr.define('chrome.SnippetsInternals', function() {
       event.preventDefault();
     });
 
-    $('dismissed-snippets-clear').addEventListener('click', function(event) {
-      chrome.send('clearDismissed');
-      event.preventDefault();
-    });
-
-    $('submit-clear-cached-suggestions')
-        .addEventListener('click', function(event) {
-      chrome.send('clearCachedSuggestions');
-      event.preventDefault();
-    });
-
-    $('submit-clear-dismissed-suggestions')
-        .addEventListener('click', function(event) {
-      chrome.send('clearDismissedSuggestions');
-      event.preventDefault();
-    });
-
     window.addEventListener('focus', refreshContent);
     window.setInterval(refreshContent, 1000);
 
@@ -74,19 +52,34 @@ cr.define('chrome.SnippetsInternals', function() {
       function(host) { return host.url;}).join(' ');
   }
 
-  function receiveSnippets(snippets) {
-    lastSnippets = snippets;
-    displayList(snippets, 'snippets', 'snippet-title');
+  function receiveContentSuggestions(categoriesList) {
+    lastSuggestions = categoriesList;
+    displayList(categoriesList, 'content-suggestions',
+                'hidden-toggler');
+
+    var clearCachedButtons =
+        document.getElementsByClassName('submit-clear-cached-suggestions');
+    for (var button of clearCachedButtons) {
+      button.addEventListener('click', onClearCachedButtonClicked);
+    }
+
+    var clearDismissedButtons =
+        document.getElementsByClassName('submit-clear-dismissed-suggestions');
+    for (var button of clearDismissedButtons) {
+      button.addEventListener('click', onClearDismissedButtonClicked);
+    }
   }
 
-  function receiveDismissedSnippets(dismissedSnippets) {
-    displayList(dismissedSnippets, 'dismissed-snippets',
-                'dismissed-snippet-title');
+  function onClearCachedButtonClicked(event) {
+    event.preventDefault();
+    var id = parseInt(event.currentTarget.getAttribute('category-id'), 10);
+    chrome.send('clearCachedSuggestions', [id]);
   }
 
-  function receiveContentSuggestions(categoriesList) {
-    displayList(categoriesList, 'content-suggestions',
-                'content-suggestion-title');
+  function onClearDismissedButtonClicked(event) {
+    event.preventDefault();
+    var id = parseInt(event.currentTarget.getAttribute('category-id'), 10);
+    chrome.send('clearDismissedSuggestions', [id]);
   }
 
   function receiveJson(json) {
@@ -120,7 +113,7 @@ cr.define('chrome.SnippetsInternals', function() {
     $(id).classList.toggle('hidden');
   }
 
-  function displayList(object, domId, titleClass) {
+  function displayList(object, domId, toggleClass) {
     jstProcess(new JsEvalContext(object), $(domId));
 
     var text;
@@ -137,7 +130,7 @@ cr.define('chrome.SnippetsInternals', function() {
     if ($(domId + '-empty')) $(domId + '-empty').textContent = text;
     if ($(domId + '-clear')) $(domId + '-clear').style.display = display;
 
-    var links = document.getElementsByClassName(titleClass);
+    var links = document.getElementsByClassName(toggleClass);
     for (var link of links) {
       link.addEventListener('click', toggleHidden);
     }
@@ -149,8 +142,6 @@ cr.define('chrome.SnippetsInternals', function() {
     setHostRestricted: setHostRestricted,
     receiveProperty: receiveProperty,
     receiveHosts: receiveHosts,
-    receiveSnippets: receiveSnippets,
-    receiveDismissedSnippets: receiveDismissedSnippets,
     receiveContentSuggestions: receiveContentSuggestions,
     receiveJson: receiveJson,
   };