Update hotkeys

files/js/detection.js

@@ -160,13 +160,13 @@ document.addEventListener('DOMContentLoaded', function () {
     });
 
     document.addEventListener('keydown', function(event) {
-        if (event.ctrlKey && event.altKey && event.key === 'ArrowLeft') {
+        if (event.key === 'PageUp' || event.key === 'Home') {
+            event.preventDefault();
             _show_original();
         }
-    });
 
-    document.addEventListener('keydown', function(event) {
-        if (event.ctrlKey && event.altKey && event.key === 'ArrowRight') {
+        else if (event.key === 'PageDown' || event.key == 'End') {
+            event.preventDefault();
             _show_summary();
         }
     });

files/js/grammar.js

@@ -160,13 +160,13 @@ document.addEventListener('DOMContentLoaded', function () {
     });
 
     document.addEventListener('keydown', function(event) {
-        if (event.ctrlKey && event.altKey && event.key === 'ArrowLeft') {
+        if (event.key === 'PageUp' || event.key === 'Home') {
+            event.preventDefault();
             _show_original();
         }
-    });
 
-    document.addEventListener('keydown', function(event) {
-        if (event.ctrlKey && event.altKey && event.key === 'ArrowRight') {
+        else if (event.key === 'PageDown' || event.key == 'End') {
+            event.preventDefault();
             _show_summary();
         }
     });

files/js/summarizer.js

@@ -208,13 +208,13 @@ document.addEventListener('DOMContentLoaded', function () {
     });
 
     document.addEventListener('keydown', function(event) {
-        if (event.ctrlKey && event.altKey && event.key === 'ArrowLeft') {
+        if (event.key === 'PageUp' || event.key === 'Home') {
+            event.preventDefault();
             _show_original();
         }
-    });
 
-    document.addEventListener('keydown', function(event) {
-        if (event.ctrlKey && event.altKey && event.key === 'ArrowRight') {
+        else if (event.key === 'PageDown' || event.key == 'End') {
+            event.preventDefault();
             _show_summary();
         }
     });

static/emotion_detection.html

@@ -300,7 +300,7 @@
                                 <ul class="mt-2 text-gray-800" style="list-style-type: disc; list-style-position: inside;">
                                     <li>Intuitive UI (User Interface)</li>
                                     <li>Automated emotion detection for texts of varying lengths (text must be less than 20K characters)</li>
-                                    <li>Hotkeys: press <kbd>Ctrl</kbd>+<kbd>Enter</kbd> to <b>Detect</b>, press <kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>←/→</kbd> to <b>switch between tabs.</b></li>
+                                    <li>Hotkeys: press <kbd>Ctrl</kbd>+<kbd>Enter</kbd> to <b>Detect</b>, press <kbd>PgUp/Home</kbd> or <kbd>PgDn/End</kbd> to <b>switch between tabs.</b></li>
                                 </ul>
                                 <p class="mt-4 text-gray-800">
                                     If you want to learn more about the project, here is a link to the github repository: <a class="text-indigo-700 no-invert hover:text-gold" href="https://github.com/Djacon/russian-emotion-detection" target="_blank">Djacon/Emotion-Detection</a>

static/grammar_checker.html

@@ -300,7 +300,7 @@
                                 <ul class="mt-2 text-gray-800" style="list-style-type: disc; list-style-position: inside;">
                                     <li>Intuitive UI (User Interface)</li>
                                     <li>Automated grammar checker for texts of varying lengths (text must be less than 20K characters)</li>
-                                    <li>Hotkeys: press <kbd>Ctrl</kbd>+<kbd>Enter</kbd> to <b>Check</b>, press <kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>←/→</kbd> to <b>switch between tabs.</b></li>
+                                    <li>Hotkeys: press <kbd>Ctrl</kbd>+<kbd>Enter</kbd> to <b>Check</b>, press <kbd>PgUp/Home</kbd> or <kbd>PgDn/End</kbd> to <b>switch between tabs.</b></li>
                                 </ul>
                                 <p class="mt-4 text-gray-800">
                                     If you want to learn more about the project, here is a link to the github repository: <a class="text-indigo-700 no-invert hover:text-gold" href="https://github.com/Djacon/mbert-gram" target="_blank">Djacon/mBert-Gram</a>

static/text_summarizer.html

@@ -317,7 +317,7 @@
                                 <ul class="mt-2 text-gray-800" style="list-style-type: disc; list-style-position: inside;">
                                     <li>Intuitive UI (User Interface)</li>
                                     <li>Automated text summarization for texts of varying lengths (text must be between 250 and 100K characters)</li>
-                                    <li>Hotkeys: press <kbd>Ctrl</kbd>+<kbd>Enter</kbd> to <b>Summarize</b>, press <kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>←/→</kbd> to <b>switch between tabs.</b></li>
+                                    <li>Hotkeys: press <kbd>Ctrl</kbd>+<kbd>Enter</kbd> to <b>Summarize</b>, press <kbd>PgUp/Home</kbd> or <kbd>PgDn/End</kbd> to <b>switch between tabs.</b></li>
                                 </ul>
                                 <p class="mt-4 text-gray-800">
                                     If you want to learn more about the project, here is a link to the github repository: <a class="text-indigo-700 no-invert hover:text-gold" href="https://github.com/Djacon/text-summarization" target="_blank">Djacon/Text-Summarization</a>