add theme load unsaved settings warning confirmation dialog

Author: reloxx13

assets/js/admin/themes.js

@@ -10,6 +10,19 @@ $(function () {
         const $deleteButton = $('#theme-delete-btn');
         const $select = $('#theme-select');
         const $currentInput = $('input[name="theme[current]"]');
+        let lastAppliedThemeSnapshot = null;
+
+        function snapshotTheme() {
+            lastAppliedThemeSnapshot = JSON.stringify(collectCurrentTheme());
+        }
+
+        function hasUnsavedChanges() {
+            if (lastAppliedThemeSnapshot === null) {
+                return false;
+            }
+
+            return JSON.stringify(collectCurrentTheme()) !== lastAppliedThemeSnapshot;
+        }
 
         function updateLoadButtonState() {
             if ($loadButton.length === 0 || $deleteButton.length === 0) {
@@ -220,6 +233,9 @@ $(function () {
                     }
 
                     updateLoadButtonState();
+                    if (lastAppliedThemeSnapshot === null) {
+                        snapshotTheme();
+                    }
                 })
                 .fail(() => {
                     photoboothTools.overlay.showError(photoboothTools.getTranslation('error'));
@@ -266,6 +282,7 @@ $(function () {
                     $nameInput.val(name);
                     refreshSelect();
                     updateLoadButtonState();
+                    snapshotTheme();
                 })
                 .fail(() => {
                     photoboothTools.overlay.showError(photoboothTools.getTranslation('error'));
@@ -278,6 +295,14 @@ $(function () {
                 return;
             }
 
+            if (hasUnsavedChanges()) {
+                const confirmMessage = photoboothTools.getTranslation('theme_unsaved_confirm');
+                const confirmed = window.confirm(confirmMessage);
+                if (!confirmed) {
+                    return;
+                }
+            }
+
             $.getJSON(apiBase, {
                 action: 'get',
                 name: selected,
@@ -292,6 +317,7 @@ $(function () {
                         if ($nameInput.length) {
                             $nameInput.val(selected);
                         }
+                        snapshotTheme();
                         updateLoadButtonState();
                     }
                 })

resources/lang/de.json

@@ -922,6 +922,7 @@
   "theme_delete": "Theme löschen",
   "theme_choose": "Theme auswählen",
   "theme_override_confirm": "Theme \"%s\" wird überschrieben. Fortfahren?",
+  "theme_unsaved_confirm": "Es gibt ungespeicherte Theme-Änderungen. Laden verwirft sie. Fortfahren?",
   "text_settings": "Text-Einstellungen",
   "toggleFullscreen": "Vollbildmodus umschalten",
   "translate": "Übersetzen",

resources/lang/en.json

@@ -928,6 +928,7 @@
   "theme_delete": "Delete theme",
   "theme_choose": "Choose theme",
   "theme_override_confirm": "Saving will override theme \"%s\". Continue?",
+  "theme_unsaved_confirm": "You have unsaved theme changes. Loading will discard them. Continue?",
   "text_settings": "Text settings",
   "toggleFullscreen": "Toggle Fullscreen",
   "translate": "Translate",