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 3 item detail on the lower right. --> 4 5 <div id="sync-node-main"> 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 8 behavior when tree is too tall (currently it makes you scroll the 9 entire page). --> 10 <div id="sync-node-tree-container"> 11 <tree id="sync-node-tree"></tree> 12 </div> 13 <div id="sync-node-splitter"></div> 14 <div> 15 <table id="node-browser"> 16 <tr> 17 <td>ID</td> 18 <td jscontent="id"></td> 19 </tr> 20 <tr> 21 <td>Modification Time</td> 22 <td jscontent="modificationTime"></td> 23 </tr> 24 <tr> 25 <td>Parent</td> 26 <td jsContent="parentId"></td> 27 </tr> 28 <tr> 29 <td>Is Folder</td> 30 <td jscontent="isFolder"></td> 31 </tr> 32 <tr> 33 <td>Title</td> 34 <td jscontent="title"></td> 35 </tr> 36 <tr> 37 <td>Type</td> 38 <td jscontent="type"></td> 39 </tr> 40 <tr> 41 <td>External ID</td> 42 <td jscontent="externalId"></td> 43 </tr> 44 <tr> 45 <td>Predecessor</td> 46 <td jscontent="predecessorId"></td> 47 </tr> 48 <tr> 49 <td>Successor</td> 50 <td jscontent="successorId"></td> 51 </tr> 52 <tr> 53 <td>First Child</td> 54 <td jscontent="firstChildId"></td> 55 </tr> 56 <tr> 57 <td>Entry</td> 58 <td><pre jscontent="entry"></pre></td> 59 </tr> 60 </table> 61 </div> 62 </div> 63 64 <script> 65 chrome.sync.decorateSyncNodeBrowser('sync-node-tree'); 66 cr.ui.decorate('#sync-node-splitter', cr.ui.Splitter); 67 </script> 68
