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

Side by Side Diff: chrome/browser/resources/sync_file_system_internals/dump_database.js

Issue 2600683002: Run tools/clang-format-js on some of chrome/browser/resources/ (Closed)
Patch Set: hackhackhack Created 3 years, 11 months 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 unified diff | Download patch
OLDNEW
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 })();
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698