Add hotkey for scroll to highlighed syl text

DDMAL · Jul 1, 2023 · c8fce66 · c8fce66
1 parent 914c506
commit c8fce66
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 2 deletions.
diff --git a/src/SquareEdit/Contents.ts b/src/SquareEdit/Contents.ts
@@ -458,6 +458,14 @@ export const hotkeysModal = `
                 </div>
                 <div class="hotkey-entry-description">Hide Glyph</div>
             </div>
+            <div class="hotkey-entry-container">
+                <div class="hotkey-container">
+                    <div class="hotkey-entry">Shift</div>
+                    <div>+</div>
+                    <div class="hotkey-entry">T</div>
+                </div>
+                <div class="hotkey-entry-description">Scroll To Syllable Text</div>
+            </div>
         </div>
 
         <!-- "Edit" hotkeys -->
@@ -501,10 +509,10 @@ export const hotkeysModal = `
             </div>
             <div class="hotkey-entry-container">
                 <div class="hotkey-container">
-                    <div class="hotkey-entry">1/2/3/4</div>
+                    <div class="hotkey-entry">1/2/3/4/5/6</div>
                 </div>
                 <div class="hotkey-entry-description">
-                    Select by Syllable/Neume/Neume Component/Staff
+                    Select by Syllable/Neume/Neume Component/Staff/Layer Element/BBox
                 </div>
             </div>
             <div class="hotkey-entry-container">

diff --git a/src/TextEditMode.ts b/src/TextEditMode.ts
@@ -107,6 +107,15 @@ export default class TextEditMode implements TextEditInterface {
       span.removeEventListener('click', selectSylText);
       span.addEventListener('click', selectSylText);
     });
+
+    document.addEventListener('keydown', (event) => {
+      if (event.shiftKey && event.key === 'T') {
+        const selectedSylText = document.querySelector('.text-select');
+        if (selectedSylText) {
+          selectedSylText.scrollIntoView({ behavior: 'smooth' });
+        }
+      }
+    });
   }