diff --git a/static/js/annotation.js b/static/js/annotation.js index 1e4a509..69591a2 100644 --- a/static/js/annotation.js +++ b/static/js/annotation.js @@ -6,28 +6,19 @@ oml.ui.annotation = function(data, $iframe) { }).addClass( 'OxSelectable' ).css({ + backgroundColor: 'white', borderBottom: '1px solid rgb(208, 208, 208)', - }).append( - Ox.Element().addClass('OxSelectable').css({ - backgroundColor: 'white', - color: 'black', - fontFamily: 'Georgia, Palatino, DejaVu Serif, Book Antiqua, Palatino Linotype, Times New Roman, serif', - fontSize: '14px', - lineHeight: '21px', - padding: '8px' - }).html(data.text).on({ - click: function(event) { - $iframe.postMessage('selectAnnotation', { - id: data.id - }) - } - }) - ).append( - Ox.ArrayEditable({ - type: 'textarea' - }).css({ - height: 0 - }) - ); + color: 'black', + fontFamily: 'Georgia, Palatino, DejaVu Serif, Book Antiqua, Palatino Linotype, Times New Roman, serif', + fontSize: '14px', + lineHeight: '21px', + padding: '8px' + }).html(data.text).on({ + click: function(event) { + $iframe.postMessage('selectAnnotation', { + id: data.id + }) + } + }); return that; }; diff --git a/static/js/annotationFolder.js b/static/js/annotationFolder.js deleted file mode 100644 index 0472bce..0000000 --- a/static/js/annotationFolder.js +++ /dev/null @@ -1,10 +0,0 @@ -oml.ui.annotationFolder = function() { - - var ui = oml.user.ui, - that = Ox.Element().css({ - overflowY: 'auto', - }); - - return that; - -}; \ No newline at end of file diff --git a/static/js/annotationPanel.js b/static/js/annotationPanel.js index 343e605..cd4ad94 100644 --- a/static/js/annotationPanel.js +++ b/static/js/annotationPanel.js @@ -3,19 +3,9 @@ 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' - }) + that = Ox.Element().css({ + overflowY: 'auto', + }); return that; - }; diff --git a/static/js/viewer.js b/static/js/viewer.js index f9a039c..d792913 100644 --- a/static/js/viewer.js +++ b/static/js/viewer.js @@ -25,8 +25,6 @@ oml.ui.viewer = function() { collapsed: !ui.showAnnotations, collapsible: true, element: oml.$ui.annotationPanel = oml.ui.annotationPanel(), - resizable: true, - resize: [128, 384], size: 256, tooltip: Ox._('Annotations') + ' ' @@ -43,7 +41,7 @@ oml.ui.viewer = function() { if (item && item.length) { oml.api.get({id: item, keys: ['mediastate']}, function(result) { if (result.data.mediastate == 'available') { - oml.$ui.annotationFolder.empty() + oml.$ui.annotationPanel.empty() if ($iframe) { $iframe.remove() } @@ -55,10 +53,10 @@ oml.ui.viewer = function() { console.log('got', event, data) if (event == 'addAnnotation') { console.log('adding', data.id) - oml.$ui.annotationFolder.append(oml.ui.annotation(data, $iframe)); + oml.$ui.annotationPanel.append(oml.ui.annotation(data, $iframe)); } else if (event == 'removeAnnotation') { console.log('do it ...', data) - oml.$ui.annotationFolder.find('#a-' + data.id).remove() + oml.$ui.annotationPanel.find('#a-' + data.id).remove() } else if (event == 'selectAnnotation') { console.log('select', data) } else if (event == 'deselectAnnotation') {