Merge pull request #288 from os2display/release/2.5.1

Release 2.5.1

Author: tuj

CHANGELOG.md

@@ -4,6 +4,11 @@ All notable changes to this project will be documented in this file.
 
 ## [Unreleased]
 
+## [2.5.1] - 2025-06-23
+
+- [#287](https://github.com/os2display/display-admin-client/pull/287)
+  - Disable live slide preview for templates with option.disableLivePreview.
+
 ## [2.5.0] - 2025-05-09
 
 - [#285](https://github.com/os2display/display-admin-client/pull/285)

src/components/slide/slide-form.jsx

@@ -401,40 +401,46 @@ function SlideForm({
                 </Button>
               </div>
 
-              {selectedTemplate?.resources?.component && (
-                <>
-                  {previewOrientation === "horizontal" && (
-                    <div style={{ width: "100%" }}>
-                      <RemoteComponentWrapper
-                        key="live-preview-horizontal"
-                        url={selectedTemplate?.resources?.component}
-                        slide={slide}
-                        mediaData={mediaData}
-                        showPreview={displayPreview}
-                        themeData={
-                          selectedTheme?.length > 0 ? selectedTheme[0] : {}
-                        }
-                        orientation={previewOrientation}
-                      />
-                    </div>
-                  )}
-                  {previewOrientation === "vertical" && (
-                    <div style={{ width: "56.25%" }}>
-                      <RemoteComponentWrapper
-                        key="live-preview-vertical"
-                        url={selectedTemplate?.resources?.component}
-                        slide={slide}
-                        mediaData={mediaData}
-                        showPreview={displayPreview}
-                        themeData={
-                          selectedTheme?.length > 0 ? selectedTheme[0] : {}
-                        }
-                        orientation={previewOrientation}
-                      />
-                    </div>
-                  )}
-                </>
+              {selectedTemplate?.resources?.options?.disableLivePreview && (
+                <Alert variant="secondary" className="mt-3">
+                  {t("slide-preview-disabled-preview")}
+                </Alert>
               )}
+              {!selectedTemplate?.resources?.options?.disableLivePreview &&
+                selectedTemplate?.resources?.component && (
+                  <>
+                    {previewOrientation === "horizontal" && (
+                      <div style={{ width: "100%" }}>
+                        <RemoteComponentWrapper
+                          key="live-preview-horizontal"
+                          url={selectedTemplate?.resources?.component}
+                          slide={slide}
+                          mediaData={mediaData}
+                          showPreview={displayPreview}
+                          themeData={
+                            selectedTheme?.length > 0 ? selectedTheme[0] : {}
+                          }
+                          orientation={previewOrientation}
+                        />
+                      </div>
+                    )}
+                    {previewOrientation === "vertical" && (
+                      <div style={{ width: "56.25%" }}>
+                        <RemoteComponentWrapper
+                          key="live-preview-vertical"
+                          url={selectedTemplate?.resources?.component}
+                          slide={slide}
+                          mediaData={mediaData}
+                          showPreview={displayPreview}
+                          themeData={
+                            selectedTheme?.length > 0 ? selectedTheme[0] : {}
+                          }
+                          orientation={previewOrientation}
+                        />
+                      </div>
+                    )}
+                  </>
+                )}
               {previewOverlayVisible && (
                 <>
                   {config?.previewClient && (

src/translations/da/common.json

@@ -396,6 +396,7 @@
     }
   },
   "slide-form": {
+    "slide-preview-disabled-preview": "Forhåndsvisning ikke tilgængelig for denne skabelon",
     "preview-orientation-portrait": "Portræt (9:16)",
     "preview-orientation-landscape": "Landskab (16:9)",
     "preview-close-button": "Luk",