0x2620/openmedialibrary
1
0
Fork 0
Code Issues 131 Pull requests Releases Wiki Activity

add renderAnnotation method

Browse source
This commit is contained in:
rlx 2019-02-04 14:23:42 +05:30
parent 5f5ebc3b7a
commit ef2b56e0a9
4 changed files with 30 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
static/js/annotation.js
View file

@ -64,7 +64,6 @@ oml.ui.annotation = function(annotation, $iframe) {
}
}).append($quote).append($notes);
function addNote() {
if (!$notes.options('items').length) {
that.select()
@ -78,7 +77,6 @@ oml.ui.annotation = function(annotation, $iframe) {
}
}
that.annotate = function() {
if (oml.user.ui.showAnnotations) {
addNote()

3
static/js/annotationFolder.js
View file

@ -1,7 +1,6 @@
oml.ui.annotationFolder = function() {
var ui = oml.user.ui,
that = Ox.Element().addClass('OxAnnotationFolder').css({
var that = Ox.Element().addClass('OxAnnotationFolder').css({
overflowY: 'auto',
overflowX: 'hidden',
});

24
static/js/annotationPanel.js
View file

@ -23,14 +23,14 @@ oml.ui.annotationPanel = function() {
{id: 'addAnnotation', title: 'Add Annotation', disabled: true},
{id: 'removeAnnotation', title: 'Remove Annotation', disabled: true},
{},
{id: 'showAnnotationUsers', title: Ox._('Show Annotations'), disabled: true},
{group: 'show', min: 1, max: 1, items: [
{id: 'show', title: Ox._('Show Annotations'), disabled: true},
{group: 'showAnnotationUsers', min: 1, max: 1, items: [
{id: 'all', title: Ox._('All Annotations'), checked: ui.showAnnotationUsers == 'all'},
{id: 'me', title: Ox._('My Annotations'), checked: ui.showAnnotationUsers == 'me'},
]},
{},
{id: 'sortAnnotations', title: Ox._('Sort Annotations'), disabled: true},
{group: 'sort', min: 1, max: 1, items: [
{id: 'sort', title: Ox._('Sort Annotations'), disabled: true},
{group: 'sortAnnotations', min: 1, max: 1, items: [
{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'},
@ -46,8 +46,18 @@ oml.ui.annotationPanel = function() {
}).css({
// borderColor: 'transparent',
float: 'right'
}).appendTo($bar)
.bindEvent({
}).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();
}
},
click: function(data) {
var id = data.id;
if (id == 'exportAnnotations') {
@ -59,7 +69,7 @@ oml.ui.annotationPanel = function() {
})
}
}
});
}).appendTo($bar);
var ui = oml.user.ui;
var that = Ox.SplitPanel({

14
static/js/viewer.js
View file

@ -115,14 +115,10 @@ oml.ui.viewer = function() {
console.log('got', event, data)
that.triggerEvent(event, data);
}
}).bindEvent({
init: function() {
loadAnnotations(function(annotations) {
annotations.forEach(function(data) {
var $annotation = oml.ui.annotation(data, $iframe).bindEvent(annotationEvents)
oml.$ui.annotationFolder.append($annotation);
})
that.renderAnnotations()
// fixme: trigger loaded event from reader instead?
setTimeout(function() {
that.postMessage('addAnnotations', {
@ -146,5 +142,13 @@ oml.ui.viewer = function() {
that.getAnnotations = function() {
return annotations;
}
that.renderAnnotations = function() {
oml.$ui.annotationFolder.empty();
Ox.sortBy(annotations, ui.sortAnnotations);
annotations.forEach(function(data) {
var $annotation = oml.ui.annotation(data, $iframe).bindEvent(annotationEvents)
oml.$ui.annotationFolder.append($annotation);
})
}
return that.updateElement();
};