| OLD | NEW |
| 1 <!-- TODO(akalin): Move to a three-pane view; node tree on the left | 1 <!-- TODO(akalin): Move to a three-pane view; node tree on the left |
| 2 (minus leaf nodes), tree contents list on the upper right, selected | 2 (minus leaf nodes), tree contents list on the upper right, selected |
| 3 item detail on the lower right. --> | 3 item detail on the lower right. --> |
| 4 | 4 |
| 5 <div id="sync-node-main"> | 5 <div id="sync-node-main"> |
| 6 <!-- TODO(akalin): Figure out how to get this element to be as tall | 6 <!-- TODO(akalin): Figure out how to get this element to be as tall |
| 7 as its container (style.height=100% doesn't work). Also fix | 7 as its container (style.height=100% doesn't work). Also fix |
| 8 behavior when tree is too tall (currently it makes you scroll the | 8 behavior when tree is too tall (currently it makes you scroll the |
| 9 entire page). --> | 9 entire page). --> |
| 10 <div id="sync-node-tree-container"> | 10 <div id="sync-node-browser-refresher"> |
| 11 <tree id="sync-node-tree" icon-visibility="parent"></tree> | 11 <button id="node-browser-refresh-button">Refresh</button> |
| 12 <div id="node-refresh-status"> |
| 13 Last refresh time: <span id="node-browser-refresh-time">Never</span> |
| 14 </div> |
| 12 </div> | 15 </div> |
| 13 <div id="sync-node-splitter"></div> | |
| 14 <div id="sync-node-browser-container"> | 16 <div id="sync-node-browser-container"> |
| 15 <table id="node-browser"> | 17 <div id="sync-node-tree-container"> |
| 16 <tr> | 18 </div> |
| 17 <td>ID</td> | 19 <div id="sync-node-splitter"></div> |
| 18 <td jscontent="id"></td> | 20 <div id="node-details"> |
| 19 </tr> | 21 <table> |
| 20 <tr> | 22 <tr> |
| 21 <td>Modification Time</td> | 23 <td>Title</td> |
| 22 <td jscontent="modificationTime"></td> | 24 <td jscontent="NON_UNIQUE_NAME"></td> |
| 23 </tr> | 25 </tr> |
| 24 <tr> | 26 <tr> |
| 25 <td>Parent</td> | 27 <td>ID</td> |
| 26 <td jsContent="parentId"></td> | 28 <td jscontent="ID"></td> |
| 27 </tr> | 29 </tr> |
| 28 <tr> | 30 <tr> |
| 29 <td>Is Folder</td> | 31 <td>Modification Time</td> |
| 30 <td jscontent="isFolder"></td> | 32 <td jscontent="MTIME"></td> |
| 31 </tr> | 33 </tr> |
| 32 <tr> | 34 <tr> |
| 33 <td>Title</td> | 35 <td>Parent</td> |
| 34 <td jscontent="title"></td> | 36 <td jscontent="PARENT_ID"></td> |
| 35 </tr> | 37 </tr> |
| 36 <tr> | 38 <tr> |
| 37 <td>Type</td> | 39 <td>Is Folder</td> |
| 38 <td jscontent="type"></td> | 40 <td jscontent="IS_DIR"></td> |
| 39 </tr> | 41 </tr> |
| 40 <tr> | 42 <tr> |
| 41 <td>External ID</td> | 43 <td>Type</td> |
| 42 <td jscontent="externalId"></td> | 44 <td jscontent="serverModelType"></td> |
| 43 </tr> | 45 </tr> |
| 44 <tr> | 46 <tr> |
| 45 <td>Predecessor</td> | 47 <td>External ID</td> |
| 46 <td jscontent="predecessorId"></td> | 48 <td jscontent="LOCAL_EXTERNAL_ID"></td> |
| 47 </tr> | 49 </tr> |
| 48 <tr> | 50 <tr jsdisplay="$this.hasOwnProperty('positionIndex')"> |
| 49 <td>Successor</td> | 51 <td>Position Index</td> |
| 50 <td jscontent="successorId"></td> | 52 <td jscontent="positionIndex"></td> |
| 51 </tr> | 53 </tr> |
| 52 <tr> | 54 </table> |
| 53 <td>First Child</td> | 55 <pre jscontent="JSON.stringify($this, null, 2)"></pre></td> |
| 54 <td jscontent="firstChildId"></td> | 56 </div> |
| 55 </tr> | |
| 56 <tr> | |
| 57 <td>Entry</td> | |
| 58 <td><pre jscontent="entry"></pre></td> | |
| 59 </tr> | |
| 60 </table> | |
| 61 </div> | 57 </div> |
| 62 </div> | 58 </div> |
| 63 | |
| 64 <script src="chrome://sync-internals/node_browser.js"></script> | |
| OLD | NEW |