Index: chrome/browser/resources/chromeos/provided_file_systems.js |
diff --git a/chrome/browser/resources/chromeos/provided_file_systems.js b/chrome/browser/resources/chromeos/provided_file_systems.js |
index db23dee7d2b84b26538985df525cad756a1a79b8..712f859087d77cbffc1fedfb83474f06e8e4deaf 100644 |
--- a/chrome/browser/resources/chromeos/provided_file_systems.js |
+++ b/chrome/browser/resources/chromeos/provided_file_systems.js |
@@ -5,28 +5,94 @@ |
<include src="../../../../third_party/polymer/platform/platform.js"> |
<include src="../../../../third_party/polymer/polymer/polymer.js"> |
-// Define the file-systems element. |
+// Defines the file-systems element. |
Polymer('file-systems', { |
+ /** |
+ * Called when the element is created. |
+ */ |
ready: function() { |
}, |
/** |
+ * Selects an active file system from the list. |
+ * @param {Event} event Event. |
+ * @param {number} detail Detail. |
+ * @param {HTMLElement} sender Sender. |
+ */ |
+ rowClicked: function(event, detail, sender) { |
+ var requestEventsNode = document.querySelector('#request-events'); |
+ requestEventsNode.hidden = false; |
+ requestEventsNode.model = []; |
+ |
+ console.log(sender.dataset.extensionId, sender.dataset.id); |
+ chrome.send('selectFileSystem', [sender.dataset.extensionId, |
+ sender.dataset.id]); |
+ }, |
+ |
+ /** |
* List of provided file system information maps. |
* @type {Array.<Object>} |
*/ |
model: [] |
}); |
+// Defines the request-log element. |
+Polymer('request-events', { |
+ /** |
+ * Called when the element is created. |
+ */ |
+ ready: function() { |
+ }, |
+ |
+ /** |
+ * Formats time to a hh:mm:ss.xxxx format. |
+ * @param {Date} time Input time. |
+ * @return {string} Output string in a human-readable format. |
+ */ |
+ formatTime: function(time) { |
+ return ('0' + time.getHours()).slice(-2) + ':' + |
+ ('0' + time.getMinutes()).slice(-2) + ':' + |
+ ('0' + time.getSeconds()).slice(-2) + '.' + |
+ ('000' + time.getMilliseconds()).slice(-3); |
+ }, |
+ |
+ /** |
+ * Formats a boolean value to human-readable form. |
+ * @param {boolean=} opt_hasMore Input value. |
+ * @return {string} Output string in a human-readable format. |
+ */ |
+ formatHasMore: function(opt_hasMore) { |
+ if (opt_hasMore == undefined) |
+ return ''; |
+ |
+ return opt_hasMore ? 'HAS_MORE' : 'LAST'; |
+ }, |
+ |
+ /** |
+ * List of events. |
+ * @type {Array.<Object>} |
+ */ |
+ model: [] |
+}); |
+ |
/* |
* Updates the mounted file system list. |
- * @param {Object} fileSystems Dictionary containing provided file system |
+ * @param {Array.<Object>} fileSystems Array containing provided file system |
* information. |
- * |
*/ |
function updateFileSystems(fileSystems) { |
- var mountedFileSystems = document.querySelector('#mounted-file-systems'); |
- mountedFileSystems.model = fileSystems; |
- Platform.performMicrotaskCheckpoint(); |
+ var fileSystemsNode = document.querySelector('#file-systems'); |
+ fileSystemsNode.model = fileSystems; |
+} |
+ |
+/** |
+ * Called when a request is created. |
+ * @param {Object} event Event. |
+ */ |
+function onRequestEvent(event) { |
+ var requestEventsNode = document.querySelector('#request-events'); |
+ event.time = new Date(event.time); // Convert to a real Date object. |
+ requestEventsNode.model.push(event); |
} |
document.addEventListener('DOMContentLoaded', function() { |