1 files changed, 45 insertions, 51 deletions
diff --git a/chrome/browser/resources/sync_internals/node_browser.html b/chrome/browser/resources/sync_internals/node_browser.html
index b1d9b6a..3b323b0 100644
--- a/chrome/browser/resources/sync_internals/node_browser.html
+++ b/chrome/browser/resources/sync_internals/node_browser.html
@@ -7,58 +7,52 @@ item detail on the lower right. -->
        as its container (style.height=100% doesn't work).  Also fix
        behavior when tree is too tall (currently it makes you scroll the
        entire page). -->
-  <div id="sync-node-tree-container">
-    <tree id="sync-node-tree" icon-visibility="parent"></tree>
+  <div id="sync-node-browser-refresher">
+    <button id="node-browser-refresh-button">Refresh</button>
+    <div id="node-refresh-status">
+      Last refresh time: <span id="node-browser-refresh-time">Never</span>
+    </div>
   </div>
-  <div id="sync-node-splitter"></div>
   <div id="sync-node-browser-container">
-    <table id="node-browser">
-      <tr>
-        <td>ID</td>
-        <td jscontent="id"></td>
-      </tr>
-      <tr>
-        <td>Modification Time</td>
-        <td jscontent="modificationTime"></td>
-      </tr>
-      <tr>
-        <td>Parent</td>
-        <td jsContent="parentId"></td>
-      </tr>
-      <tr>
-        <td>Is Folder</td>
-        <td jscontent="isFolder"></td>
-      </tr>
-      <tr>
-        <td>Title</td>
-        <td jscontent="title"></td>
-      </tr>
-      <tr>
-        <td>Type</td>
-        <td jscontent="type"></td>
-      </tr>
-      <tr>
-        <td>External ID</td>
-        <td jscontent="externalId"></td>
-      </tr>
-      <tr>
-        <td>Predecessor</td>
-        <td jscontent="predecessorId"></td>
-      </tr>
-      <tr>
-        <td>Successor</td>
-        <td jscontent="successorId"></td>
-      </tr>
-      <tr>
-        <td>First Child</td>
-        <td jscontent="firstChildId"></td>
-      </tr>
-      <tr>
-        <td>Entry</td>
-        <td><pre jscontent="entry"></pre></td>
-      </tr>
-    </table>
+    <div id="sync-node-tree-container">
+    </div>
+    <div id="sync-node-splitter"></div>
+    <div id="node-details">
+      <table>
+        <tr>
+          <td>Title</td>
+          <td jscontent="NON_UNIQUE_NAME"></td>
+        </tr>
+        <tr>
+          <td>ID</td>
+          <td jscontent="ID"></td>
+        </tr>
+        <tr>
+          <td>Modification Time</td>
+          <td jscontent="MTIME"></td>
+        </tr>
+        <tr>
+          <td>Parent</td>
+          <td jscontent="PARENT_ID"></td>
+        </tr>
+        <tr>
+          <td>Is Folder</td>
+          <td jscontent="IS_DIR"></td>
+        </tr>
+        <tr>
+          <td>Type</td>
+          <td jscontent="serverModelType"></td>
+        </tr>
+        <tr>
+          <td>External ID</td>
+          <td jscontent="LOCAL_EXTERNAL_ID"></td>
+        </tr>
+        <tr jsdisplay="$this.hasOwnProperty('positionIndex')">
+          <td>Position Index</td>
+          <td jscontent="positionIndex"></td>
+        </tr>
+      </table>
+      <pre jscontent="JSON.stringify($this, null, 2)"></pre></td>
+    </div>
   </div>
 </div>
-
-<script src="chrome://sync-internals/node_browser.js"></script>