openmedialibrary/static/js/annotationPanel.js

67 lines
1.8 KiB
JavaScript
Raw Normal View History

2019-01-23 15:14:59 +00:00
'use strict';
oml.ui.annotationPanel = function() {
2019-01-24 12:02:33 +00:00
var $bar = Ox.Bar({size: 16});
var $button = Ox.Button({
disabled: true,
style: 'symbol',
title: 'add',
2019-01-25 10:26:45 +00:00
tooltip: Ox._('Add Quote'),
2019-01-24 12:02:33 +00:00
type: 'image'
}).bindEvent({
click: function() {
oml.$ui.viewer.postMessage('addAnnotation', {})
}
2019-01-24 12:02:33 +00:00
}).appendTo($bar);
var $menuButton = Ox.MenuButton({
items: [
2019-01-25 10:26:45 +00:00
{id: 'showAnnotations', title: Ox._('Show Annotations'), disabled: true},
{group: 'sort', min: 1, max: 1, items: [
{id: 'all', title: Ox._('All Annotations'), checked: true},
{id: 'my', title: Ox._('My Annotations'), checked: false},
]},
{},
{id: 'sortAnnotations', title: Ox._('Sort Annotations'), disabled: true},
{group: 'sort', min: 1, max: 1, items: [
{id: 'position', title: Ox._('By Position'), checked: true},
2019-02-01 08:19:54 +00:00
{id: 'quote', title: Ox._('By Quote Text'), checked: false},
{id: 'note', title: Ox._('By Note Text'), checked: false},
2019-01-25 10:26:45 +00:00
{id: 'date', title: Ox._('By Date Added'), checked: false}
]},
2019-01-24 12:02:33 +00:00
],
style: 'square',
title: 'set',
type: 'image',
width: 16
}).css({
2019-01-25 10:26:45 +00:00
// borderColor: 'transparent',
2019-01-24 12:02:33 +00:00
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'
});
2019-01-23 15:14:59 +00:00
that.updateSelection = function(selection) {
$button.options({
disabled: !selection
})
}
2019-01-23 15:14:59 +00:00
return that;
2019-01-24 07:22:40 +00:00
2019-01-23 15:14:59 +00:00
};