| 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 { |
| (...skipping 25 matching lines...) Expand all Loading... |
| 36 if (!chrome.bookmarks) | 36 if (!chrome.bookmarks) |
| 37 location.reload(); | 37 location.reload(); |
| 38 | 38 |
| 39 var logEvent = function(name, id, data) { | 39 var logEvent = function(name, id, data) { |
| 40 var log = document.getElementById("event-log"); | 40 var log = document.getElementById("event-log"); |
| 41 log.innerHTML = name + ": " + id + ", " + JSON.stringify(data) + "<br>" + | 41 log.innerHTML = name + ": " + id + ", " + JSON.stringify(data) + "<br>" + |
| 42 log.innerHTML; | 42 log.innerHTML; |
| 43 console.log("got event: " + name); | 43 console.log("got event: " + name); |
| 44 } | 44 } |
| 45 | 45 |
| 46 chrome.bookmarks.onAdded.addListener(function(id, data) { | 46 chrome.bookmarks.onCreated.addListener(function(id, data) { |
| 47 logEvent("onBookmarkAdded", id, data); | 47 logEvent("onBookmarkCreated", id, data); |
| 48 }); | 48 }); |
| 49 | 49 |
| 50 chrome.bookmarks.onRemoved.addListener(function(id, data) { | 50 chrome.bookmarks.onRemoved.addListener(function(id, data) { |
| 51 logEvent("onBookmarkRemoved", id, data); | 51 logEvent("onBookmarkRemoved", id, data); |
| 52 }); | 52 }); |
| 53 | 53 |
| 54 chrome.bookmarks.onChanged.addListener(function(id, data) { | 54 chrome.bookmarks.onChanged.addListener(function(id, data) { |
| 55 logEvent("onBookmarkChanged", id, data); | 55 logEvent("onBookmarkChanged", id, data); |
| 56 }); | 56 }); |
| 57 | 57 |
| 58 chrome.bookmarks.onMoved.addListener(function(id, data) { | 58 chrome.bookmarks.onMoved.addListener(function(id, data) { |
| 59 logEvent("onBookmarkMoved", id, data); | 59 logEvent("onBookmarkMoved", id, data); |
| 60 }); | 60 }); |
| 61 | 61 |
| 62 chrome.bookmarks.onChildrenReordered.addListener(function(id, data) { | 62 chrome.bookmarks.onChildrenReordered.addListener(function(id, data) { |
| 63 logEvent("onBookmarkChildrenReordered", id, data); | 63 logEvent("onBookmarkChildrenReordered", id, data); |
| 64 }); | 64 }); |
| 65 | 65 |
| 66 var prefix = "bookmark_"; | 66 var prefix = "bookmark_"; |
| 67 | 67 |
| 68 var toggleBookmark = function(event) { | 68 var toggleBookmark = function(event) { |
| 69 event.stopPropagation(); | 69 event.stopPropagation(); |
| 70 var node = event.currentTarget; | 70 var node = event.currentTarget; |
| 71 var id_str = node.id; | 71 var id_str = node.id; |
| 72 if (id_str < prefix.length) | 72 if (id_str < prefix.length) |
| 73 return; | 73 return; |
| 74 var id = parseInt(id_str.substring(prefix.length)); | 74 var id = id_str.substring(prefix.length); |
| 75 if (id == NaN) | |
| 76 return; | |
| 77 console.log("toggle: " + id); | 75 console.log("toggle: " + id); |
| 78 //console.dir(event); | 76 //console.dir(event); |
| 79 if (node.childNodes.length > 1) { | 77 if (node.childNodes.length > 1) { |
| 80 var i = 0; | 78 var i = 0; |
| 81 while (node.childNodes.length > i) { | 79 while (node.childNodes.length > i) { |
| 82 var child = node.childNodes.item(i); | 80 var child = node.childNodes.item(i); |
| 83 if (child.tagName == "UL") | 81 if (child.tagName == "UL") |
| 84 node.removeChild(child); | 82 node.removeChild(child); |
| 85 else | 83 else |
| 86 i++; | 84 i++; |
| (...skipping 42 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 129 function get_children(node) { | 127 function get_children(node) { |
| 130 console.log(node.title); | 128 console.log(node.title); |
| 131 node.children.forEach(get_children); | 129 node.children.forEach(get_children); |
| 132 }; | 130 }; |
| 133 results.forEach(get_children); | 131 results.forEach(get_children); |
| 134 }; | 132 }; |
| 135 | 133 |
| 136 var loadBookmarks = function() { | 134 var loadBookmarks = function() { |
| 137 var container = document.getElementById('container'); | 135 var container = document.getElementById('container'); |
| 138 var rootElement = document.createElement("div"); | 136 var rootElement = document.createElement("div"); |
| 139 var rootId = 0; | 137 var rootId = '0'; |
| 140 rootElement.id = prefix + rootId; | 138 rootElement.id = prefix + rootId; |
| 141 // root element is empty / invisible, just an id to be looked up | 139 // root element is empty / invisible, just an id to be looked up |
| 142 container.appendChild(rootElement); | 140 container.appendChild(rootElement); |
| 143 chrome.bookmarks.getChildren(rootId, function(children) { | 141 chrome.bookmarks.getChildren(rootId, function(children) { |
| 144 addBookmarks(children, rootElement); | 142 addBookmarks(children, rootElement); |
| 145 }); | 143 }); |
| 146 chrome.bookmarks.getTree(testGetTree); | 144 chrome.bookmarks.getTree(testGetTree); |
| 147 }; | 145 }; |
| 148 | 146 |
| 149 </script> | 147 </script> |
| 150 <body onload="loadBookmarks()"> | 148 <body onload="loadBookmarks()"> |
| 151 <div id="container"> | 149 <div id="container"> |
| 152 </div> | 150 </div> |
| 153 <div id="event-log"></div> | 151 <div id="event-log"></div> |
| 154 </body> | 152 </body> |
| OLD | NEW |