screensaver configurable gallery image width

Author: reloxx13

assets/js/screensaver.js

@@ -234,8 +234,11 @@
 
             if (mode === 'gallery') {
                 overlay.addClass('screensaver-overlay--gallery');
+                const width = config.screensaver.gallery_width || 800;
+                imageEl.css('width', width + 'px');
             } else {
                 overlay.removeClass('screensaver-overlay--gallery');
+                imageEl.css('width', '');
             }
 
             const source = api.resolveSource();

assets/sass/components/_screensaver.scss

@@ -73,7 +73,7 @@
       width: auto;
       height: auto;
       max-width: 100%;
-      max-height: 50vh;
+      max-height: 100%;
       object-fit: contain;
       display: none;
     }

lib/configsetup.inc.php

@@ -599,6 +599,16 @@
             'range_step'  => 1,
             'unit'        => 'min',
         ],
+        'screensaver_gallery_width'  => [
+            'view'        => 'basic',
+            'type'        => 'number',
+            'name'        => 'screensaver[gallery_width]',
+            'placeholder' => $defaultConfig['screensaver']['gallery_width'],
+            'value'       => $config['screensaver']['gallery_width'],
+            'range_min'   => 1,
+            'range_step'  => 1,
+            'unit'        => 'px',
+        ],
         'screensaver_switch_seconds'  => [
             'view'        => 'basic',
             'type'        => 'number',

resources/lang/de.json

@@ -734,6 +734,7 @@
   "manual:reset:reset_remove_print_db": "Wenn aktiviert, wird die Druckdatenbank beim Zurücksetzen entfernt.",
   "manual:screensaver:screensaver_enabled": "Bildschirmschoner ein- oder ausschalten.",
   "manual:screensaver:screensaver_image_source": "Bild wählen, das im Modus Bild bzw. als Fallback für Galerie genutzt wird.",
+  "manual:screensaver:screensaver_gallery_width": "Pixelbreite für Galerie-Modus-Bilder; Höhe bleibt automatisch.",
   "manual:screensaver:screensaver_mode": "Wählen, was der Bildschirmschoner zeigt: Einzelbild, Video, Bilder aus dem Ordner screensavers oder Galerie-Bilder.",
   "manual:screensaver:screensaver_preview": "Öffnet in neuem Tab und startet den Bildschirmschoner sofort mit aktuellen Einstellungen.",
   "manual:screensaver:screensaver_switch_seconds": "Sekunden zwischen Bild-/Video-Wechseln im Bildschirmschoner.",
@@ -1024,6 +1025,7 @@
   "screensaver:screensaver_image_source": "Bildpfad",
   "screensaver:screensaver_mode": "Medientyp",
   "screensaver:screensaver_preview": "Vorschau",
+  "screensaver:screensaver_gallery_width": "Galerie-Bildbreite (px)",
   "screensaver:screensaver_switch_seconds": "Wechselintervall (Sek.)",
   "screensaver:screensaver_text": "Text",
   "screensaver:screensaver_text_backdrop_color": "Texthintergrund",

resources/lang/en.json

@@ -735,6 +735,7 @@
   "manual:reset:reset_remove_media": "If enabled, all captured images and videos gets removed on reset. Note: Uploaded private files (e.g. backgrounds, frames,...) won't be removed! Delete those files manually if needed.",
   "manual:reset:reset_remove_print_db": "If enabled, print database gets removed on reset.",
   "manual:screensaver:screensaver_enabled": "Enable or disable the screensaver.",
+  "manual:screensaver:screensaver_gallery_width": "Pixel width for gallery-mode images; height stays auto.",
   "manual:screensaver:screensaver_image_source": "Pick the image used when screensaver mode is image or as fallback for gallery.",
   "manual:screensaver:screensaver_mode": "Select what the screensaver shows: single image, single video, images from the screensavers folder, or gallery images.",
   "manual:screensaver:screensaver_preview": "Open a new tab and show the screensaver immediately with the current settings.",
@@ -1023,6 +1024,7 @@
   "screensaver": "Screensaver",
   "screensaver_preview": "Open preview",
   "screensaver:screensaver_enabled": "Screensaver on",
+  "screensaver:screensaver_gallery_width": "Gallery image width (px)",
   "screensaver:screensaver_image_source": "Image path",
   "screensaver:screensaver_mode": "Media type",
   "screensaver:screensaver_preview": "Preview",

src/Configuration/Section/GalleryConfiguration.php

@@ -21,7 +21,7 @@ public static function getNode(): NodeDefinition
                 ->min(1)
                 ->beforeNormalization()
                     ->ifString()
-                    ->then(static fn (string $value): int => intval($value))
+            ->then(static fn(string $value): int => intval($value))
                 ->end()
             ->end()
             ->integerNode('picture_height')

src/Configuration/Section/ScreensaverConfiguration.php

@@ -26,8 +26,30 @@ public static function getNode(): NodeDefinition
                     ->values(['top-center', 'center', 'bottom-center'])
                     ->defaultValue('center')
                 ->end()
-                ->integerNode('switch_seconds')->min(1)->defaultValue(60)->end()
-                ->integerNode('timeout_minutes')->min(0)->defaultValue(3)->end()
-            ->end();
+            ->integerNode('switch_seconds')
+                ->min(1)
+                ->defaultValue(60)
+                ->beforeNormalization()
+                    ->ifString()
+                        ->then(static fn(string $value): int => intval($value))
+                    ->end()
+            ->end()
+            ->integerNode('gallery_width')
+                ->min(1)
+                ->defaultValue(800)
+                ->beforeNormalization()
+                    ->ifString()
+                        ->then(static fn(string $value): int => intval($value))
+                ->end()
+            ->end()
+            ->integerNode('timeout_minutes')
+                ->min(0)
+                ->defaultValue(3)
+                ->beforeNormalization()
+                    ->ifString()
+                        ->then(static fn(string $value): int => intval($value))
+                    ->end()
+            ->end()
+        ->end();
     }
 }