add menu buttons

static/js/annotationPanel.js

@@ -2,11 +2,32 @@
 
 oml.ui.annotationPanel = function() {
 
-    var ui = oml.user.ui,
-        that = Ox.SplitPanel({
+    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: Ox.Bar({size: 16}),
+                element: $bar,
                 size: 16
             },
             {
@@ -14,7 +35,7 @@ oml.ui.annotationPanel = function() {
             }
         ],
         orientation: 'vertical'
-        })
+    });
 
     return that;