chrome/browser/resources/sync_file_system_internals/task_log.js

// Copyright 2014 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.

const TaskLog = (function() {
  'use strict';

  const nextTaskLogSeq = 1;
  const TaskLog = {};

  function observeTaskLog() {
    chrome.send('observeTaskLog');
  }

  /**
   * Handles per-task log event.
   * @param {Object} taskLog a dictionary containing 'duration',
   * 'task_description', 'result_description' and 'details'.
   */
  TaskLog.onTaskLogRecorded = function(taskLog) {
    const details = document.createElement('td');
    details.classList.add('task-log-details');

    const label = document.createElement('label');
    details.appendChild(label);

    const collapseCheck = document.createElement('input');
    collapseCheck.setAttribute('type', 'checkbox');
    collapseCheck.classList.add('task-log-collapse-check');
    label.appendChild(collapseCheck);

    const ul = document.createElement('ul');
    for (let i = 0; i < taskLog.details.length; ++i)
      ul.appendChild(createElementFromText('li', taskLog.details[i]));
    label.appendChild(ul);

    const tr = document.createElement('tr');
    tr.appendChild(createElementFromText(
        'td', taskLog.duration, {'class': 'task-log-duration'}));
    tr.appendChild(createElementFromText(
        'td', taskLog.task_description, {'class': 'task-log-description'}));
    tr.appendChild(createElementFromText(
        'td', taskLog.result_description, {'class': 'task-log-result'}));
    tr.appendChild(details);

    $('task-log-entries').appendChild(tr);
  };

  /**
   * Get initial sync service values and set listeners to get updated values.
   */
  function main() {
    observeTaskLog();
  }

  document.addEventListener('DOMContentLoaded', main);
  return TaskLog;
})();