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 |