[Crum/Flashcards] Make the Page Respond to Keyboard Clicks

[pishoyg]

Include everything in the header:

• h should go to the home page.
• r should reset
• n should go next
• p should go to the previous page
• e should open the email
• d should open click the dev button

We can also do the dialect filtering: B, S, F, A, O, N, ... Not sure how easy it is to enable the feature for Sa,Sf,sA, andFb`.

[pishoyg]

Let's add a help shortcut to display the current shortcuts.

[pishoyg]

This is done. We probably want to update our plans for the header (#203).

[pishoyg]

We have also enabled keyboard shortcuts for the search page.

TODO:

• Show the help panel in the search page as well.
• Deduplicate the code for the search panel. You can do this by moving it to an external shared HTML file, containing a mere template, that gets parsed and populated by your TypeScript with the data relevant for each page.
• Add a help button at the bottom that shows the help panel, just like ?.

[pishoyg]

Status:

DONE:

• Show the help panel in the search page as well.

Moved:

• (#276) Deduplicate the code for the search panel. You can do this by moving it to an external shared HTML file, containing a mere template, that gets parsed and populated by your TypeScript with the data relevant for each page.

TODO:

• Add a help button at the bottom that shows the help panel, just like ?.