Added shortcuts to help

AudioCuesheetEditor/Pages/Help.razor

@@ -35,6 +35,8 @@ along with Foobar.  If not, see
         <br />
         <Blazorise.Link To="#userInterface">@_localizer["User Interface"]</Blazorise.Link>
         <br />
+        <Blazorise.Link To="#shortcuts">@_localizer["Shortcuts"]</Blazorise.Link>
+        <br />
         <Blazorise.Link To="#validation">@_localizer["Validation"]</Blazorise.Link>
         <br />
         <Blazorise.Link To="#trackLinking">@_localizer["Track linking"]</Blazorise.Link>
@@ -77,6 +79,11 @@ along with Foobar.  If not, see
             <Column Flex="Flex.JustifyContent.End"><Blazorise.Link To="Help">@_localizer["Scroll to top"]</Blazorise.Link></Column>
         </Row>
         @((MarkupString)_localizer["User Interface helptext"])
+        <Row>
+            <Column><Heading id="shortcuts" Size="HeadingSize.Is3">@_localizer["Shortcuts"]</Heading></Column>
+            <Column Flex="Flex.JustifyContent.End"><Blazorise.Link To="Help">@_localizer["Scroll to top"]</Blazorise.Link></Column>
+        </Row>
+        @((MarkupString)_localizer["Shortcuts helptext"])
         <Row>
             <Column><Heading id="trackLinking" Size="HeadingSize.Is3">@_localizer["Track linking"]</Heading></Column>
             <Column Flex="Flex.JustifyContent.End"><Blazorise.Link To="Help">@_localizer["Scroll to top"]</Blazorise.Link></Column>

AudioCuesheetEditor/Resources/Localization/Help/de.json

@@ -27,6 +27,8 @@
     "Export of data": "Exportmöglichkeiten",
     "Export of data helptext": "Es ist sehr einfach in AudioCuesheetEditor alle Eingaben zu exportieren. Sie können den Export selbst anpassen und selbstständig eigene Exportprofile anlegen. Wenn Sie ein Cuesheet exportieren möchen, klicken sie einfach auf \"Export Profile anzeigen\" im oberen Bereich im Menü \"Export\".<div class=\"container-fluid\"><img class=\"img-fluid img-thumbnail mx-auto d-block\" src=\"images/Export1_de.png\"/></div>Es öffnet sich der Exportprofil Dialog bei dem Sie jederzeit zwischen den verschiedenen Exportprofilen wechseln können, sowie alte löschen und neue anlegen. Jede Änderung wird automatisch gespeichert. Sie können einen Namen vergeben, einen Dateinamen für den Download, sowie die Schema für Kopf, Fuß und Tracks verändern. <div class=\"container-fluid\"><img class=\"img-fluid img-thumbnail mx-auto d-block\" src=\"images/Export2_de.png\"/></div>Alle gültigen Platzhalter können eingefügt werden, indem man sie manuell tippt oder den Button \"Platzhalter auswählen\" und den Platzhalter anklickt den man hinzufügen möchte. Sie können außerdem Text zwischen den Platzhaltern angeben, der nicht ersetzt wird.<div class=\"container-fluid\"><img class=\"img-fluid img-thumbnail mx-auto d-block\" src=\"images/Export3_de.png\"/></div>Sobald sie das Exportprofil benutzen möchten, klicken sie einfach auf den Button \"Exportdatei herunterladen\" und der Export wird vorgenommen.",
     "User Interface": "Benutzeroberfläche",
