| OLD | NEW |
| 1 // Copyright 2013 The Chromium Authors. All rights reserved. | 1 // Copyright 2013 The Chromium Authors. All rights reserved. |
| 2 // Use of this source code is governed by a BSD-style license that can be | 2 // Use of this source code is governed by a BSD-style license that can be |
| 3 // found in the LICENSE file. | 3 // found in the LICENSE file. |
| 4 | 4 |
| 5 /** | 5 /** |
| 6 * Handles DumpDatabase tab for syncfs-internals. | 6 * Handles DumpDatabase tab for syncfs-internals. |
| 7 */ | 7 */ |
| 8 var DumpDatabase = (function() { | 8 var DumpDatabase = (function() { |
| 9 'use strict'; | 9 'use strict'; |
| 10 | 10 |
| 11 var DumpDatabase = {}; | 11 var DumpDatabase = {}; |
| 12 | 12 |
| 13 /** | 13 /** |
| 14 * Get the database dump. | 14 * Get the database dump. |
| 15 */ | 15 */ |
| 16 function getDatabaseDump() { | 16 function getDatabaseDump() { |
| 17 chrome.send('getDatabaseDump'); | 17 chrome.send('getDatabaseDump'); |
| 18 } | 18 } |
| 19 | 19 |
| 20 /** | 20 /** |
| 21 * Creates an element named |elementName| containing the content |text|. | 21 * Creates an element named |elementName| containing the content |text|. |
| 22 * @param {string} elementName Name of the new element to be created. | 22 * @param {string} elementName Name of the new element to be created. |
| 23 * @param {string} text Text to be contained in the new element. | 23 * @param {string} text Text to be contained in the new element. |
| 24 * @return {HTMLElement} The newly created HTML element. | 24 * @return {HTMLElement} The newly created HTML element. |
| 25 */ | 25 */ |
| 26 function createElementFromText(elementName, text) { | 26 function createElementFromText(elementName, text) { |
| 27 var element = document.createElement(elementName); | 27 var element = document.createElement(elementName); |
| 28 element.appendChild(document.createTextNode(text)); | 28 element.appendChild(document.createTextNode(text)); |
| 29 return element; | 29 return element; |
| 30 } | 30 } |
| 31 | 31 |
| 32 /** | 32 /** |
| 33 * Creates a table by filling |header| and |body|. | 33 * Creates a table by filling |header| and |body|. |
| 34 * @param {HTMLElement} div The outer container of the table to be renderered. | 34 * @param {HTMLElement} div The outer container of the table to be renderered. |
| 35 * @param {HTMLElement} header The table header element to be fillied by | 35 * @param {HTMLElement} header The table header element to be fillied by |
| 36 * this function. | 36 * this function. |
| 37 * @param {HTMLElement} body The table body element to be filled by this | 37 * @param {HTMLElement} body The table body element to be filled by this |
| 38 * function. | 38 * function. |
| 39 * @param {Array} databaseDump List of dictionaries for the database dump. | 39 * @param {Array} databaseDump List of dictionaries for the database dump. |
| 40 * The first element must have metadata of the entry. | 40 * The first element must have metadata of the entry. |
| 41 * The remaining elements must be dictionaries for the database dump, | 41 * The remaining elements must be dictionaries for the database dump, |
| 42 * which can be iterated using the 'keys' fields given by the first | 42 * which can be iterated using the 'keys' fields given by the first |
| 43 * element. | 43 * element. |
| 44 */ | 44 */ |
| 45 function createDatabaseDumpTable(div, header, body, databaseDump) { | 45 function createDatabaseDumpTable(div, header, body, databaseDump) { |
| 46 var metadata = databaseDump.shift(); | 46 var metadata = databaseDump.shift(); |
| 47 div.appendChild(createElementFromText('h3', metadata['title'])); | 47 div.appendChild(createElementFromText('h3', metadata['title'])); |
| 48 | 48 |
| 49 var tr = document.createElement('tr'); | 49 var tr = document.createElement('tr'); |
| 50 for (var i = 0; i < metadata.keys.length; ++i) | 50 for (var i = 0; i < metadata.keys.length; ++i) |
| 51 tr.appendChild(createElementFromText('td', metadata.keys[i])); | 51 tr.appendChild(createElementFromText('td', metadata.keys[i])); |
| 52 header.appendChild(tr); | 52 header.appendChild(tr); |
| 53 | 53 |
| 54 for (var i = 0; i < databaseDump.length; i++) { | 54 for (var i = 0; i < databaseDump.length; i++) { |
| 55 var entry = databaseDump[i]; | 55 var entry = databaseDump[i]; |
| 56 var tr = document.createElement('tr'); | 56 var tr = document.createElement('tr'); |
| 57 for (var k = 0; k < metadata.keys.length; ++k) | 57 for (var k = 0; k < metadata.keys.length; ++k) |
| 58 tr.appendChild(createElementFromText('td', entry[metadata.keys[k]])); | 58 tr.appendChild(createElementFromText('td', entry[metadata.keys[k]])); |
| 59 body.appendChild(tr); | 59 body.appendChild(tr); |
| 60 } |
| 60 } | 61 } |
| 61 } | |
| 62 | 62 |
| 63 /** | 63 /** |
| 64 * Handles callback from onGetDatabaseDump. | 64 * Handles callback from onGetDatabaseDump. |
| 65 * @param {Array} databaseDump List of lists for the database dump. | 65 * @param {Array} databaseDump List of lists for the database dump. |
| 66 */ | 66 */ |
| 67 DumpDatabase.onGetDatabaseDump = function(databaseDump) { | 67 DumpDatabase.onGetDatabaseDump = |
| 68 var placeholder = $('dump-database-placeholder'); | 68 function(databaseDump) { |
| 69 placeholder.innerHTML = ''; | 69 var placeholder = $('dump-database-placeholder'); |
| 70 for (var i = 0; i < databaseDump.length; ++i) { | 70 placeholder.innerHTML = ''; |
| 71 var div = document.createElement('div'); | 71 for (var i = 0; i < databaseDump.length; ++i) { |
| 72 var table = document.createElement('table'); | 72 var div = document.createElement('div'); |
| 73 var header = document.createElement('thead'); | 73 var table = document.createElement('table'); |
| 74 var body = document.createElement('tbody'); | 74 var header = document.createElement('thead'); |
| 75 createDatabaseDumpTable(div, header, body, databaseDump[i]); | 75 var body = document.createElement('tbody'); |
| 76 table.appendChild(header); | 76 createDatabaseDumpTable(div, header, body, databaseDump[i]); |
| 77 table.appendChild(body); | 77 table.appendChild(header); |
| 78 div.appendChild(table); | 78 table.appendChild(body); |
| 79 placeholder.appendChild(div); | 79 div.appendChild(table); |
| 80 placeholder.appendChild(div); |
| 81 } |
| 80 } | 82 } |
| 81 } | |
| 82 | 83 |
| 83 function main() { | 84 function |
| 84 getDatabaseDump(); | 85 main() { |
| 85 $('refresh-database-dump').addEventListener('click', getDatabaseDump); | 86 getDatabaseDump(); |
| 86 } | 87 $('refresh-database-dump').addEventListener('click', getDatabaseDump); |
| 88 } |
| 87 | 89 |
| 88 document.addEventListener('DOMContentLoaded', main); | 90 document.addEventListener('DOMContentLoaded', main); |
| 89 return DumpDatabase; | 91 return DumpDatabase; |
| 90 })(); | 92 })(); |
| OLD | NEW |