update help for offline usage

AudioCuesheetEditor/Pages/Help.razor

@@ -57,6 +57,7 @@ along with Foobar.  If not, see
         <br />
         <Blazorise.Link To="#headingOptions">@_localizer["Options"]</Blazorise.Link>
         <br />
+        <Blazorise.Link To="#headingOfflineUsage">@_localizer["Offline usage (progressive WebApp)"]</Blazorise.Link>
         <Row>
             <Column><Heading id="headingIntroduction" Size="HeadingSize.Is2">@_localizer["Introduction"]</Heading></Column>
             <Column Flex="Flex.JustifyContent.End"><Blazorise.Link To="Help">@_localizer["Scroll to top"]</Blazorise.Link></Column>
@@ -130,6 +131,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["Options helptext"])
+        <Row>
+            <Column><Heading id="headingOfflineUsage" Size="HeadingSize.Is2">@_localizer["Offline usage (progressive WebApp)"]</Heading></Column>
+            <Column Flex="Flex.JustifyContent.End"><Blazorise.Link To="Help">@_localizer["Scroll to top"]</Blazorise.Link></Column>
+        </Row>
+        @((MarkupString)_localizer["Offline usage helptext"])
     </LayoutContent>
 </Layout>
 

AudioCuesheetEditor/Resources/Localization/Help/de.json

@@ -16,7 +16,7 @@
     "Options": "Optionen",
     "Scroll to top": "Nach oben springen",
     "What is AudioCuesheetEditor helptext": "<strong>AudioCuesheet</strong> ist eine Web Applikation für das Schreiben von Audio Cuesheet Dateien. Audio Cuesheet Dateien sind kleine Textdateien, die Informationen über die Audiodatei bereit stellen, wie etwa z.B. Künstler, Titel, aber auch Anfang und Ende. AudioCuesheetEditor ist eine Applikation die Ihnen dabei helfen soll, gültige und korrekte Cuesheets zu erhalten. Sie können außerdem auch fertige Dateien importieren, um ihre Arbeit zu minimieren. Außerdem können Sie die gesammelten Daten auch in verschiedene, individuelle Exportformate überführen.",
