openmedialibrary/static/js/annotationPanel.js

114 lines
3.7 KiB
JavaScript
Raw Normal View History

2019-01-23 15:14:59 +00:00
'use strict';
oml.ui.annotationPanel = function() {
2019-02-04 08:29:34 +00:00
var ui = oml.user.ui;
2019-01-24 12:02:33 +00:00
var $bar = Ox.Bar({size: 16});
2019-02-02 18:01:55 +00:00
var $addQuote = Ox.Button({
2019-01-24 12:02:33 +00:00
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);
2019-02-02 18:01:55 +00:00
var $deleteQuote = Ox.Button({
disabled: true,
style: 'symbol',
title: 'remove',
tooltip: Ox._('Delete Quote'),
type: 'image'
}).bindEvent({
click: function() {
var $annotation = oml.$ui.annotationFolder.find('.OMLAnnotation.selected')
$annotation.length && $annotation.delete()
}
}).appendTo($bar);
2019-01-24 12:02:33 +00:00
var $menuButton = Ox.MenuButton({
items: [
2019-02-04 08:29:34 +00:00
{id: 'addAnnotation', title: 'Add Annotation', disabled: true},
{id: 'removeAnnotation', title: 'Remove Annotation', disabled: true},
{},
2019-02-04 08:53:42 +00:00
{id: 'show', title: Ox._('Show Annotations'), disabled: true},
{group: 'showAnnotationUsers', min: 1, max: 1, items: [
2019-02-04 08:29:34 +00:00
{id: 'all', title: Ox._('All Annotations'), checked: ui.showAnnotationUsers == 'all'},
{id: 'me', title: Ox._('My Annotations'), checked: ui.showAnnotationUsers == 'me'},
2019-01-25 10:26:45 +00:00
]},
{},
2019-02-04 08:53:42 +00:00
{id: 'sort', title: Ox._('Sort Annotations'), disabled: true},
{group: 'sortAnnotations', min: 1, max: 1, items: [
2019-02-04 08:29:34 +00:00
{id: 'position', title: Ox._('By Position'), checked: ui.sortAnnotations == 'position'},
{id: 'quote', title: Ox._('By Quote Text'), checked: ui.sortAnnotations == 'quote'},
{id: 'note', title: Ox._('By Note Text'), checked: ui.sortAnnotations == 'note'},
{id: 'date', title: Ox._('By Date Added'), checked: ui.sortAnnotations == 'date'}
2019-01-25 10:26:45 +00:00
]},
2019-02-01 09:19:43 +00:00
{},
{id: 'exportAnnotations', title: Ox._('Export Annotations')},
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'
2019-02-04 08:53:42 +00:00
}).bindEvent({
change: function(data) {
if (data.id == 'showAnnotationUsers') {
var value = data.checked[0].id;
oml.UI.set('showAnnotationUsers', value);
oml.$ui.viewer.renderAnnotations();
} else if (data.id == 'sortAnnotations') {
var value = data.checked[0].id;
oml.UI.set('sortAnnotations', value);
oml.$ui.viewer.renderAnnotations();
}
},
2019-02-01 09:19:43 +00:00
click: function(data) {
var id = data.id;
if (id == 'exportAnnotations') {
oml.api.get({
id: oml.user.ui.item,
keys: []
}, function(result) {
oml.ui.exportAnnotationsDialog(result.data).open()
})
}
}
2019-02-04 08:53:42 +00:00
}).appendTo($bar);
2019-01-24 12:02:33 +00:00
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) {
2019-02-02 18:01:55 +00:00
$addQuote.options({
disabled: !selection
})
2019-02-02 18:01:55 +00:00
var $annotation = oml.$ui.annotationFolder.find('.OMLAnnotation.selected')
$deleteQuote.options({
disabled: !$annotation.length
})
}
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
};