chrome/browser/resources/supervised_user_internals.js

   1 // Copyright 2015 The Chromium Authors. All rights reserved.
   2 // Use of this source code is governed by a BSD-style license that can be
   3 // found in the LICENSE file.
   4
   5 cr.define('chrome.supervised_user_internals', function() {
   6   'use strict';
   7
   8   function initialize() {
   9     function submitURL(event) {
  10       $('try-url-result').textContent = '';
  11       chrome.send('tryURL', [$('try-url-input').value]);
  12       event.preventDefault();
  13     }
  14
  15     $('try-url').addEventListener('submit', submitURL);
  16
  17     // Make the prototype jscontent element disappear.
  18     jstProcess({}, $('filtering-results-container'));
  19
  20     chrome.send('registerForEvents');
  21
  22     chrome.send('getBasicInfo');
  23   }
  24
  25   function highlightIfChanged(node, oldVal, newVal) {
  26     function clearHighlight() {
  27       this.removeAttribute('highlighted');
  28     }
  29
  30     var oldStr = oldVal.toString();
  31     var newStr = newVal.toString();
  32     if (oldStr != '' && oldStr != newStr) {
  33       // Note the addListener function does not end up creating duplicate
  34       // listeners.  There can be only one listener per event at a time.
  35       // See https://developer.mozilla.org/en/DOM/element.addEventListener
  36       node.addEventListener('webkitAnimationEnd', clearHighlight, false);
  37       node.setAttribute('highlighted', '');
  38     }
  39   }
  40
  41   function receiveBasicInfo(info) {
  42     jstProcess(new JsEvalContext(info), $('basic-info'));
  43
  44     // Hack: Schedule another refresh after a while.
  45     // TODO(treib): Get rid of this once we're properly notified of all
  46     // relevant changes.
  47     setTimeout(function() { chrome.send('getBasicInfo'); }, 5000);
  48   }
  49
  50   function receiveUserSettings(settings) {
  51     // The user settings are returned as an object, flatten them into a
  52     // list of key/value pairs for easier consumption by the HTML template.
  53     // This is not done recursively, values are passed as their JSON
  54     // representation.
  55     var kvpairs = Object.keys(settings).map(function(key) {
  56       return {
  57         key: key,
  58         value: JSON.stringify(settings[key], null, 2)
  59       };
  60     });
  61
  62     jstProcess(new JsEvalContext({settings: kvpairs}), $('user-settings'));
  63   }
  64
  65   function receiveTryURLResult(result) {
  66     $('try-url-result').textContent = result;
  67   }
  68
  69   /**
  70    * Helper to determine if an element is scrolled to its bottom limit.
  71    * @param {Element} elem element to check
  72    * @return {boolean} true if the element is scrolled to the bottom
  73    */
  74   function isScrolledToBottom(elem) {
  75     return elem.scrollHeight - elem.scrollTop == elem.clientHeight;
  76   }
  77
  78   /**
  79    * Helper to scroll an element to its bottom limit.
  80    * @param {Element} elem element to be scrolled
  81    */
  82   function scrollToBottom(elem) {
  83     elem.scrollTop = elem.scrollHeight - elem.clientHeight;
  84   }
  85
  86   /** Container for accumulated filtering results. */
  87   var filteringResults = [];
  88
  89   /**
  90    * Callback for incoming filtering results.
  91    * @param {Object} result The result.
  92    */
  93   function receiveFilteringResult(result) {
  94     filteringResults.push(result);
  95
  96     var container = $('filtering-results-container');
  97
  98     // Scroll to the bottom if we were already at the bottom.  Otherwise, leave
  99     // the scrollbar alone.
 100     var shouldScrollDown = isScrolledToBottom(container);
 101
 102     jstProcess(new JsEvalContext({ results: filteringResults }), container);
 103
 104     if (shouldScrollDown)
 105       scrollToBottom(container);
 106   }
 107
 108   // Return an object with all of the exports.
 109   return {
 110     initialize: initialize,
 111     highlightIfChanged: highlightIfChanged,
 112     receiveBasicInfo: receiveBasicInfo,
 113     receiveUserSettings: receiveUserSettings,
 114     receiveTryURLResult: receiveTryURLResult,
 115     receiveFilteringResult: receiveFilteringResult,
 116   };
 117 });
 118
 119 document.addEventListener('DOMContentLoaded',
 120                           chrome.supervised_user_internals.initialize);