sync_service.js revision eb525c5499e34cc9c4b825d6d9e75bb07cc06ace
1b2df76ea8fec9e32f6f3718986dba0d95315b29cTorne (Richard Coles)// Copyright 2013 The Chromium Authors. All rights reserved.
2b2df76ea8fec9e32f6f3718986dba0d95315b29cTorne (Richard Coles)// Use of this source code is governed by a BSD-style license that can be
3b2df76ea8fec9e32f6f3718986dba0d95315b29cTorne (Richard Coles)// found in the LICENSE file.
4b2df76ea8fec9e32f6f3718986dba0d95315b29cTorne (Richard Coles)
5b2df76ea8fec9e32f6f3718986dba0d95315b29cTorne (Richard Coles)/**
6b2df76ea8fec9e32f6f3718986dba0d95315b29cTorne (Richard Coles) * WebUI to monitor the Sync File System Service.
7b2df76ea8fec9e32f6f3718986dba0d95315b29cTorne (Richard Coles) */
87d4cd473f85ac64c3747c96c277f9e506a0d2246Torne (Richard Coles)var SyncService = (function() {
9b2df76ea8fec9e32f6f3718986dba0d95315b29cTorne (Richard Coles)'use strict';
10b2df76ea8fec9e32f6f3718986dba0d95315b29cTorne (Richard Coles)
11868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)var SyncService = {};
1290dce4d38c5ff5333bea97d859d4e484e27edf0cTorne (Richard Coles)
13b2df76ea8fec9e32f6f3718986dba0d95315b29cTorne (Richard Coles)/**
14b2df76ea8fec9e32f6f3718986dba0d95315b29cTorne (Richard Coles) * Request Sync Service Status.
15b2df76ea8fec9e32f6f3718986dba0d95315b29cTorne (Richard Coles) */
16b2df76ea8fec9e32f6f3718986dba0d95315b29cTorne (Richard Coles)function getServiceStatus() {
17b2df76ea8fec9e32f6f3718986dba0d95315b29cTorne (Richard Coles)  chrome.send('getServiceStatus');
18b2df76ea8fec9e32f6f3718986dba0d95315b29cTorne (Richard Coles)}
19b2df76ea8fec9e32f6f3718986dba0d95315b29cTorne (Richard Coles)
20b2df76ea8fec9e32f6f3718986dba0d95315b29cTorne (Richard Coles)/**
215e3f23d412006dc4db4e659864679f29341e113fTorne (Richard Coles) * Called when service status is initially retrieved or updated via events.
22b2df76ea8fec9e32f6f3718986dba0d95315b29cTorne (Richard Coles) * @param {string} Service status enum as a string.
23b2df76ea8fec9e32f6f3718986dba0d95315b29cTorne (Richard Coles) */
24868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)SyncService.onGetServiceStatus = function(statusString) {
25b2df76ea8fec9e32f6f3718986dba0d95315b29cTorne (Richard Coles)  $('service-status').textContent = statusString;
26b2df76ea8fec9e32f6f3718986dba0d95315b29cTorne (Richard Coles)}
27b2df76ea8fec9e32f6f3718986dba0d95315b29cTorne (Richard Coles)
28b2df76ea8fec9e32f6f3718986dba0d95315b29cTorne (Richard Coles)/**
2990dce4d38c5ff5333bea97d859d4e484e27edf0cTorne (Richard Coles) * Request Google Drive Notification Source. e.g. XMPP or polling.
3090dce4d38c5ff5333bea97d859d4e484e27edf0cTorne (Richard Coles) */
3190dce4d38c5ff5333bea97d859d4e484e27edf0cTorne (Richard Coles)function getNotificationSource() {
3290dce4d38c5ff5333bea97d859d4e484e27edf0cTorne (Richard Coles)  chrome.send('getNotificationSource');
3390dce4d38c5ff5333bea97d859d4e484e27edf0cTorne (Richard Coles)}
3490dce4d38c5ff5333bea97d859d4e484e27edf0cTorne (Richard Coles)
3590dce4d38c5ff5333bea97d859d4e484e27edf0cTorne (Richard Coles)/**
3690dce4d38c5ff5333bea97d859d4e484e27edf0cTorne (Richard Coles) * Handles callback from getNotificationSource.
3790dce4d38c5ff5333bea97d859d4e484e27edf0cTorne (Richard Coles) * @param {string} Notification source as a string.
3890dce4d38c5ff5333bea97d859d4e484e27edf0cTorne (Richard Coles) */
39868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)SyncService.onGetNotificationSource = function(sourceString) {
4090dce4d38c5ff5333bea97d859d4e484e27edf0cTorne (Richard Coles)  $('notification-source').textContent = sourceString;
4190dce4d38c5ff5333bea97d859d4e484e27edf0cTorne (Richard Coles)}
4290dce4d38c5ff5333bea97d859d4e484e27edf0cTorne (Richard Coles)
4390dce4d38c5ff5333bea97d859d4e484e27edf0cTorne (Richard Coles)/**
4490dce4d38c5ff5333bea97d859d4e484e27edf0cTorne (Richard Coles) * Creates an element named |elementName| containing the content |text|.
4590dce4d38c5ff5333bea97d859d4e484e27edf0cTorne (Richard Coles) * @param {string} elementName Name of the new element to be created.
4690dce4d38c5ff5333bea97d859d4e484e27edf0cTorne (Richard Coles) * @param {string} text Text to be contained in the new element.
47eb525c5499e34cc9c4b825d6d9e75bb07cc06aceBen Murdoch * @param {Object} opt_attributes Optional attribute dictionary for the element.
4890dce4d38c5ff5333bea97d859d4e484e27edf0cTorne (Richard Coles) * @return {HTMLElement} The newly created HTML element.
4990dce4d38c5ff5333bea97d859d4e484e27edf0cTorne (Richard Coles) */
50eb525c5499e34cc9c4b825d6d9e75bb07cc06aceBen Murdochfunction createElementFromText(elementName, text, opt_attributes) {
5190dce4d38c5ff5333bea97d859d4e484e27edf0cTorne (Richard Coles)  var element = document.createElement(elementName);
5290dce4d38c5ff5333bea97d859d4e484e27edf0cTorne (Richard Coles)  element.appendChild(document.createTextNode(text));
53eb525c5499e34cc9c4b825d6d9e75bb07cc06aceBen Murdoch  if (opt_attributes) {
54eb525c5499e34cc9c4b825d6d9e75bb07cc06aceBen Murdoch    for (var key in opt_attributes)
55eb525c5499e34cc9c4b825d6d9e75bb07cc06aceBen Murdoch      element.setAttribute(key, opt_attributes[key]);
56eb525c5499e34cc9c4b825d6d9e75bb07cc06aceBen Murdoch  }
5790dce4d38c5ff5333bea97d859d4e484e27edf0cTorne (Richard Coles)  return element;
5890dce4d38c5ff5333bea97d859d4e484e27edf0cTorne (Richard Coles)}
5990dce4d38c5ff5333bea97d859d4e484e27edf0cTorne (Richard Coles)
6090dce4d38c5ff5333bea97d859d4e484e27edf0cTorne (Richard Coles)/**
6190dce4d38c5ff5333bea97d859d4e484e27edf0cTorne (Richard Coles) * Request debug log.
6290dce4d38c5ff5333bea97d859d4e484e27edf0cTorne (Richard Coles) */
6390dce4d38c5ff5333bea97d859d4e484e27edf0cTorne (Richard Coles)function getLog() {
6490dce4d38c5ff5333bea97d859d4e484e27edf0cTorne (Richard Coles)  chrome.send('getLog');
6590dce4d38c5ff5333bea97d859d4e484e27edf0cTorne (Richard Coles)}
6690dce4d38c5ff5333bea97d859d4e484e27edf0cTorne (Richard Coles)
6790dce4d38c5ff5333bea97d859d4e484e27edf0cTorne (Richard Coles)/**
6890dce4d38c5ff5333bea97d859d4e484e27edf0cTorne (Richard Coles) * Handles callback from getUpdateLog.
6990dce4d38c5ff5333bea97d859d4e484e27edf0cTorne (Richard Coles) * @param {Array} list List of dictionaries containing 'time' and 'logEvent'.
7090dce4d38c5ff5333bea97d859d4e484e27edf0cTorne (Richard Coles) */
71868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)SyncService.onGetLog = function(logEntries) {
7290dce4d38c5ff5333bea97d859d4e484e27edf0cTorne (Richard Coles)  var itemContainer = $('log-entries');
7390dce4d38c5ff5333bea97d859d4e484e27edf0cTorne (Richard Coles)  for (var i = 0; i < logEntries.length; i++) {
7490dce4d38c5ff5333bea97d859d4e484e27edf0cTorne (Richard Coles)    var logEntry = logEntries[i];
7590dce4d38c5ff5333bea97d859d4e484e27edf0cTorne (Richard Coles)    var tr = document.createElement('tr');
76eb525c5499e34cc9c4b825d6d9e75bb07cc06aceBen Murdoch    var error = /ERROR/.test(logEntry.logEvent) ? ' error' : '';
77eb525c5499e34cc9c4b825d6d9e75bb07cc06aceBen Murdoch    tr.appendChild(createElementFromText('td', logEntry.time,
78eb525c5499e34cc9c4b825d6d9e75bb07cc06aceBen Murdoch                                         {class: 'log-time'}));
79eb525c5499e34cc9c4b825d6d9e75bb07cc06aceBen Murdoch    tr.appendChild(createElementFromText('td', logEntry.logEvent,
80eb525c5499e34cc9c4b825d6d9e75bb07cc06aceBen Murdoch                                         {class: 'log-event' + error}));
8190dce4d38c5ff5333bea97d859d4e484e27edf0cTorne (Richard Coles)    itemContainer.appendChild(tr);
8290dce4d38c5ff5333bea97d859d4e484e27edf0cTorne (Richard Coles)  }
8390dce4d38c5ff5333bea97d859d4e484e27edf0cTorne (Richard Coles)}
8490dce4d38c5ff5333bea97d859d4e484e27edf0cTorne (Richard Coles)
8590dce4d38c5ff5333bea97d859d4e484e27edf0cTorne (Richard Coles)/**
86b2df76ea8fec9e32f6f3718986dba0d95315b29cTorne (Richard Coles) * Get initial sync service values and set listeners to get updated values.
87b2df76ea8fec9e32f6f3718986dba0d95315b29cTorne (Richard Coles) */
88b2df76ea8fec9e32f6f3718986dba0d95315b29cTorne (Richard Coles)function main() {
89b2df76ea8fec9e32f6f3718986dba0d95315b29cTorne (Richard Coles)  cr.ui.decorate('tabbox', cr.ui.TabBox);
90b2df76ea8fec9e32f6f3718986dba0d95315b29cTorne (Richard Coles)  getServiceStatus();
9190dce4d38c5ff5333bea97d859d4e484e27edf0cTorne (Richard Coles)  getNotificationSource();
92868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)
93868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)  // TODO: Look for a way to push entries to the page when necessary.
9490dce4d38c5ff5333bea97d859d4e484e27edf0cTorne (Richard Coles)  window.setInterval(getLog, 1000);
95b2df76ea8fec9e32f6f3718986dba0d95315b29cTorne (Richard Coles)}
96b2df76ea8fec9e32f6f3718986dba0d95315b29cTorne (Richard Coles)
97b2df76ea8fec9e32f6f3718986dba0d95315b29cTorne (Richard Coles)document.addEventListener('DOMContentLoaded', main);
98868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)return SyncService;
99b2df76ea8fec9e32f6f3718986dba0d95315b29cTorne (Richard Coles)})();
100