From 721de3fba6a9928849bb2963e1fb80965e94b50e Mon Sep 17 00:00:00 2001
From: Nazar Kanaev <nkanaev@live.com>
Date: Tue, 16 Mar 2021 00:01:53 +0000
Subject: [PATCH] article scroll keybindings

---
 src/assets/index.html                 | 11 +++++++++--
 src/assets/javascripts/keybindings.js | 17 +++++++++++++++++
 2 files changed, 26 insertions(+), 2 deletions(-)

diff --git a/src/assets/index.html b/src/assets/index.html
index b2b101a..55b85ec 100644
--- a/src/assets/index.html
+++ b/src/assets/index.html
@@ -390,8 +390,8 @@
                 <table class="table table-borderless table-sm table-compact m-0">
                     <tr>
                         <td>
-                            <kbd>1</kbd> /
-                            <kbd>2</kbd> /
+                            <kbd>1</kbd>
+                            <kbd>2</kbd>
                             <kbd>3</kbd>
                         </td>
                         <td>show unread / starred / all feeds</td>
@@ -436,6 +436,13 @@
                         <td><kbd>o</kbd></td>
                         <td>open an article's link</td>
                     </tr>
+                    <tr>
+                        <td>
+                            <kbd>f</kbd>
+                            <kbd>b</kbd>
+                        </td>
+                        <td>scroll an article forward / backward</td>
+                    </tr>
                 </table>
             </div>
         </div>
diff --git a/src/assets/javascripts/keybindings.js b/src/assets/javascripts/keybindings.js
index baaf765..5aab4fa 100644
--- a/src/assets/javascripts/keybindings.js
+++ b/src/assets/javascripts/keybindings.js
@@ -73,6 +73,15 @@ var helperFunctions = {
 
       if (target && scroll) scrollto(target, scroll)
     })
+  },
+  scrollContent: function(direction) {
+    var padding = 40
+    var scroll = document.querySelector('.content')
+    if (!scroll) return
+
+    var height = scroll.getBoundingClientRect().height
+
+    scroll.scrollTop += (height - padding) * direction
   }
 }
 var shortcutFunctions = {
@@ -112,6 +121,12 @@ var shortcutFunctions = {
   previousFeed() {
     helperFunctions.navigateToFeed(-1)
   },
+  scrollForward: function() {
+    helperFunctions.scrollContent(+1)
+  },
+  scrollBackward: function() {
+    helperFunctions.scrollContent(-1)
+  },
   showAll() {
     vm.filterSelected = ''
   },
@@ -134,6 +149,8 @@ var keybindings = {
   "k": shortcutFunctions.previousItem,
   "l": shortcutFunctions.nextFeed,
   "h": shortcutFunctions.previousFeed,
+  "f": shortcutFunctions.scrollForward,
+  "b": shortcutFunctions.scrollBackward,
   "1": shortcutFunctions.showUnread,
   "2": shortcutFunctions.showStarred,
   "3": shortcutFunctions.showAll,