Quick searches for sync-internals

chrome/browser/resources/sync_internals/sync_search.js

Index: chrome/browser/resources/sync_internals/sync_search.js
diff --git a/chrome/browser/resources/sync_internals/sync_search.js b/chrome/browser/resources/sync_internals/sync_search.js
index 63ec513ce79c01193f1dc3084f9ac12899910497..0f42975ea3360a21d917d0c1b6af221e7ffd84ab 100644
--- a/chrome/browser/resources/sync_internals/sync_search.js
+++ b/chrome/browser/resources/sync_internals/sync_search.js
@@ -7,6 +7,35 @@
 cr.define('chrome.sync', function() {
   var currSearchId = 0;
 
+  var applyFilter = function(queryControl, query) {

[rlarocque, 2014/01/15 23:57:17]

Would 'setQueryString' be a better name for this function?

[mferreria_g, 2014/01/16 00:32:02]

Done.

+    queryControl.value = query;
+  };
+
+  var createApplyFunction = function(queryControl, submitControl, query) {

[rlarocque, 2014/01/15 23:57:17]

Maybe rename to 'createDoQueryFunction'?

[mferreria_g, 2014/01/16 00:32:02]

Done.

+    return function() {
+      applyFilter(queryControl, query);
+      submitControl.click();
+    };
+  };
+
+  /**
+   * Decorates the quick search controls
+   *
+   * @param {Array of DOM elements} quickLinkArray The <a> object which
+   *     will be given a link to a quick filter option.
+   * @param {!HTMLInputElement} queryControl The <input> object of
+   *     type=search where the user types in his query.
+   */
+  var decorateQuickQueryControls = function(quickLinkArray, submitControl,
+                                            queryControl) {
+    for (var index = 0; index < allLinks.length; ++index) {
+      var quickQuery = allLinks[index].getAttribute('data-query');
+      var quickQueryFunction = createApplyFunction(queryControl, submitControl,
+          quickQuery);
+      allLinks[index].addEventListener('click', quickQueryFunction);
+    }
+  };
+
   /**
    * Runs a search with the given query.
    *
@@ -38,7 +67,7 @@ cr.define('chrome.sync', function() {
    *
    * @param {!HTMLInputElement} queryControl The <input> object of
    *     type=search where the user types in his query.
-   * @param {!HTMLButtonElement} submitControl The <button> object of
+   * @param {!HTMLButtonElement} submitControl The <button> object
    *     where the user can click to do his query.
    * @param {!HTMLElement} statusControl The <span> object display the
    *     search status.
@@ -102,6 +131,7 @@ cr.define('chrome.sync', function() {
   }
 
   return {
-    decorateSearchControls: decorateSearchControls
+    decorateSearchControls: decorateSearchControls,
+    decorateQuickQueryControls: decorateQuickQueryControls
   };
 });