alternate ntp: show search provider logo

chrome/browser/resources/instant/instant.js

 // Copyright (c) 2012 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.
 
 // Redefine '$' here rather than including 'cr.js', since this is
 // the only function needed.  This allows this file to be loaded
 // in a browser directly for layout and some testing purposes.
 var $ = function(id) { return document.getElementById(id); };
 
 /**
  * WebUI for configuring instant.* preference values used by
  * Chrome's instant search system.
  */
 var instantConfig = (function() {
   'use strict';
 
   /** List of fields used to dynamically build form. **/
   var FIELDS = [
     {
       key: 'instant.animation_scale_factor',
-      label: 'Slow down animations by a factor of',
-      units: 'no units, range 1 to 10',
-      default: 1
+      type: 'number',
+      label: 'Slow down animations by a factor of ',
+      units: 'no units, range 1 to 20',
+      default: 1,
+      min: 1,
+      max: 20
+    },
+    {
+      key: 'instant.show_search_provider_logo',
+      type: 'checkbox',
+      label: 'Show search provider logo',
+      default: false
     }
   ];
 
   /**
    * Returns a DOM element of the given type and class name.
    */
   function createElementWithClass(elementType, className) {
     var element = document.createElement(elementType);
     element.className = className;
     return element;
@@ skipping 11 matching lines @@
 
       var row = createElementWithClass('div', 'row');
       row.id = '';
 
       var label = createElementWithClass('label', 'row-label');
       label.setAttribute('for', field.key);
       label.textContent = field.label;
       row.appendChild(label);
 
       var input = createElementWithClass('input', 'row-input');
-      input.type = 'number';
+      input.type = field.type;
       input.size = 3;
       input.id = field.key;
       input.min = field.min || 0;
       input.title = "Default Value: " + field.default;
       if (field.max) input.max = field.max;
       if (field.step) input.step = field.step;
       row.appendChild(input);
 
       var units = createElementWithClass('div', 'row-units');
       if (field.units)
         units.innerHTML = field.units;
       row.appendChild(units);
 
       $('instant-form').appendChild(row);
     }
   }
 
   /**
    * Initialize the form by adding 'onChange' listeners to all fields.
    */
   function initForm() {
     for (var i = 0; i < FIELDS.length; i++) {
       var field = FIELDS[i];
       $(field.key).onchange = (function(key) {
-        setPreferenceValue(key, $(key).value);
+        setPreferenceValue(key);
       }).bind(null, field.key);
     }
   }
 
   /**
    * Request a preference setting's value.
    * This method is asynchronous; the result is provided by a call to
    * getPreferenceValueResult.
    * @param {string} prefName The name of the preference value being requested.
    */
   function getPreferenceValue(prefName) {
     chrome.send('getPreferenceValue', [prefName]);
   }
 
   /**
    * Handle callback from call to getPreferenceValue.
    * @param {string} prefName The name of the requested preference value.
    * @param {value} value The current value associated with prefName.
    */
   function getPreferenceValueResult(prefName, value) {
-    $(prefName).value = value;
+    if ($(prefName).type == 'checkbox')
+      $(prefName).checked = value;
+    else
+      $(prefName).value = value;
   }
 
   /**
-   * Set a preference setting's value.
+   * Set a preference setting's value stored in the element with prefName.
    * @param {string} prefName The name of the preference value being set.
-   * @param {value} value The value to be associated with prefName.
    */
-  function setPreferenceValue(prefName, value) {
+  function setPreferenceValue(prefName) {
+    var value;
+    if ($(prefName).type == 'checkbox')
+      value = $(prefName).checked;
+    else if ($(prefName).type == 'number')
+      value = parseFloat($(prefName).value);
+    else
+      value = $(prefName).value;
     chrome.send(
         'setPreferenceValue',
-        [prefName, parseFloat(value)]);
+        [prefName, value]);
   }
 
   /**
    * Handle processing of "Reset" button.
    * Causes off form values to be updated based on current preference values.
    */
   function onReset() {
     for (var i = 0; i < FIELDS.length; i++) {
       var field = FIELDS[i];
-      $(field.key).value = field.default;
-      setPreferenceValue(field.key, field.default);
+      if ($(field.key).type == 'checkbox')
+        $(field.key).checked = field.default;
+      else
+        $(field.key).value = field.default;
+      setPreferenceValue(field.key);
     }
     return false;
   }
 
   /**
    * Saves data back into Chrome preferences.
    */
   function onSave() {
     for (var i = 0; i < FIELDS.length; i++) {
       var field = FIELDS[i];
-      setPreferenceValue(field.key, $(field.key).value);
+      setPreferenceValue(field.key);
     }
     return false;
   }
 
 
   function loadForm() {
     for (var i = 0; i < FIELDS.length; i++)
       getPreferenceValue(FIELDS[i].key);
   }
 
   /**
    * Build and initialize the configuration form.
    */
   function initialize() {
     buildForm();
     loadForm();
     initForm();
 
     $('reset-button').onclick = onReset.bind(this);
     $('save-button').onclick = onSave.bind(this);
   }
 
   return {
     initialize: initialize,
     getPreferenceValueResult: getPreferenceValueResult
   };
 })();
 
 document.addEventListener('DOMContentLoaded', instantConfig.initialize);