drive: Add information about in-flight operations to chrome:drive-internals

chrome/browser/resources/chromeos/drive_internals.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.
 
 /**
  * Updates the Authentication Status section.
  * @param {Object} authStatus Dictionary containing auth status.
  */
 function updateAuthStatus(authStatus) {
   $('has-refresh-token').textContent = authStatus['has-refresh-token'];
@@ skipping 61 matching lines @@
  * Updates the Local Storage summary.
  * @param {Object} localStorageSummary Dictionaty describing the status of local
  * stogage.
  */
 function updateLocalStorageUsage(localStorageSummary) {
   var freeSpaceInMB = localStorageSummary.free_space / (1 << 20);
   $('local-storage-freespace').innerText = freeSpaceInMB;
 }
 
 /**
+ * Updates the summary about in-flight operations.
+ * @param {Object} operationsSummary Dictionaty describing the status of

[satorux1, 2012/08/22 20:20:02]

seems to me that operationsSummary is a list of dictonaries?

[Haruki Sato, 2012/08/24 19:06:11]

Yes. Done.
Thanks!

+ * in-flight operations.
+ */
+function updateInFlightOperations(operationsSummary) {
+  for (var i = 0; i < operationsSummary.length; i++) {
+    var operation = operationsSummary[i];
+    var tr = document.createElement('tr');
+    tr.appendChild(createElementFromText('td', operation.operation_id));
+    tr.appendChild(createElementFromText('td', operation.operation_type));
+    tr.appendChild(createElementFromText('td', operation.file_path));
+    tr.appendChild(createElementFromText('td', operation.transfer_state));
+    tr.appendChild(createElementFromText('td', operation.start_time));
+    var progress = operation.progress_current + '/' + operation.progress_total;
+    if (operation.progress_total > 0) {
+      progress += ' (' +
+          (operation.progress_current / operation.progress_total * 100) + '%)';
+    }
+    tr.appendChild(createElementFromText('td', progress));
+
+    $('in-flight-operations-contents').appendChild(tr);
+  }

[satorux1, 2012/08/22 20:20:02]

I think we want to be able to monitor the in-flight operations without reloading
the page.

Can you add a timer on JavaScript side, and fetch the latest status from the C++
side, and update the section every second?

[Haruki Sato, 2012/08/24 19:06:11]

Done.
Added periodic update using setInterval.

+}
+
+/**
  * Creates an element named |elementName| containing the content |text|.
  * @param {string} elementName Name of the new element to be created.
  * @param {string} text Text to be contained in the new element.
  * @return {HTMLElement} The newly created HTML element.
  */
 function createElementFromText(elementName, text) {
   var element = document.createElement(elementName);
   element.appendChild(document.createTextNode(text));
   return element;
 }
 
 document.addEventListener('DOMContentLoaded', function() {
   chrome.send('pageLoaded');
 });