-    "Features helptext": "<ul><li>Validierung aller Daten</li><li>Verschiedene Importmöglichkeiten (Text, Cuesheet, Projektdateien)</li><li>Verschiedene Export Möglichkeiten (XML/CSV,Text, etc)</li><li>Audio Wiedergabe</li><li>Aufnahmemodus</li><li>Rückgängig/Wiederherstellen von Änderungen</li><li>Massenänderungen</li></ul>",
+    "Features helptext": "<ul><li>Validierung aller Daten</li><li>Verschiedene Importmöglichkeiten (Text, Cuesheet, Projektdateien)</li><li>Verschiedene Export Möglichkeiten (XML/CSV,Text, etc)</li><li>Audio Wiedergabe</li><li>Aufnahmemodus</li><li>Rückgängig/Wiederherstellen von Änderungen</li><li>Massenänderungen</li><li>Offlinefähigkeit (als Progressive WebApp)</li></ul>",
     "Validation helptext": "AudioCuesheetEditor arbeitet mit einem validiertem Datenmodell und prüft jede Eingabe. In den meisten Fällen werden Validierungsfehler neben den Eingabefeldern angezeigt, um Ihnen eine klare Information zu ermöglichen.",
     "Track linking helptext": "Es ist möglich einen Track mit dem vorherigen Track zu koppeln. Dies stellt sicher, dass Änderungen an Beginn, Ende und Position automatisch in den anschließenden Track übertragen werden.<div class=\"container-fluid\"><img class=\"img-fluid img-thumbnail mx-auto d-block\" src=\"images/TrackLinking1_de.png\"/></div>Wenn ein Track mit dem vorherigen Track gekoppelt ist, können Sie beispielsweise das Ende verändern und ihre Änderung wird automatisch in den nachfolgenden Track bei Beginn eingetragen. Wenn Sie die Kopplung aufheben möchten, klicken sie einfach auf den orangfarbenenen \"Abkoppeln\" Button. Wenn Sie anschließend die Kopplung wiederherstellen möchten, klicken Sie einfach auf den grünen \"Koppeln\" Button.",
     "Create cuesheet helptext": "Cuesheets können sehr einfach und schnell mit der vorhandenen Eingabemaske erstellt werden. Dafür füllen Sie einfach CD Künstler und CD Titel in den vorhandenen Feldern aus. Wählen Sie bitte außerdem eine Audio Datei aus indem Sie eine Datei aus ihrem Datei System auf die Ablagefläche ziehen oder die Datei manuell mit dem Auswahldialog auswählen.<div class=\"container-fluid\"><img class=\"img-fluid img-thumbnail mx-auto d-block\" src=\"images/CreateCuesheet1_de.png\"/></div>Anschließend können Sie einen Track hinzufügen indem Sie den \"Neuen Track hinzufügen\" Button klicken. Ein neuer Track wird angezeigt und sie können seine Eigenschaften wie Künstler, Titel, Beginn, Ende oder Länge bearbeiten. Bitte beachten Sie, dass der Beginn jedes Tracks von seinem vorherigen Ende automatisch berechnet wird. Daher ist es ratsam, einen weiteren Track erst dann hinzuzufügen, wenn alle Daten ausgefüllt sind.<div class=\"container-fluid\"><img class=\"img-fluid img-thumbnail mx-auto d-block\" src=\"images/CreateCuesheet2_de.png\"/></div>Wenn Sie alle Tracks hinzugefügt haben, die in der Audio Datei vorhanden sind und alle notwendigen Felder ausgefüllt haben, können Sie das Cuesheet herunterladen indem Sie auf \"Export\" klicken und dann auf \"Cuesheet herunterladen\". Außerdem können Sie die Daten auch in anderen Formaten herunterladen, indem Sie auf \"Export\" und dann auf \"Export Profile anzeigen\" klicken.<div class=\"container-fluid\"><img class=\"img-fluid img-thumbnail mx-auto d-block\" src=\"images/CreateCuesheet3_de.png\"/></div>",
@@ -31,6 +31,8 @@
     "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>",
     "Sections": "Abschnitte",
-    "Sections helptext": "<div class=\"container-fluid\"><img class=\"img-fluid img-thumbnail mx-auto d-block\" src=\"images/Sections1_de.png\"/></div>Abschnitte ermöglichen es ein Cuesheet in mehrere Dateien aufzuteilen. Dies ist z.B. beim Import aus einer Textdatei hilfreich, um das Projekt in mehrere Dateien aufzuteilen. Abschnitte können im Anzeigemodus \"Komplette Bearbeitung\" und \"Aufnahmemodus\" angegeben werden."
+    "Sections helptext": "<div class=\"container-fluid\"><img class=\"img-fluid img-thumbnail mx-auto d-block\" src=\"images/Sections1_de.png\"/></div>Abschnitte ermöglichen es ein Cuesheet in mehrere Dateien aufzuteilen. Dies ist z.B. beim Import aus einer Textdatei hilfreich, um das Projekt in mehrere Dateien aufzuteilen. Abschnitte können im Anzeigemodus \"Komplette Bearbeitung\" und \"Aufnahmemodus\" angegeben werden.",
+    "Offline usage (progressive WebApp)": "Offlinefähigkeit (Progressive WebApp)",
+    "Offline usage helptext": "AudioCuesheetEditor ist eine progressive WebApp und kann auf ihrem Gerät lokal installiert werden, um ohne Internetverbindung genutzt zu werden. Um die Applikation zu installieren folgen Sie bitte den Anweisungen ihres Browsers. Üblicherweise ist in der Adresszeile ein Hinweis zu finden, dass die Applikation lokal installiert werden kann."
   }
 }

AudioCuesheetEditor/Resources/Localization/Help/en.json

@@ -16,7 +16,7 @@
     "Options": "Options",
     "Scroll to top": "Scroll to top",
     "What is AudioCuesheetEditor helptext": "<strong>AudioCuesheet</strong> is a web application for writting audio cuesheet files. Audio cuesheet files are little text files which provide information about the provided audio file like for example artist, name, but also start and end. AudioCuesheetEditor is an application that helps you writting valid cuesheet files by checking and validation input data. You can also import data from files to minimize your work. Exporting data to individual formats is also possible.",
