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

scroll selected annotation into view if needed

Browse source
This commit is contained in:
rlx 2019-02-01 16:26:05 +05:30
parent 2c5c56c036
commit 675eca88e7
1 changed files with 8 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
static/js/annotation.js
View file

@ -1,7 +1,7 @@
'use strict'; 'use strict';
oml.ui.annotation = function(annotation, $iframe) { oml.ui.annotation = function(annotation, $iframe) {
var $quotetext = Ox.Element() var $quoteText = Ox.Element()
.addClass('OxSelectable OMLQuote') .addClass('OxSelectable OMLQuote')
.html(Ox.encodeHTMLEntities(annotation.text).replace(/\n/g, '<br/>')) .html(Ox.encodeHTMLEntities(annotation.text).replace(/\n/g, '<br/>'))
.on({ .on({
@ -11,18 +11,19 @@ oml.ui.annotation = function(annotation, $iframe) {
id: annotation.id id: annotation.id
}) })
} }
}) });
var $quoteBackground = Ox.Element().addClass('OMLQuoteBackground');
var $quote = Ox.Element() var $quote = Ox.Element()
.addClass('OMLQuoteBox') .addClass('OMLQuoteBox')
.append( .append(
Ox.Element().addClass('OMLQuoteBackground') $quoteBackground
).append( ).append(
$quotetext $quoteText
) );
var notes = annotation.notes.length ? annotation.notes.map(function(note) { var notes = annotation.notes.length ? annotation.notes.map(function(note) {
note.editable = !note.user note.editable = !note.user
return note return note
}) : [] }) : [];
var $notes = Ox.ArrayEditable({ var $notes = Ox.ArrayEditable({
editing: true, editing: true,
items: notes, items: notes,
@ -96,6 +97,7 @@ oml.ui.annotation = function(annotation, $iframe) {
selected && selected.classList.remove('selected') selected && selected.classList.remove('selected')
that.addClass('selected') that.addClass('selected')
that.gainFocus() that.gainFocus()
that[0].scrollIntoViewIfNeeded()
} }
return that; return that;
}; };