diff --git a/static/js/annotationPanel.js b/static/js/annotationPanel.js index 343e605..7754a4d 100644 --- a/static/js/annotationPanel.js +++ b/static/js/annotationPanel.js @@ -2,19 +2,40 @@ oml.ui.annotationPanel = function() { - var ui = oml.user.ui, - that = Ox.SplitPanel({ - elements: [ - { - element: Ox.Bar({size: 16}), - size: 16 - }, - { - element: oml.$ui.annotationFolder = oml.ui.annotationFolder() - } - ], - orientation: 'vertical' - }) + var $bar = Ox.Bar({size: 16}); + + var $button = Ox.Button({ + disabled: true, + style: 'symbol', + title: 'add', + type: 'image' + }).appendTo($bar); + + var $menuButton = Ox.MenuButton({ + items: [ + {id: 'sortAnnotations', title: 'Sort Annotations', disabled: true} + ], + style: 'square', + title: 'set', + type: 'image', + width: 16 + }).css({ + float: 'right' + }).appendTo($bar); + + var ui = oml.user.ui; + var that = Ox.SplitPanel({ + elements: [ + { + element: $bar, + size: 16 + }, + { + element: oml.$ui.annotationFolder = oml.ui.annotationFolder() + } + ], + orientation: 'vertical' + }); return that;