components/sync_driver/resources/events.js

   1 // Copyright (c) 2011 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.sync.events_tab', function() {
   6   'use strict';
   7
   8   function toggleDisplay(event) {
   9     var originatingButton = event.target;
  10     if (originatingButton.className != 'toggle-button') {
  11       return;
  12     }
  13     var detailsNode = originatingButton.parentNode.getElementsByClassName(
  14         'details')[0];
  15     var detailsColumn = detailsNode.parentNode;
  16     var detailsRow = detailsColumn.parentNode;
  17
  18     if (!detailsRow.classList.contains('expanded')) {
  19       detailsRow.classList.toggle('expanded');
  20       detailsColumn.setAttribute('colspan', 4);
  21       detailsNode.removeAttribute('hidden');
  22     } else {
  23       detailsNode.setAttribute('hidden', '');
  24       detailsColumn.removeAttribute('colspan');
  25       detailsRow.classList.toggle('expanded');
  26     }
  27   };
  28
  29   function displaySyncEvents() {
  30     var entries = chrome.sync.log.entries;
  31     var eventTemplateContext = {
  32       eventList: entries,
  33     };
  34     var context = new JsEvalContext(eventTemplateContext);
  35     jstProcess(context, $('sync-events'));
  36   };
  37
  38   function onLoad() {
  39     $('sync-events').addEventListener('click', toggleDisplay);
  40     chrome.sync.log.addEventListener('append', function(event) {
  41       displaySyncEvents();
  42     });
  43   }
  44
  45   return {
  46     onLoad: onLoad
  47   };
  48 });
  49
  50 document.addEventListener(
  51     'DOMContentLoaded', chrome.sync.events_tab.onLoad, false);