[Sync] Split up about:sync html files to be more manageable

chrome/browser/resources/sync_internals/sync_node_browser.html

Index: chrome/browser/resources/sync_internals/sync_node_browser.html
diff --git a/chrome/browser/resources/sync_internals/sync_node_browser.html b/chrome/browser/resources/sync_internals/sync_node_browser.html
new file mode 100644
index 0000000000000000000000000000000000000000..e015b3c32b2c1f8f8d78ffaa18c609deb3f22caa
--- /dev/null
+++ b/chrome/browser/resources/sync_internals/sync_node_browser.html
@@ -0,0 +1,34 @@
+<script>
+(function() {
+function updateNodeBrowser(nodeInfo) {
+  var nodeBrowser = document.getElementById('nodeBrowser');
+  nodeInfo.specifics = JSON.stringify(nodeInfo.specifics);
+  jstProcess(new JsEvalContext(nodeInfo), nodeBrowser);
+}
+
+function onLoad() {
+  chrome.sync.getRootNode(updateNodeBrowser);
+}
+
+document.addEventListener("DOMContentLoaded", onLoad, false);
+})();
+
+function processNodeLink(link) {
+  var id = link.text;
+  chrome.sync.getNodeById(id, updateNodeBrowser);
+}
+</script>
+<div class="desc"><h2> Node Browser </h2></div>
+<ul id='nodeBrowser'>
+<li>ID: <span jscontent='id'></span></li>

[John Gregg, 2011/02/17 20:49:38]

nit: maybe indent for readability

[akalin, 2011/02/18 00:36:22]

Done.

+<li>Modification Time: <span jscontent='modificationTime'></span></li>
+<li>Parent: <a jscontent='parentId' href="#" onclick="processNodeLink(this); return false"></a></li>
+<li>Is Folder: <span jscontent='isFolder'></span></li>
+<li>Title: <span jscontent='title'></span></li>
+<li>Type: <span jscontent='type'></span></li>
+<li>Specifics: <span jscontent='specifics'></span></li>
+<li>External ID: <span jscontent='externalId'></span></li>
+<li>Predecessor: <a jscontent='predecessorId' href="#" onclick="processNodeLink(this); return false"></a></li>
+<li>Successor: <a jscontent='successorId' href="#" onclick="processNodeLink(this); return false"></a></li>
+<li>First Child: <a jscontent='firstChildId' href="#" onclick="processNodeLink(this); return false"></a></li>
+</ul>