enter to add annotation

This commit is contained in:
j 2019-02-01 00:12:52 +05:30
commit fedd0c7e80
4 changed files with 68 additions and 20 deletions

View file

@ -49,6 +49,18 @@ function deselectAnnotation(id) {
})
}
function deselectAllAnnotations() {
var ids = []
document.querySelectorAll('.epubjs-hl.selected').forEach(function(g) {
g.classList.remove('selected')
if (!Ox.contains(ids, id)) {
ids.push(id)
Ox.$parent.postMessage('deselectAnnotation', {id: id})
}
})
}
function removeAnnotation(id) {
var a = annotations.filter(function(a) { return a.id == id })[0]
if (a) {
@ -83,6 +95,7 @@ function onHighlightClicked(e) {
other.classList.remove('selected')
})
e.target.classList.add('selected')
Ox.$parent.postMessage('selectAnnotation', {id: e.target.dataset.id})
}
}
@ -106,8 +119,12 @@ document.onreadystatechange = function () {
removeAnnotation(a.dataset.id)
})
}
if (event.key == 'n') {
if (event.key == 'n' || event.keyCode == 13) {
var selected = document.querySelector('.epubjs-hl.selected')
if (currentSelection) {
if (selected) {
deselectAllAnnotations()
}
/*
var range = currentSelection.contents.window.getSelection().getRangeAt(0)
console.log(
@ -124,6 +141,9 @@ document.onreadystatechange = function () {
other.classList.remove('selected')
})
currentSelection = null
} else if (selected) {
console.log('editNote?', selected.dataset.id)
}
}
if (event.keyCode == 61 && event.shiftKey) {

View file

@ -44,12 +44,18 @@ window.addEventListener('keydown', function(event) {
if (selected) {
removeAnnotation(selected.dataset.id)
}
} else if (event.key == 'n') {
} else if (event.key == 'n' || event.keyCode == 13) {
var selected = document.querySelector('.oml-annotation.selected')
if (!window.getSelection().isCollapsed) {
if (selected) {
deselectAllAnnotations()
}
var annot = getHighlight()
renderAnnotation(annot)
addAnnotation(annot)
window.getSelection().removeAllRanges();
} else if (selected) {
console.log('editNote?', selected.dataset.id)
}
event.stopPropagation()
event.preventDefault()
@ -139,6 +145,7 @@ function selectAnnotation(id) {
g.style.backgroundColor = 'blue'
})
}
function deselectAnnotation(id) {
document.querySelectorAll('.oml-annotation.a' + id).forEach(function(g) {
g.classList.remove('selected')
@ -146,6 +153,20 @@ function deselectAnnotation(id) {
})
}
function deselectAllAnnotations() {
var ids = []
document.querySelectorAll('.oml-annotation.selected').forEach(function(g) {
g.classList.remove('selected')
g.style.backgroundColor = 'yellow'
var id = $(g).parents('.oml-annotation').data('id')
console.log('deselect', g, id)
if (!Ox.contains(ids, id)) {
ids.push(id)
Ox.$parent.postMessage('deselectAnnotation', {id: id})
}
})
}
function removeAnnotation(id) {
document.querySelectorAll('.oml-annotation.a' + id).forEach(function(a) {
a.remove()