diff --git a/cps/static/js/reading/epub.js b/cps/static/js/reading/epub.js index 8b7fb075..edafa82c 100644 --- a/cps/static/js/reading/epub.js +++ b/cps/static/js/reading/epub.js @@ -20,6 +20,34 @@ var reader; $("#bookmark, #show-Bookmarks").remove(); } + // Enable swipe support + // I have no idea why swiperRight/swiperLeft from plugins is not working, events just don't get fired + var touchStart = 0; + var touchEnd = 0; + + reader.rendition.on('touchstart', function(event) { + touchStart = event.changedTouches[0].screenX; + }); + reader.rendition.on('touchend', function(event) { + touchEnd = event.changedTouches[0].screenX; + if (touchStart < touchEnd) { + if(reader.book.package.metadata.direction === "rtl") { + reader.rendition.next(); + } else { + reader.rendition.prev(); + } + // Swiped Right + } + if (touchStart > touchEnd) { + if(reader.book.package.metadata.direction === "rtl") { + reader.rendition.prev(); + } else { + reader.rendition.next(); + } + // Swiped Left + } + }); + /** * @param {string} action - Add or remove bookmark * @param {string|int} location - Location or zero @@ -43,3 +71,5 @@ var reader; }); } })(); + + diff --git a/cps/templates/read.html b/cps/templates/read.html index a4361fa0..b38f783c 100644 --- a/cps/templates/read.html +++ b/cps/templates/read.html @@ -78,7 +78,7 @@
- + - - -