Add more YT warnings

Author: OpenHypervideo

src/_shared/modules/Localization/locale/de.js

@@ -370,5 +370,6 @@ window.FrameTrail_L10n['de'] = {
     "UserRoleAdmin": "Admin",
     "UserRoleUser": "User",
     "UserSelect": "Nutzer:in auswählen",
+    "WarningYouTubeExport": "YouTube-Videos können nicht in exportierte HTML-Dateien eingebettet werden, die lokal geöffnet werden — das Hypervideo wird nicht abgespielt, es sei denn, die HTML-Datei wird auf einem Webserver gehostet.",
     "WarningYouTubeSource": "Wenn du ein YouTube-Video als Quelle auswählst, funktioniert das Hypervideo nicht, wenn es als HTML-Datei exportiert und lokal geöffnet wird (YouTube verhindert das)."
 }

src/_shared/modules/Localization/locale/en.js

@@ -370,5 +370,6 @@ window.FrameTrail_L10n['en'] = {
     "UserRoleAdmin": "Admin",
     "UserRoleUser": "User",
     "UserSelect": "Select a User",
+    "WarningYouTubeExport": "YouTube videos cannot be embedded in exported HTML files opened locally — the hypervideo will not play unless the HTML file is hosted on a web server.",
     "WarningYouTubeSource": "If you choose a YouTube video as a source, the hypervideo will not work when exported as an HTML file and opened locally (YouTube prevents that)."
 }

src/_shared/modules/Localization/locale/fr.js

@@ -370,5 +370,6 @@ window.FrameTrail_L10n['fr'] = {
     "UserRoleAdmin": "Admin",
     "UserRoleUser": "Utilisateur",
     "UserSelect": "Sélectionner un utilisateur",
+    "WarningYouTubeExport": "Les vidéos YouTube ne peuvent pas être intégrées dans des fichiers HTML exportés ouverts localement — l'hypervidéo ne sera pas lue, sauf si le fichier HTML est hébergé sur un serveur web.",
     "WarningYouTubeSource": "Si vous choisissez une vidéo YouTube comme source, l'hypervidéo ne fonctionnera pas lorsque vous l'exporterez en tant que fichier HTML et l'ouvrez localement (YouTube empêche cela)."
 }

src/player/modules/HypervideoModel/module.js

@@ -1098,10 +1098,7 @@
             + '<label><input type="radio" name="downloadFormat" value="html" checked> HTML</label>'
             + '<label><input type="radio" name="downloadFormat" value="json"> JSON</label>'
             + '</div>'
-            + '<div style="margin-top: 6px;">'
-            + '<small>' + labels['DownloadResourceBaseUrl'] + '</small>'
-            + '<input type="text" name="htmlDataPath" placeholder="https://example.com/_data/" style="margin-top: 2px;">'
-            + '</div>'
+            + (videoType === 'youtube' ? '<div class="message warning active youtubeExportWarning" style="margin-top: 8px;">' + labels['WarningYouTubeExport'] + '</div>' : '')
             + '</div>'
             + '<div class="downloadOptionsSection" style="display: none;">'
             + '<div class="checkboxRow">'
@@ -1117,11 +1114,15 @@
 
         var formatSection      = saveAsDialog.querySelector('.downloadFormatSection');
         var optionsSection     = saveAsDialog.querySelector('.downloadOptionsSection');
+        var ytWarning          = saveAsDialog.querySelector('.youtubeExportWarning');
 
-        // Default htmlDataPath to the absolute URL of the current _data/ directory
-        var _dataPathInput = saveAsDialog.querySelector('[name="htmlDataPath"]');
-        var _resolvedDataURL = FrameTrail.module('RouteNavigation').resolveDataURL('');
-        _dataPathInput.value = new URL(_resolvedDataURL, window.location.href).href;
+        saveAsDialog.querySelectorAll('[name="downloadFormat"]').forEach(function(radio) {
+            radio.addEventListener('change', function() {
+                if (ytWarning) {
+                    ytWarning.style.display = radio.value === 'html' && radio.checked ? '' : 'none';
+                }
+            });
+        });
 
         saveAsDialog.querySelectorAll('[name="downloadScope"]').forEach(function(radio) {
             radio.addEventListener('change', function() {
@@ -1171,11 +1172,12 @@
                 }
             } else {
                 var format = saveAsDialog.querySelector('[name="downloadFormat"]:checked').value;
-                var dataPath = saveAsDialog.querySelector('[name="htmlDataPath"]').value.trim();
                 if (format === 'html') {
+                    var _resolvedDataURL = FrameTrail.module('RouteNavigation').resolveDataURL('');
+                    var dataPath = new URL(_resolvedDataURL, window.location.href).href;
                     downloadAdapter._generateStandaloneHTML(hvID, dataPath);
                 } else {
-                    downloadAdapter._performDownload(hvID, dataPath);
+                    downloadAdapter._performDownload(hvID);
                 }
             }