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

chrome/browser/resources/snippets_internals.js

 // Copyright 2016 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.
 
 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) {
       chrome.send('download', [$('hosts-input').value]);
       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();
     });
 
     $('last-json-button').addEventListener('click', function(event) {
       $('last-json-container').classList.toggle('hidden');
     });
 
     $('last-json-dump').addEventListener('click', function(event) {
       downloadJson($('last-json-text').innerText);
       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);
 
     refreshContent();
   }
 
   function setHostRestricted(restricted) {
     receiveProperty('switch-restrict-to-hosts', restricted ? 'True' : 'False');
     if (!restricted) {
       $('hosts-restrict').classList.add('hidden');
     }
   }
 
   function receiveProperty(propertyId, value) {
     $(propertyId).textContent = value;
   }
 
   function receiveHosts(hosts) {
     displayList(hosts, 'hosts');
 
     $('hosts-input').value = hosts.list.map(
       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) {
     var trimmed = json.trim();
     var hasContent = (trimmed && trimmed != '{}');
 
     if (hasContent) {
       receiveProperty('last-json-text', trimmed);
       $('last-json').classList.remove('hidden');
     } else {
@@ skipping 13 matching lines @@
 
   function refreshContent() {
     chrome.send('refreshContent');
   }
 
   function toggleHidden(event) {
     var id = event.currentTarget.getAttribute('hidden-id');
     $(id).classList.toggle('hidden');
   }
 
-  function displayList(object, domId, titleClass) {
+  function displayList(object, domId, toggleClass) {
     jstProcess(new JsEvalContext(object), $(domId));
 
     var text;
     var display;
 
     if (object.list.length > 0) {
       text = '';
       display = 'inline';
     } else {
       text = 'The list is empty.';
       display = 'none';
     }
 
     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);
     }
   }
 
   // Return an object with all of the exports.
   return {
     initialize: initialize,
     setHostRestricted: setHostRestricted,
     receiveProperty: receiveProperty,
     receiveHosts: receiveHosts,
-    receiveSnippets: receiveSnippets,
-    receiveDismissedSnippets: receiveDismissedSnippets,
     receiveContentSuggestions: receiveContentSuggestions,
     receiveJson: receiveJson,
   };
 });
 
 document.addEventListener('DOMContentLoaded',
                           chrome.SnippetsInternals.initialize);