Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(2328)

Unified Diff: chrome/browser/resources/sync_file_system_internals/dump_database.js

Issue 107743002: Add 'Dump Database' tab to syncfs-internals (only for v2 for now) (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: regular -> Regular, added app_id Created 7 years ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
Index: chrome/browser/resources/sync_file_system_internals/dump_database.js
diff --git a/chrome/browser/resources/sync_file_system_internals/dump_database.js b/chrome/browser/resources/sync_file_system_internals/dump_database.js
new file mode 100644
index 0000000000000000000000000000000000000000..58025bc417026f258aad4a512fb439144e897a8a
--- /dev/null
+++ b/chrome/browser/resources/sync_file_system_internals/dump_database.js
@@ -0,0 +1,90 @@
+// Copyright 2013 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.
+
+/**
+ * Handles DumpDatabase tab for syncfs-internals.
+ */
+var DumpDatabase = (function() {
+'use strict';
+
+var DumpDatabase = {};
+
+/**
+ * Get the database dump.
+ */
+function getDatabaseDump() {
+ chrome.send('getDatabaseDump');
+}
+
+/**
+ * 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;
+}
+
+/**
+ * Creates a table by filling |header| and |body|.
+ * @param {HTMLElement} div The outer container of the table to be renderered.
+ * @param {HTMLElement} header The table header element to be fillied by
+ * this function.
+ * @param {HTMLElement} body The table body element to be filled by this
+ * function.
+ * @param {Array} databaseDump List of dictionaries for the database dump.
+ * The first element must have metadata of the entry.
+ * The remaining elements must be dictionaries for the database dump,
+ * which can be iterated using the 'keys' fields given by the first
+ * element.
+ */
+function createDatabaseDumpTable(div, header, body, databaseDump) {
+ var metadata = databaseDump.shift();
+ div.appendChild(createElementFromText('h3', metadata['title']));
+
+ var tr = document.createElement('tr');
+ for (var i = 0; i < metadata.keys.length; ++i)
+ tr.appendChild(createElementFromText('td', metadata.keys[i]));
+ header.appendChild(tr);
+
+ for (var i = 0; i < databaseDump.length; i++) {
+ var entry = databaseDump[i];
+ var tr = document.createElement('tr');
+ for (var k = 0; k < metadata.keys.length; ++k)
+ tr.appendChild(createElementFromText('td', entry[metadata.keys[k]]));
+ body.appendChild(tr);
+ }
+}
+
+/**
+ * Handles callback from onGetDatabaseDump.
+ * @param {Array} databaseDump List of lists for the database dump.
+ */
+DumpDatabase.onGetDatabaseDump = function(databaseDump) {
+ var placeholder = $('dump-database-placeholder');
+ placeholder.innerHTML = '';
+ for (var i = 0; i < databaseDump.length; ++i) {
+ var div = document.createElement('div');
+ var table = document.createElement('table');
+ var header = document.createElement('thead');
+ var body = document.createElement('tbody');
+ createDatabaseDumpTable(div, header, body, databaseDump[i]);
+ table.appendChild(header);
+ table.appendChild(body);
+ div.appendChild(table);
+ placeholder.appendChild(div);
+ }
+}
+
+function main() {
+ getDatabaseDump();
+ $('refresh-database-dump').addEventListener('click', getDatabaseDump);
+}
+
+document.addEventListener('DOMContentLoaded', main);
+return DumpDatabase;
+})();

Powered by Google App Engine
This is Rietveld 408576698