-    "Features helptext": "<ul><li>Validation for all data</li><li>Several import options (Text, Cuesheet, Projectfiles)</li><li>Several export profiles (XML/CSV,Text, etc)</li><li>Audio playback</li><li>Live record mode</li><li>Undo/Redo changes</li><li>Bulk edit</li></ul>",
+    "Features helptext": "<ul><li>Validation for all data</li><li>Several import options (Text, Cuesheet, Projectfiles)</li><li>Several export profiles (XML/CSV,Text, etc)</li><li>Audio playback</li><li>Live record mode</li><li>Undo/Redo changes</li><li>Bulk edit</li><li>Offline usage (as Progressive WebApp)</li></ul>",
     "Validation helptext": "AudioCuesheetEditor works with a validation model and evaluates every input. In most cases the validation messages are presented next to the input, giving you a clear instruction what is missing.",
     "Track linking helptext": "It is possible to link a track with the previous track. This makes shure, that changes to Begin,End and Position are automatically transfered to the next following track. <img style=\"width:100%\" src=\"images/TrackLinking1_en.png\"/> If a track is linked to the previous track, you can change for example the End and the Begin of the following linked track is automatically replaced with the End you entered. If you wish to disable linking, just click on the orange \"Unlink\" Button. If you afterwards want to link the tracks again, just hit the green \"Link\" Button.",
     "Create cuesheet helptext": "Creation of Cuesheet can be done very easily and fast using the standard GUI without import of files. To do so, enter the CD artist and CD title in the appropriate fields. Also select an audio file on your computer by draging the file from file explorer to the drop zone or manually selecting the file via file chooser.<div class=\"container-fluid\"><img class=\"img-fluid img-thumbnail mx-auto d-block\" src=\"images/CreateCuesheet1_en.png\"/></div>Afterwards you need to insert a track by clickin the \"Add new track\" button. A new track is added and you can edit its properties like Artist, Title or Begin, End or Length. Please keep in mind, that every tracks begin gets calculated from the end of the previous track. Therefore its adviced to edit one track and fill its data before adding a new one.<div class=\"container-fluid\"><img class=\"img-fluid img-thumbnail mx-auto d-block\" src=\"images/CreateCuesheet2_en.png\"/></div>When you have added all tracks from the audio file and filled all necessary fields, you can export the cuesheet in the top by clickin \"Export\" and then \"Download cuesheet\". You can also export the result in other formats like XML, CSV or text by clicking \"Export\" and then \"Display Export Profiles\".<div class=\"container-fluid\"><img class=\"img-fluid img-thumbnail mx-auto d-block mx-auto d-block\" src=\"images/CreateCuesheet3_en.png\"/></div>",
@@ -31,6 +31,8 @@
     "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>",
     "Sections": "Sections",
-    "Sections helptext": "<div class=\"container-fluid\"><img class=\"img-fluid img-thumbnail mx-auto d-block\" src=\"images/Sections1_en.png\"/></div>Sections allow a cuesheet to be split into multiple files. This is useful, for example, when importing from a text file to split the project into several files. Sections can be specified in \"Full edit mode\" and \"Live record mode\" view modes."
+    "Sections helptext": "<div class=\"container-fluid\"><img class=\"img-fluid img-thumbnail mx-auto d-block\" src=\"images/Sections1_en.png\"/></div>Sections allow a cuesheet to be split into multiple files. This is useful, for example, when importing from a text file to split the project into several files. Sections can be specified in \"Full edit mode\" and \"Live record mode\" view modes.",
+    "Offline usage (progressive WebApp)": "Offline usage (progressive WebApp)",
+    "Offline usage helptext": "AudioCuesheetEditor is a progressive web app and can be installed on your device locally to run without an internet connection. To install the application on your device follow the instructions of your browser. Usually there is an icon in the adress bar indicating that the application can be installed locally."
   }
 }