-    "User Interface helptext": "<h3>Automatische Vervollständigung</h3>AudioCuesheetEditor bietet ihnen die Möglichkeit die Daten von Tracks automatisch vervollständigen zu lassen. Die verwendete Musikdatenbank ist MusicBrainz. Dazu geben Sie einen Track ein und erhalten hier bereits Vorschläge.<div class=\"container-fluid\"><img class=\"img-fluid img-thumbnail mx-auto d-block\" src=\"images/UserInterface_MusicBrainz1_de.png\"/></div>Wählen Sie einen gültigen Interpreten aus, so werden Ihnen beim Eingeben des Titels passende Vorschläge gemacht.<div class=\"container-fluid\"><img class=\"img-fluid img-thumbnail mx-auto d-block\" src=\"images/UserInterface_MusicBrainz2_de.png\"/></div>Wenn sie einen Titel ausgewählt haben, wird die Länge automatisch übernommen.<div class=\"container-fluid\"><img class=\"img-fluid img-thumbnail mx-auto d-block\" src=\"images/UserInterface_MusicBrainz3_de.png\"/></div><h3>Massenänderungen</h3>AudioCuesheetEditor bietet ihnen die Möglichkeit mehrere Tracks gleichzeit zu bearbeiten. Wählen Sie dazu einfach mehrere Tracks in der Übersicht aus (über \"Auswahl für Tracks einblenden\") und klicken auf \"Selektierte Tracks bearbeiten\".<div class=\"container-fluid\"><img class=\"img-fluid img-thumbnail mx-auto d-block\" src=\"images/UserInterface_BulkEdit1_de.png\"/></div>Der Bearbeitungsdialog öffnet sich und sie können wählen, ob die Bearbeitung dynamisch angewendet werden soll (Wert erhöhen oder verringern) oder der eingebene Wert absolut verwendet werden soll (für einige Eigenschaften). Dabei bedeutet \"=\" dass der absolute Wert übernommen werden soll, \"-\" dass der Wert abgezogen werden soll und \"+\" dass der Wert addiert werden soll.<div class=\"container-fluid\"><img class=\"img-fluid img-thumbnail mx-auto d-block\" src=\"images/UserInterface_BulkEdit2_de.png\"/></div>"
+    "User Interface helptext": "<h3>Automatische Vervollständigung</h3>AudioCuesheetEditor bietet ihnen die Möglichkeit die Daten von Tracks automatisch vervollständigen zu lassen. Die verwendete Musikdatenbank ist MusicBrainz. Dazu geben Sie einen Track ein und erhalten hier bereits Vorschläge.<div class=\"container-fluid\"><img class=\"img-fluid img-thumbnail mx-auto d-block\" src=\"images/UserInterface_MusicBrainz1_de.png\"/></div>Wählen Sie einen gültigen Interpreten aus, so werden Ihnen beim Eingeben des Titels passende Vorschläge gemacht.<div class=\"container-fluid\"><img class=\"img-fluid img-thumbnail mx-auto d-block\" src=\"images/UserInterface_MusicBrainz2_de.png\"/></div>Wenn sie einen Titel ausgewählt haben, wird die Länge automatisch übernommen.<div class=\"container-fluid\"><img class=\"img-fluid img-thumbnail mx-auto d-block\" src=\"images/UserInterface_MusicBrainz3_de.png\"/></div><h3>Massenänderungen</h3>AudioCuesheetEditor bietet ihnen die Möglichkeit mehrere Tracks gleichzeit zu bearbeiten. Wählen Sie dazu einfach mehrere Tracks in der Übersicht aus (über \"Auswahl für Tracks einblenden\") und klicken auf \"Selektierte Tracks bearbeiten\".<div class=\"container-fluid\"><img class=\"img-fluid img-thumbnail mx-auto d-block\" src=\"images/UserInterface_BulkEdit1_de.png\"/></div>Der Bearbeitungsdialog öffnet sich und sie können wählen, ob die Bearbeitung dynamisch angewendet werden soll (Wert erhöhen oder verringern) oder der eingebene Wert absolut verwendet werden soll (für einige Eigenschaften). Dabei bedeutet \"=\" dass der absolute Wert übernommen werden soll, \"-\" dass der Wert abgezogen werden soll und \"+\" dass der Wert addiert werden soll.<div class=\"container-fluid\"><img class=\"img-fluid img-thumbnail mx-auto d-block\" src=\"images/UserInterface_BulkEdit2_de.png\"/></div>",
+    "Shortcuts": "Tastenkürzel",
+    "Shortcuts helptext": "Die folgenden Tastenkürzeln sind verfügbar:<ul><li>Strg + p: Startet oder pausiert die Audiowiedergabe</li><li>Play: Startet oder pausiert die Audiowiedergabe</li><li>Strg + Left: Vorherigen Track wiedergeben</li><li>Previous: Vorherigen Track wiedergeben</li><li>Strg + Right: Nächsten Track wiedergeben</li><li>Next: Nächsten Track wiedergeben</li><li>Stop: Stoppt die Audiowiedergabe</li><li>Strg + z: Letzte Änderung rückgängig machen</li><li>Strg + y: Letzte Änderung wiederherstellen</li><li>Strg + h: Navigiere zu dieser Hilfe</li><li>Strg + e: Öffne die Exportprofile</li><li>Strg + s: Speicher das Projekt (Download als Datei)</li></ul>"
   }
 }

AudioCuesheetEditor/Resources/Localization/Help/en.json

