From 5964ee763c477bcb47d8cbf2ab6ee566134d866b Mon Sep 17 00:00:00 2001
From: Mojo <hereismojo@outlook.com>
Date: Sun, 28 Mar 2021 02:05:58 +0600
Subject: [PATCH 1/2] added page control inversion

---
 reader/js/reader.js | 21 +++++++++++++++------
 1 file changed, 15 insertions(+), 6 deletions(-)

diff --git a/reader/js/reader.js b/reader/js/reader.js
index 63f78da..a06197f 100644
--- a/reader/js/reader.js
+++ b/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) {

From c1174c2e8b1ec7bc0aeda8138413d354505b4925 Mon Sep 17 00:00:00 2001
From: Mojo <hereismojo@outlook.com>
Date: Sun, 28 Mar 2021 02:22:11 +0600
Subject: [PATCH 2/2] added a button to invert page controls

---
 reader/img/invert.png | Bin 0 -> 667 bytes
 reader/js/reader.js   |   4 ++++
 reader/reader.html    |   3 +++
 3 files changed, 7 insertions(+)
 create mode 100644 reader/img/invert.png

diff --git a/reader/img/invert.png b/reader/img/invert.png
new file mode 100644
index 0000000000000000000000000000000000000000..e9656fd05bb0ccc66df5d9bb9657dd57bde8ca17
GIT binary patch
literal 667
zcmeAS@N?(olHy`uVBq!ia0vp^8X(NU1|)m_?Z{<dV9d{Sb`Ho)P6i53ES+fW&Fm=B
zYA@{CDafr`BdQsqBP77O@k+!JPN79j>(e$rQ&f4qX}4q3+Jt1m4Fb6}qW_q4S)*AU
z16Ty5|2M36OW8YFRB6%~qiXweXLg>M!x(R~Ui{6mL=B0)sXeaFpSimiJ`?}*<&tMZ
zp6~XvCtZ~M?tZLvZ(g-s@apP+`(`aJRn2{U;ewLQvf0y=Z4_nV%YBaCJ~X$=FIvz}
zgfF_t;i2}@<u-L;bH4tF-Do;{4%7TslBfPXydr<CILxuaW5@mp`mgps4>ado*1J=3
zrLEEL4W2^EUL7K?VJ9C8Ow95~+gf{A^u9^<ql-`TgANI~Pn%P5c#+uB?5HfaFI#FV
zy|ljnue>$$qTu>!11?|xb-&FR&RTznExWs3`TAcww*Sg85~2TRJu&&GShaK2S9you
zYI9=4wqDVjlka%Fd1Yjj>!;ISQjI=TapiJfC}eI_)n9$T)bCwlne)6CQs2HM27KGD
z|DWM-c=|i#xE~?F7~m}Mh%9Dc&{GCs#)_r(WkA78o-U3d5$?$e60B2N8I&b&Wj9pm
zoVc)EbVa(=%3l#4R~bU`nU35`c~R}qCdXDJ^Fu7-Vz9~SB^x99);(jk<XbXr-hYSY
z2_MC?B+t0$HfN-sTfwZ!d-I}z46mb?b3@SI#hC>rESkKGUSIo{9lR*8#DqoTs{JfB
zcjpP01Qvw+&yd2ZFj2ngNe}-yhPE#5#t9GEPThA5-pq0$U%}MnWZ?pq3qq+%I!@ur
vPAzggs!uFFa9t2#G}77a+cxjudR7KYUBPOPMQ(S1zGLuo^>bP0l+XkK>`)g9

literal 0
HcmV?d00001

diff --git a/reader/js/reader.js b/reader/js/reader.js
index a06197f..b6e81d1 100644
--- a/reader/js/reader.js
+++ b/reader/js/reader.js
@@ -172,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";
 });
diff --git a/reader/reader.html b/reader/reader.html
index f86600f..2040bd4 100644
--- a/reader/reader.html
+++ b/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>