\r\n\r\n\r\n\r\n"
},
{
"path": "newtab.js",
"content": "'use strict';\r\n\r\n// render a single bookmark node\r\nfunction render(node, target) {\r\n\tif (node.description == 'separator') return;\r\n\r\n\tvar li = document.createElement('li');\r\n\tvar a = document.createElement('a');\r\n\r\n\tvar url = node.url;\r\n\tif (url)\r\n\t\ta.href = url;\r\n\telse\r\n\t\ta.tabIndex = 0;\r\n\r\n\tvar text = node.title || node.name || '';\r\n\tif (!text && node.title === null) text = node.url || '';\r\n\ta.innerText = text;\r\n\r\n\tif (node.tooltip) a.title = node.tooltip;\r\n\tsetClass(a, node);\r\n\r\n\ta.insertBefore(getIcon(node), a.firstChild);\r\n\r\n\tif (node.action) {\r\n\t\ta.onclick = function(event) {\r\n\t\t\treturn node.action(event);\r\n\t\t};\r\n\t} else if (url) {\r\n\t\tvar newtab = getConfig('newtab');\r\n\t\tif (newtab == 1) {\r\n\t\t\t// new foreground tab\r\n\t\t\ta.target = '_blank';\r\n\t\t} else if (newtab == 2) {\r\n\t\t\t// new background tab\r\n\t\t\ta.onclick = function(e) {\r\n\t\t\t\topenLink(node, newtab);\r\n\t\t\t\treturn false;\r\n\t\t\t};\r\n\t\t}\r\n\t\t// fix opening chrome:// and file:/// urls\r\n\t\tvar urlStart = url.substring(0, 6);\r\n\t\tif (urlStart === 'chrome' || urlStart === 'file:/'){\r\n\t\t\ta.onclick = function(e) {\r\n\t\t\t\topenLink(node, newtab || (e.ctrlKey ? 2 : 0));\r\n\t\t\t\treturn false;\r\n\t\t\t};\r\n\t\t\ta.onauxclick = function(e) {\r\n\t\t\t\tif (e.button == 1) {\r\n\t\t\t\t\topenLink(node, 2);\r\n\t\t\t\t\treturn false;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t} else if (!node.children)\r\n\t\ta.style.pointerEvents = 'none';\r\n\r\n\tli.appendChild(a);\r\n\r\n\t// folder\r\n\tif (node.children) {\r\n\t\t// render children\r\n\t\tif (a.open || getConfig('remember_open') && localStorage.getItem('open.' + node.id)) {\r\n\t\t\tsetClass(a, node, true);\r\n\t\t\ta.open = true;\r\n\t\t\tgetChildrenFunction(node)(function(result) {\r\n\t\t\t\trenderAll(result, li);\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\t// click handlers\r\n\t\taddFolderHandlers(node, a);\r\n\t\tenableDragFolder(node, a);\r\n\r\n\t} else if (node.id == 'apps')\r\n\t\tenableDragFolder(node, a);\r\n\r\n\ttarget.appendChild(li);\r\n\treturn li;\r\n}\r\n\r\n// render an array of bookmark nodes\r\nfunction renderAll(nodes, target, toplevel) {\r\n\tvar ul = document.createElement('ul');\r\n\tfor (var i = 0; i < nodes.length; i++) {\r\n\t\tvar node = nodes[i];\r\n\t\t// skip extensions and duplicated child folders\r\n\t\tif (toplevel || !coords[node.id])\r\n\t\t\trender(node, ul);\r\n\t}\r\n\tif (ul.childNodes.length === 0)\r\n\t\trender({ id: 'empty', title: '< Empty >' }, ul);\r\n\tif (toplevel)\r\n\t\ttarget.appendChild(ul);\r\n\telse {\r\n\t\t// wrap child ul for animation\r\n\t\tvar wrap = document.createElement('div');\r\n\t\twrap.appendChild(ul);\r\n\t\ttarget.appendChild(wrap);\r\n\t}\r\n\tupdateTooltips();\r\n\treturn ul;\r\n}\r\n\r\n// render column with given index\r\nfunction renderColumn(index, target) {\r\n\tvar ids = columns[index];\r\n\tif (ids.length == 1 && !getConfig('show_root'))\r\n\t\tgetChildrenFunction({id: ids[0]})(function(result) {\r\n\t\t\trenderAll(result, target);\r\n\t\t\taddColumnHandlers(index, target);\r\n\t\t});\r\n\telse if (ids.length > 0) {\r\n\t\tvar i = 0;\r\n\t\tvar nodes = [];\r\n\t\t// get all nodes for column\r\n\t\tvar callback = function(result) {\r\n\t\t\tfor (var j = 0; j < result.length; j++)\r\n\t\t\t\tnodes.push(result[j]);\r\n\t\t\ti++;\r\n\t\t\tif (i < ids.length)\r\n\t\t\t\tgetSubTree(ids[i], callback);\r\n\t\t\telse {\r\n\t\t\t\t// render node list\r\n\t\t\t\trenderAll(nodes, target, true);\r\n\t\t\t\taddColumnHandlers(index, target);\r\n\t\t\t}\r\n\t\t};\r\n\t\tgetSubTree(ids[i], callback);\r\n\t}\r\n}\r\n\r\n// render all columns to main div\r\nfunction renderColumns() {\r\n\t// clear main div\r\n\tvar target = document.getElementById('main');\r\n\twhile (target.hasChildNodes())\r\n\t\ttarget.removeChild(target.lastChild);\r\n\r\n\t// render columns\r\n\tfor (var i = 0; i < columns.length; i++) {\r\n\t\tvar column = document.createElement('div');\r\n\t\tcolumn.className = 'column';\r\n\t\tcolumn.style.width = (1 / columns.length) * 100 + '%';\r\n\r\n\t\t// enable drag and drop\r\n\t\tenableDragColumn(i, column);\r\n\r\n\t\ttarget.appendChild(column);\r\n\t\trenderColumn(i, column);\r\n\t}\r\n\r\n\tenableDragDrop();\r\n}\r\n\r\n// enables click and context menu for given folder\r\nfunction addFolderHandlers(node, a) {\r\n\t// click handler\r\n\ta.onclick = function() {\r\n\t\ttoggle(node, a, getChildrenFunction(node));\r\n\t\treturn false;\r\n\t};\r\n\r\n\t// context menu handler\r\n\tvar items = getMenuItems(node);\r\n\r\n\t// column layout items\r\n\tif (!getConfig('lock')) {\r\n\t\titems.push(null);// spacer\r\n\t\titems.push({\r\n\t\t\tlabel: 'Create new column',\r\n\t\t\taction: function() {\r\n\t\t\t\taddColumn([node.id]);\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tif (coords[node.id]) {\r\n\t\t\tvar pos = coords[node.id];\r\n\t\t\tif (pos.y > 0)\r\n\t\t\t\titems.push({\r\n\t\t\t\t\tlabel: 'Move folder up',\r\n\t\t\t\t\taction: function() {\r\n\t\t\t\t\t\taddRow(node.id, pos.x, pos.y - 1);\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\tif (pos.y < columns[pos.x].length - 1)\r\n\t\t\t\titems.push({\r\n\t\t\t\t\tlabel: 'Move folder down',\r\n\t\t\t\t\taction: function() {\r\n\t\t\t\t\t\taddRow(node.id, pos.x, pos.y + 2);\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\tif (pos.x > 0)\r\n\t\t\t\titems.push({\r\n\t\t\t\t\tlabel: 'Move folder left',\r\n\t\t\t\t\taction: function() {\r\n\t\t\t\t\t\taddRow(node.id, pos.x - 1);\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\tif (pos.x < columns.length - 1)\r\n\t\t\t\titems.push({\r\n\t\t\t\t\tlabel: 'Move folder right',\r\n\t\t\t\t\taction: function() {\r\n\t\t\t\t\t\taddRow(node.id, pos.x + 1);\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\tif (root.indexOf(node.id) < 0)\r\n\t\t\t\titems.push({\r\n\t\t\t\t\tlabel: 'Remove folder',\r\n\t\t\t\t\taction: function() {\r\n\t\t\t\t\t\tremoveRow(pos.x, pos.y);\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\ta.oncontextmenu = function(event) {\r\n\t\trenderMenu(items, event.pageX, event.pageY);\r\n\t\treturn false;\r\n\t};\r\n}\r\n\r\n// enables context menu for given column\r\nfunction addColumnHandlers(index, ul) {\r\n\tvar items = [];\r\n\tvar ids = columns[index];\r\n\r\n\t// single folder items\r\n\tif (ids.length == 1)\r\n\t\titems = getMenuItems({id: ids[0]});\r\n\r\n\t// column layout items\r\n\tif (!getConfig('lock') && columns.length > 1) {\r\n\t\titems.push(null);// spacer\r\n\t\tif (index > 0)\r\n\t\t\titems.push({\r\n\t\t\t\tlabel: 'Move column left',\r\n\t\t\t\taction: function() {\r\n\t\t\t\t\taddColumn(ids, index - 1);\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\tif (index < columns.length - 1)\r\n\t\t\titems.push({\r\n\t\t\t\tlabel: 'Move column right',\r\n\t\t\t\taction: function() {\r\n\t\t\t\t\taddColumn(ids, index + 2);\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\titems.push({\r\n\t\t\tlabel: 'Remove column',\r\n\t\t\taction: function() {\r\n\t\t\t\tremoveColumn(index);\r\n\t\t\t}\r\n\t\t});\r\n\t\tif (ids.length == 1) {\r\n\t\t\tif (index > 0)\r\n\t\t\t\titems.push({\r\n\t\t\t\t\tlabel: 'Move folder left',\r\n\t\t\t\t\taction: function() {\r\n\t\t\t\t\t\taddRow(ids[0], index - 1);\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\tif (index < columns.length - 1)\r\n\t\t\t\titems.push({\r\n\t\t\t\t\tlabel: 'Move folder right',\r\n\t\t\t\t\taction: function() {\r\n\t\t\t\t\t\taddRow(ids[0], index + 1);\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\tif (items.length > 0)\r\n\t\tul.oncontextmenu = function(event) {\r\n\t\t\tif (event.target.tagName == 'A' || event.target.parentNode.tagName == 'A')\r\n\t\t\t\treturn true;\r\n\t\t\trenderMenu(items, event.pageX, event.pageY);\r\n\t\t\treturn false;\r\n\t\t};\r\n}\r\n\r\n// gets context menu items for given node\r\nfunction getMenuItems(node) {\r\n\tvar items = [];\r\n\t\titems.push({\r\n\t\t\tlabel: 'Open all links in folder',\r\n\t\t\taction: function() {\r\n\t\t\t\topenLinks(node);\r\n\t\t\t}\r\n\t\t});\r\n\tif (node.id == 'closed')\r\n\t\titems.push({\r\n\t\t\tlabel: 'Clear browsing data',\r\n\t\t\taction: function() {\r\n\t\t\t\topenLink({ url: 'chrome://settings/clearBrowserData' }, 1);\r\n\t\t\t}\r\n\t\t});\r\n\tif (node.id == 'devices')\r\n\t\titems.push({\r\n\t\t\tlabel: 'History',\r\n\t\t\taction: function() {\r\n\t\t\t\topenLink({ url: 'chrome://history' }, 1);\r\n\t\t\t}\r\n\t\t});\r\n\tif (Number(node.id))\r\n\t\titems.push({\r\n\t\t\tlabel: 'Edit bookmarks',\r\n\t\t\taction: function() {\r\n\t\t\t\topenLink({ url: 'chrome://bookmarks/?id=' + node.id }, 1);\r\n\t\t\t}\r\n\t\t});\r\n\treturn items;\r\n}\r\n\r\n// wraps click handler for menu items\r\nfunction onMenuClick(item) {\r\n\treturn function() {\r\n\t\titem.action();\r\n\t\treturn false;\r\n\t};\r\n}\r\n\r\n// renders a popup menu at given coordinates\r\nfunction renderMenu(items, x, y) {\r\n\tvar ul = document.createElement('ul');\r\n\tul.className = 'menu';\r\n\tfor (var i = 0; i < items.length; i++) {\r\n\t\tvar li = document.createElement('li');\r\n\t\tif (items[i]) {\r\n\t\t\tvar a = document.createElement('a');\r\n\t\t\ta.innerText = items[i].label;\r\n\t\t\ta.tabIndex = 0;\r\n\t\t\ta.onclick = onMenuClick(items[i]);\r\n\r\n\t\t\tli.appendChild(a);\r\n\t\t} else if (i > 0 && i < items.length - 1)\r\n\t\t\tli.appendChild(document.createElement('hr'));\r\n\t\telse\r\n\t\t\tcontinue;\r\n\r\n\t\tul.appendChild(li);\r\n\t}\r\n\tdocument.body.appendChild(ul);\r\n\tul.style.left = Math.max(Math.min(x, window.innerWidth + window.scrollX - ul.clientWidth), 0) + 'px';\r\n\tul.style.top = Math.max(Math.min(y, window.innerHeight + window.scrollY - ul.clientHeight), 0) + 'px';\r\n\tul.onmousedown = function(event) {\r\n\t\tevent.stopPropagation();\r\n\t\treturn true;\r\n\t};\r\n\r\n\tsetTimeout(function() {\r\n\t\tdocument.onclick = function() {\r\n\t\t\tcloseMenu(ul);\r\n\t\t\treturn true;\r\n\t\t};\r\n\t\tdocument.onmousedown = function() {\r\n\t\t\tcloseMenu(ul);\r\n\t\t\treturn true;\r\n\t\t};\r\n\t\tdocument.oncontextmenu = function() {\r\n\t\t\tcloseMenu(ul);\r\n\t\t\treturn true;\r\n\t\t};\r\n\t\tdocument.onkeydown = function(event) {\r\n\t\t\tif (event.keyCode == 27)\r\n\t\t\t\tcloseMenu(ul);\r\n\t\t\treturn true;\r\n\t\t};\r\n\t}, 20);\r\n\treturn ul;\r\n}\r\n\r\n// removes the given popup menu\r\nfunction closeMenu(ul) {\r\n\tdocument.body.removeChild(ul);\r\n\tdocument.onclick = null;\r\n\tdocument.onmousedown = null;\r\n\tdocument.oncontextmenu = null;\r\n\tdocument.onkeydown = null;\r\n}\r\n\r\nvar dragIds;\r\n\r\n// enable drag and drop of column\r\nfunction enableDragColumn(id, column) {\r\n\tif (getConfig('lock'))\r\n\t\treturn;\r\n\r\n\tcolumn.draggable = true;\r\n\r\n\tcolumn.ondragstart = function(event) {\r\n\t\tdragIds = columns[id];\r\n\t\tevent.dataTransfer.effectAllowed = 'move';\r\n\t\tthis.classList.add('dragstart');\r\n\t};\r\n\tcolumn.ondragend = function(event) {\r\n\t\tdragIds = null;\r\n\t\tthis.classList.remove('dragstart');\r\n\t\tclearDropTarget();\r\n\t};\r\n}\r\n\r\nvar dropTarget;\r\n\r\n// enable drag and drop of folder\r\nfunction enableDragFolder(node, a) {\r\n\tif (getConfig('lock'))\r\n\t\treturn;\r\n\r\n\ta.draggable = true;\r\n\ta.ondragstart = function(event) {\r\n\t\tdragIds = [node.id];\r\n\t\tevent.stopPropagation();\r\n\t\tevent.dataTransfer.effectAllowed = 'move copy';\r\n\t\tthis.classList.add('dragstart');\r\n\t};\r\n\ta.ondragend = function(event) {\r\n\t\tdragIds = null;\r\n\t\tthis.classList.remove('dragstart');\r\n\t\tclearDropTarget();\r\n\t};\r\n}\r\n\r\n// init drag and drop handlers\r\nfunction enableDragDrop() {\r\n\tvar main = document.getElementById('main');\r\n\r\n\tif (getConfig('lock')) {\r\n\t\tmain.ondragover = null;\r\n\t\tmain.ondragleave = null;\r\n\t\tmain.ondrop = null;\r\n\t\treturn;\r\n\t}\r\n\r\n\tmain.ondragover = function(event) {\r\n\t\tevent.preventDefault();\r\n\t\tevent.dataTransfer.dropEffect = 'move';\r\n\t\t// highlight drop target\r\n\t\tvar target = getDropTarget(event);\r\n\t\tif (target) {\r\n\t\t\tclearDropTarget();\r\n\t\t\tdropTarget = target;\r\n\t\t\tvar bordercss = 'solid 2px ' + getConfig('font_color');\r\n\t\t\tif (target.tagName == 'LI' || target.tagName == 'UL') {\r\n\t\t\t\tif (isAbove(event.pageY, target)) {\r\n\t\t\t\t\ttarget.style.borderBottom = bordercss;\r\n\t\t\t\t\ttarget.style.margin = '0 0 -2px 0';\r\n\t\t\t\t} else {\r\n\t\t\t\t\ttarget.style.borderTop = bordercss;\r\n\t\t\t\t\ttarget.style.margin = '-2px 0 0 0';\r\n\t\t\t\t}\r\n\t\t\t} else if (target.className == 'column') {\r\n\t\t\t\tif (event.pageX - target.offsetLeft > target.clientWidth / 2) {\r\n\t\t\t\t\ttarget.style.borderRight = bordercss;\r\n\t\t\t\t\ttarget.style.margin = '0';\r\n\t\t\t\t} else {\r\n\t\t\t\t\ttarget.style.borderLeft = bordercss;\r\n\t\t\t\t\ttarget.style.margin = '0 2px 0 -2px';\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\treturn false;\r\n\t};\r\n\r\n\tmain.ondragleave = function(event) {\r\n\t\tclearDropTarget();\r\n\t};\r\n\r\n\tmain.ondrop = function(event) {\r\n\t\tevent.stopPropagation();\r\n\r\n\t\tvar target = getDropTarget(event);\r\n\t\tif (!target)\r\n\t\t\treturn false;\r\n\r\n\t\t// calculate drop coordinates\r\n\t\tvar x = getDropX(target, event);\r\n\t\tvar y = getDropY(target, event);\r\n\r\n\t\tif (dragIds.length == 1 && y != null)\r\n\t\t\taddRow(dragIds[0], x, y);\r\n\t\telse {\r\n\t\t\tif (event.pageX - target.offsetLeft > target.clientWidth / 2)\r\n\t\t\t\tx++;\r\n\t\t\taddColumn(dragIds, x);\r\n\t\t}\r\n\r\n\t\treturn false;\r\n\t};\r\n}\r\n\r\n// gets proper drop target element\r\nfunction getDropTarget(event) {\r\n\tif (!dragIds)\r\n\t\treturn null;\r\n\tvar target = event.target;\r\n\tif (target && (target.tagName == 'A' || target.parentNode.tagName == 'A') && dragIds.length == 1) {\r\n\t\t// get parent folder until toplevel\r\n\t\twhile (target &&\r\n\t\t\ttarget.parentNode.parentNode &&\r\n\t\t\ttarget.parentNode.parentNode.className != 'column') {\r\n\t\t\t// target should be LI\r\n\t\t\ttarget = target.parentNode;\r\n\t\t}\r\n\t\t// if single-folder column, get the UL\r\n\t\tif (target && target.tagName == 'LI' &&\r\n\t\t\tcolumns[getDropX(target, event)].length == 1)\r\n\t\t\ttarget = target.parentNode;\r\n\t\t// target should be LI or UL by here...\r\n\t} else\r\n\t\twhile (target && target.className != 'column')\r\n\t\t\ttarget = target.parentNode;// target column\r\n\r\n\treturn target;\r\n}\r\n\r\n// gets x coordinate of drop target\r\nfunction getDropX(target, event) {\r\n\tvar x = null;\r\n\twhile (target && target.className != 'column')\r\n\t\ttarget = target.parentNode;\r\n\tif (target) {\r\n\t\tx = 0;\r\n\t\tfor (; target.previousSibling; x++)\r\n\t\t\ttarget = target.previousSibling;\r\n\t}\r\n\treturn x;\r\n}\r\n\r\n// gets y coordinate of drop target\r\nfunction getDropY(target, event) {\r\n\tvar y = null;\r\n\tif (target.tagName == 'LI') {\r\n\t\ty = 0;\r\n\t\tif (isAbove(event.pageY, target))\r\n\t\t\ty++;\r\n\t\tfor (; target.previousSibling; y++)\r\n\t\t\ttarget = target.previousSibling;\r\n\t} else if (target.tagName == 'UL') {\r\n\t\ty = 0;\r\n\t\tif (isAbove(event.pageY, target))\r\n\t\t\ty++;\r\n\t}\r\n\treturn y;\r\n}\r\n\r\n// returns true if y position is above target element midpoint\r\nfunction isAbove(pageY, target) {\r\n\treturn pageY - window.scrollY - target.getBoundingClientRect().top > target.clientHeight / 2;\r\n}\r\n\r\n// clears droptarget styles\r\nfunction clearDropTarget() {\r\n\tif (dropTarget) {\r\n\t\tdropTarget.style.border = null;\r\n\t\tdropTarget.style.margin = null;\r\n\t}\r\n\tdropTarget = null;\r\n}\r\n\r\nvar tooltipTimeout = null;\r\n// adds tootlips to truncated text\r\nfunction updateTooltips() {\r\n\tif (tooltipTimeout) clearTimeout(tooltipTimeout);\r\n\r\n\ttooltipTimeout = setTimeout(function() {\r\n\t\ttooltipTimeout = null;\r\n\t\tvar elements = document.querySelectorAll('#main li a');\r\n\t\tfor (var i = 0; i < elements.length; i++) {\r\n\t\t\tvar element = elements[i];\r\n\t\t\tif (element.clientWidth + 1 < element.scrollWidth) {\r\n\t\t\t\telement.title = element.title || element.textContent;\r\n\t\t\t} else if (element.title === element.textContent) {\r\n\t\t\t\telement.title = '';\r\n\t\t\t}\r\n\t\t}\r\n\t}, 100);\r\n}\r\n\r\n// gets function that returns children of node\r\nfunction getChildrenFunction(node) {\r\n\tswitch(node.id) {\r\n\t\tcase 'top':\r\n\t\t\treturn function(callback) {\r\n\t\t\t\tif (chrome.topSites)\r\n\t\t\t\t\tchrome.topSites.get(function(result) {\r\n\t\t\t\t\t\tcallback(result.slice(0, getConfig('number_top')));\r\n\t\t\t\t\t});\r\n\t\t\t\telse\r\n\t\t\t\t\tcallback([]);\r\n\t\t\t};\r\n\t\tcase 'recent':\r\n\t\t\treturn function(callback) {\r\n\t\t\t\tchrome.bookmarks.getRecent(getConfig('number_recent'), function(result) {\r\n\t\t\t\t\tcallback(result);\r\n\t\t\t\t});\r\n\t\t\t};\r\n\t\tcase 'closed':\r\n\t\t\treturn function(callback) {\r\n\t\t\t\tgetClosed(function(result) {\r\n\t\t\t\t\tcallback(result);\r\n\t\t\t\t});\r\n\t\t\t};\r\n\t\tcase 'devices':\r\n\t\t\treturn function(callback) {\r\n\t\t\t\tgetDevices(function(result) {\r\n\t\t\t\t\tcallback(result);\r\n\t\t\t\t});\r\n\t\t\t};\r\n\t\tdefault:\r\n\t\t\tif (node.children)\r\n\t\t\t\treturn function(callback) {\r\n\t\t\t\t\tcallback(node.children);\r\n\t\t\t\t};\r\n\t\t\telse\r\n\t\t\t\treturn function(callback) {\r\n\t\t\t\t\tchrome.bookmarks.getSubTree(node.id, function(result) {\r\n\t\t\t\t\t\tif (result)\r\n\t\t\t\t\t\t\tcallback(result[0].children);\r\n\t\t\t\t\t\telse {\r\n\t\t\t\t\t\t\t// remove missing bookmark locations\r\n\t\t\t\t\t\t\tif (coords[node.id])\r\n\t\t\t\t\t\t\t\tremoveRow(coords[node.id].x, coords[node.id].y);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\t\t\t\t};\r\n\t}\r\n}\r\n\r\n// gets the subtree for given id\r\nfunction getSubTree(id, callback) {\r\n\tswitch(id) {\r\n\t\tcase 'top':\r\n\t\t\tcallback([{ title: 'Most visited', id: 'top', children: true}]);\r\n\t\t\tbreak;\r\n\t\tcase 'apps':\r\n\t\t\tcallback([{ title: 'Apps', id: 'apps', url: 'chrome://apps' }]);\r\n\t\t\tbreak;\r\n\t\tcase 'recent':\r\n\t\t\tcallback([{ title: 'Recent bookmarks', id: 'recent', children: true }]);\r\n\t\t\tbreak;\r\n\t\tcase 'closed':\r\n\t\t\tcallback([{ title: 'Recently closed', id: 'closed', children: true }]);\r\n\t\t\tbreak;\r\n\t\tcase 'devices':\r\n\t\t\tcallback([{ title: 'Other devices', id: 'devices', children: true }]);\r\n\t\t\tbreak;\r\n\t\tdefault:\r\n\t\t\tchrome.bookmarks.getSubTree(id, function(result) {\r\n\t\t\t\tif (result)\r\n\t\t\t\t\tcallback(result);\r\n\t\t\t\telse {\r\n\t\t\t\t\t// remove missing bookmark locations\r\n\t\t\t\t\tif (coords[id])\r\n\t\t\t\t\t\tremoveRow(coords[id].x, coords[id].y);\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t}\r\n}\r\n\r\n// sets css classes for node\r\nfunction setClass(target, node, isopen) {\r\n\tif (node.className)\r\n\t\ttarget.classList.add(node.className);\r\n\tif (node.children)\r\n\t\ttarget.classList.add('folder');\r\n\tif (isopen)\r\n\t\ttarget.classList.add('open');\r\n\telse\r\n\t\ttarget.classList.remove('open');\r\n\r\n\tswitch(node.id) {\r\n\t\tcase 'top':\r\n\t\tcase 'apps':\r\n\t\tcase 'recent':\r\n\t\tcase 'closed':\r\n\t\tcase 'devices':\r\n\t\tcase 'empty':\r\n\t\t\ttarget.classList.add(node.id);\r\n\t}\r\n}\r\n\r\n// gets best icon for a node\r\nfunction getIcon(node) {\r\n\tvar url = null,\r\n\t\turl2x = null;\r\n\tif (node.icons) {\r\n\t\tvar size;\r\n\t\tfor (var i in node.icons) {\r\n\t\t\tvar iconInfo = node.icons[i];\r\n\t\t\tif (iconInfo.url && (!size || (iconInfo.size < size && iconInfo.size > 15))) {\r\n\t\t\t\turl = iconInfo.url;\r\n\t\t\t\tif (iconInfo.size > 31) url2x = iconInfo.url;\r\n\t\t\t\tsize = iconInfo.size;\r\n\t\t\t}\r\n\t\t}\r\n\t} else if (node.icon) {\r\n\t\turl = node.icon;\r\n\t} else if (node.url) {\r\n\t\turl = `/_favicon/?pageUrl=${encodeURIComponent(node.url)}&size=16`;\r\n\t\turl2x = `/_favicon/?pageUrl=${encodeURIComponent(node.url)}&size=32`;\r\n\t}\r\n\r\n\tvar icon = document.createElement(url ? 'img' : 'div');\r\n\ticon.className = 'icon';\r\n\ticon.src = url;\r\n\tif (url2x) icon.srcset = url2x + ' 2x';\r\n\ticon.alt = ' ';\r\n\treturn icon;\r\n}\r\n\r\n// toggle folder open state\r\nfunction toggle(node, a) {\r\n\tvar isopen = a.open;\r\n\tsetClass(a, node, !isopen);\r\n\ta.open = !isopen;\r\n\tif (isopen) {\r\n\t\t// close folder\r\n\t\tlocalStorage.removeItem('open.' + node.id);\r\n\t\tif (a.nextSibling){\r\n\t\t\t// auto-close child folders\r\n\t\t\tif (getConfig('auto_close')) {\r\n\t\t\t\tvar children = (a.nextSibling.tagName == 'DIV' ? a.nextSibling.firstChild : a.nextSibling).children;\r\n\t\t\t\tfor (var i=0; i