@@ -27,6 +27,8 @@
     "Export of data": "Export of data",
     "Export of data helptext": "Exporting all entered data is really easy in AudioCuesheetEditor. You can customize the export yourself and also can add new export profiles by yourself. Once you have a cuesheet you want to export, just click on the \"Display Export Profiles\" Button in the top menu bar inside \"Export\".<div class=\"container-fluid\"><img class=\"img-fluid img-thumbnail mx-auto d-block\" src=\"images/Export1_en.png\"/></div>The export profiles dialog comes up, where you can easily switch between the current export profiles, delete and add new export profiles. Each change to export profile will get saved automatically. You can enter a name for the profile, a filename for download and the scheme for header, footer and tracks.<div class=\"container-fluid\"><img class=\"img-fluid img-thumbnail mx-auto d-block\" src=\"images/Export2_en.png\"/></div>All valid placeholders can be added by manually typing them or selecting the \"Select placeholder\" button and click on the placeholder you want to add. You can also add text between placeholders that will not get touched by the export logic.<div class=\"container-fluid\"><img class=\"img-fluid img-thumbnail mx-auto d-block\" src=\"images/Export3_en.png\"/></div>Once you want to use the export profile, just click on the \"Download export file\" button and the export will be generated for you.",
     "User Interface": "User interface",
-    "User Interface helptext": "<h3>Autocomplete</h3>AudioCuesheetEditor has an build autocomplete feature for tracks. The data used come from MusicBrainz. Adding a Track and enter an artist to receive autocomplete suggestions.<div class=\"container-fluid\"><img class=\"img-fluid img-thumbnail mx-auto d-block\" src=\"images/UserInterface_MusicBrainz1_en.png\"/></div>Select a valid artist and you will get suggestions for title also.<div class=\"container-fluid\"><img class=\"img-fluid img-thumbnail mx-auto d-block\" src=\"images/UserInterface_MusicBrainz2_en.png\"/></div>If you select a title, the length will automatically be set.<div class=\"container-fluid\"><img class=\"img-fluid img-thumbnail mx-auto d-block\" src=\"images/UserInterface_MusicBrainz3_en.png\"/></div><h3>Bulk edit</h3>AudioCuesheetEditor offers you the possibility to edit multiple tracks at once. Simply choose the tracks you want to edit in overview (via \"Display selection of tracks\") and click \"Edit selected tracks\".<div class=\"container-fluid\"><img class=\"img-fluid img-thumbnail mx-auto d-block\" src=\"images/UserInterface_BulkEdit1_en.png\"/></div>Edit dialog will appear and you can choose if you want to edit values dynamically (add or subtract value) or statically (entered value will be applied). \"=\" means that the absolute value is applied, \"-\" means that the value is subtracted and \"+\" means that the value is added.<div class=\"container-fluid\"><img class=\"img-fluid img-thumbnail mx-auto d-block\" src=\"images/UserInterface_BulkEdit2_en.png\"/></div>"
+    "User Interface helptext": "<h3>Autocomplete</h3>AudioCuesheetEditor has an build autocomplete feature for tracks. The data used come from MusicBrainz. Adding a Track and enter an artist to receive autocomplete suggestions.<div class=\"container-fluid\"><img class=\"img-fluid img-thumbnail mx-auto d-block\" src=\"images/UserInterface_MusicBrainz1_en.png\"/></div>Select a valid artist and you will get suggestions for title also.<div class=\"container-fluid\"><img class=\"img-fluid img-thumbnail mx-auto d-block\" src=\"images/UserInterface_MusicBrainz2_en.png\"/></div>If you select a title, the length will automatically be set.<div class=\"container-fluid\"><img class=\"img-fluid img-thumbnail mx-auto d-block\" src=\"images/UserInterface_MusicBrainz3_en.png\"/></div><h3>Bulk edit</h3>AudioCuesheetEditor offers you the possibility to edit multiple tracks at once. Simply choose the tracks you want to edit in overview (via \"Display selection of tracks\") and click \"Edit selected tracks\".<div class=\"container-fluid\"><img class=\"img-fluid img-thumbnail mx-auto d-block\" src=\"images/UserInterface_BulkEdit1_en.png\"/></div>Edit dialog will appear and you can choose if you want to edit values dynamically (add or subtract value) or statically (entered value will be applied). \"=\" means that the absolute value is applied, \"-\" means that the value is subtracted and \"+\" means that the value is added.<div class=\"container-fluid\"><img class=\"img-fluid img-thumbnail mx-auto d-block\" src=\"images/UserInterface_BulkEdit2_en.png\"/></div>",
+    "Shortcuts": "Shortcuts",
+    "Shortcuts helptext": "The following shortcuts are available:<ul><li>Ctrl + p: Starts or pauses playback of the audio file</li><li>Play: Starts or pauses playback of the audio file</li><li>Ctrl + Left: Play previous track</li><li>Previous: Play previous track</li><li>Ctrl + Right: Play next track</li><li>Next: Play next track</li><li>Stop: Stops the playback of the audio file</li><li>Ctrl + z: Undo the last edit</li><li>Ctrl + y: Redo the last edit</li><li>Ctrl + h: Navigate to this help</li><li>Ctrl + e: Open the export profiles</li><li>Ctrl + s: Save the project (download as project file)</li></ul>"
   }
 }