Allow keyboard navigation on reader page (#124)

public/js/reader.js

@@ -292,3 +292,19 @@ const flipPage = (isNext) => {
 	replaceHistory(newIdx);
 	saveProgress(newIdx);
 };
+
+/**
+ * Handle the global keydown events
+ *
+ * @function keyHandler
+ * @param {event} event - The $event object
+ */
+const keyHandler = (event) => {
+	const mode = getProp('mode');
+	if (mode === 'continuous') return;
+
+	if (event.key === 'ArrowLeft' || event.key === 'j')
+		flipPage(false);
+	if (event.key === 'ArrowRight' || event.key === 'k')
+		flipPage(true);
+};

src/views/reader.html.ecr

@@ -17,6 +17,8 @@
          flipAnimation: null
          }">
 
+      <div @keydown.window.debounce="keyHandler($event)"></div>
+
       <div class="uk-container uk-container-small">
         <div id="alert"></div>
         <div x-show="loading">