Merge pull request #5 from mojo-sudo/main

Added a button to invert page control

reader/js/reader.js

@@ -32,7 +32,8 @@ function loadPage() {
     }
 }
 
-function nextPage() {
+// Goto next page or previous page. Left is next page by default.
+var rightPage = function () {
     if(layoutCurrent == "double"){
         if(pageCurrent+2 <= pageNo){
             pageCurrent += 2;
@@ -46,7 +47,7 @@ function nextPage() {
     loadPage();
 }
 
-function previousPage() {
+var leftPage = function () {
     if(layoutCurrent == "double"){
         if(pageCurrent-2 >= 1){
             pageCurrent -= 2;
@@ -60,6 +61,11 @@ function previousPage() {
     loadPage();
 }
 
+// Inversion between left-to-right and right-to-left
+function invertPage() {
+    [leftPage, rightPage] = [rightPage, leftPage];
+}
+
 function layoutSingle(){
     layoutCurrent = "single";
     fitHeight();
@@ -118,24 +124,27 @@ document.addEventListener("keydown", function (e) {
         case 39:
         case 76:
             console.log("right");
-            previousPage();
+            rightPage();
             break;
         case 37:
         case 72:
             console.log("left");
-            nextPage();
+            leftPage();
             break;
+        case 73:
+            invertPage();
+            console.log("invert_controls");
         default: return;
     }
     e.preventDefault();
 });
 
 document.getElementById("pageLeft").addEventListener("click", function (e) {
-    nextPage();
+    leftPage();
 });
 
 document.getElementById("pageRight").addEventListener("click", function (e) {
-    previousPage();
+    rightPage();
 });
 
 document.getElementById("downloadButton").addEventListener("click", function (e) {
@@ -163,6 +172,10 @@ document.getElementById("fitButton").addEventListener("click", function (e) {
     loadPage();
 });
 
+document.getElementById("invertButton").addEventListener("click", function (e) {
+    invertPage();
+});
+
 document.getElementById("titlebarContainer").addEventListener("mouseenter", function () {
     document.getElementById("titlebar").style.visibility = "visible";
 });

reader/reader.html

@@ -26,6 +26,9 @@
             <button class="titlebarButton" id="fitButton">
                 <img class="titlebarIcon" id="fitIcon" src="img/height.png"/>
             </button>
+            <button class="titlebarButton" id="invertButton">
+                <img class="titlebarIcon" id="invertIcon" src="img/invert.png"/>
+            </button>
         </div>
         </div>