| OLD | NEW |
| 1 <!DOCTYPE HTML> | 1 <!DOCTYPE HTML> |
| 2 <title>Bookmark View</title> | 2 <title>Bookmark View</title> |
| 3 <style> | 3 <style> |
| 4 | 4 |
| 5 .bookmark { | 5 .bookmark { |
| 6 margin-left: 5px; | 6 margin-left: 5px; |
| 7 padding: 2px; | 7 padding: 2px; |
| 8 } | 8 } |
| 9 | 9 |
| 10 .bookmark_title { | 10 .bookmark_title { |
| 11 display: inline; | 11 display: inline; |
| 12 border: 1px solid white; | 12 border: 1px solid white; |
| 13 padding: 0px 3px; | 13 padding: 0px 3px; |
| 14 } | 14 } |
| 15 | 15 |
| 16 .bookmark_title:hover { | 16 .bookmark_title:hover { |
| 17 background-color: silver; | 17 background-color: silver; |
| 18 border: 1px solid black; | 18 border: 1px solid black; |
| 19 } | 19 } |
| 20 |
| 21 .event-log { |
| 22 font-family: monospace; |
| 23 } |
| 24 |
| 20 </style> | 25 </style> |
| 21 <script> | 26 <script> |
| 22 | 27 |
| 28 var logEvent = function(name, data) { |
| 29 var log = document.getElementById("event-log"); |
| 30 log.innerHTML = name + "<br>" + log.innerHTML; |
| 31 console.log("got event: " + name); |
| 32 } |
| 33 |
| 34 chromium.bookmarks.onBookmarkAdded.addListener(function(data) { |
| 35 logEvent("onBookmarkAdded", data); |
| 36 }); |
| 37 |
| 38 chromium.bookmarks.onBookmarkRemoved.addListener(function(data) { |
| 39 logEvent("onBookmarkRemoved", data); |
| 40 }); |
| 41 |
| 42 chromium.bookmarks.onBookmarkChanged.addListener(function(data) { |
| 43 logEvent("onBookmarkChanged", data); |
| 44 }); |
| 45 |
| 46 chromium.bookmarks.onBookmarkMoved.addListener(function(data) { |
| 47 logEvent("onBookmarkMoved", data); |
| 48 }); |
| 49 |
| 50 chromium.bookmarks.onBookmarkChildrenReordered.addListener(function(data) { |
| 51 logEvent("onBookmarkChildrenReordered", data); |
| 52 }); |
| 53 |
| 23 var prefix = "bookmark_"; | 54 var prefix = "bookmark_"; |
| 24 | 55 |
| 25 var toggleBookmark = function(event) { | 56 var toggleBookmark = function(event) { |
| 26 event.stopPropagation(); | 57 event.stopPropagation(); |
| 27 var node = event.currentTarget; | 58 var node = event.currentTarget; |
| 28 var id_str = node.id; | 59 var id_str = node.id; |
| 29 if (id_str < prefix.length) | 60 if (id_str < prefix.length) |
| 30 return; | 61 return; |
| 31 var id = parseInt(id_str.substring(prefix.length)); | 62 var id = parseInt(id_str.substring(prefix.length)); |
| 32 if (id == NaN) | 63 if (id == NaN) |
| (...skipping 61 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 94 chromium.bookmarks.get(root.childrenIds, function(children) { | 125 chromium.bookmarks.get(root.childrenIds, function(children) { |
| 95 addBookmarks(children, rootElement); | 126 addBookmarks(children, rootElement); |
| 96 }); | 127 }); |
| 97 }); | 128 }); |
| 98 }; | 129 }; |
| 99 | 130 |
| 100 </script> | 131 </script> |
| 101 <body onload="loadBookmarks()"> | 132 <body onload="loadBookmarks()"> |
| 102 <div id="container"> | 133 <div id="container"> |
| 103 </div> | 134 </div> |
| 135 <div id="event-log"></div> |
| 104 </body> | 136 </body> |
| OLD | NEW |