From 646599447e0001ab7966d896e12dc634817a4771 Mon Sep 17 00:00:00 2001
From: Geoffrey Karnbach <geoffrey.karnbach@gmail.com>
Date: Mon, 25 Nov 2024 15:45:08 +0100
Subject: [PATCH] Live Preview: Add possibility to disable the feature in the
 config from the backend

---
 apps/damap-frontend/src/app/services/config.service.spec.ts | 2 ++
 .../components/dmp/dmp-actions/dmp-actions.component.html   | 1 +
 .../lib/components/dmp/dmp-actions/dmp-actions.component.ts | 1 +
 libs/damap/src/lib/components/dmp/dmp.component.html        | 3 ++-
 libs/damap/src/lib/components/dmp/dmp.component.ts          | 6 +++++-
 libs/damap/src/lib/domain/config.ts                         | 1 +
 libs/damap/src/lib/mocks/config-service-mocks.ts            | 1 +
 7 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/apps/damap-frontend/src/app/services/config.service.spec.ts b/apps/damap-frontend/src/app/services/config.service.spec.ts
index d09344403..80e031ec8 100644
--- a/apps/damap-frontend/src/app/services/config.service.spec.ts
+++ b/apps/damap-frontend/src/app/services/config.service.spec.ts
@@ -59,6 +59,7 @@ describe('ConfigService', () => {
         authUser: '',
         personSearchServiceConfigs: [],
         fitsServiceAvailable: false,
+        livePreviewAvailable: true,
       };
 
       mockOAuthService.loadDiscoveryDocumentAndTryLogin.and.returnValue(
@@ -115,6 +116,7 @@ describe('ConfigService', () => {
         authUser: '',
         personSearchServiceConfigs: [],
         fitsServiceAvailable: false,
+        livePreviewAvailable: true,
       };
 
       service['config'] = mockConfig;
diff --git a/libs/damap/src/lib/components/dmp/dmp-actions/dmp-actions.component.html b/libs/damap/src/lib/components/dmp/dmp-actions/dmp-actions.component.html
index 3d5d6e00a..0ec7a2e1b 100644
--- a/libs/damap/src/lib/components/dmp/dmp-actions/dmp-actions.component.html
+++ b/libs/damap/src/lib/components/dmp/dmp-actions/dmp-actions.component.html
@@ -65,6 +65,7 @@
       {{ "button.version" | translate }}
     </button>
     <div
+      *ngIf="preview"
       matTooltip="{{ 'button.preview.tooltipDisabled' | translate }}"
       [matTooltipDisabled]="previewEnabled()">
       <button
diff --git a/libs/damap/src/lib/components/dmp/dmp-actions/dmp-actions.component.ts b/libs/damap/src/lib/components/dmp/dmp-actions/dmp-actions.component.ts
index 41e570397..72b3ef58e 100644
--- a/libs/damap/src/lib/components/dmp/dmp-actions/dmp-actions.component.ts
+++ b/libs/damap/src/lib/components/dmp/dmp-actions/dmp-actions.component.ts
@@ -33,6 +33,7 @@ import { selectDmpSaving } from '../../../store/selectors/dmp.selectors';
 export class DmpActionsComponent implements OnInit, OnDestroy {
   @Input() stepChanged$: Subject<any>;
   @Input() admin = false;
+  @Input() preview = false;
 
   dmpForm: FormGroup;
 
diff --git a/libs/damap/src/lib/components/dmp/dmp.component.html b/libs/damap/src/lib/components/dmp/dmp.component.html
index 0a72cf851..902cc776d 100644
--- a/libs/damap/src/lib/components/dmp/dmp.component.html
+++ b/libs/damap/src/lib/components/dmp/dmp.component.html
@@ -223,4 +223,5 @@
 <app-actions
   class="dmp-actions"
   [stepChanged$]="stepChanged$"
-  [admin]="admin"></app-actions>
+  [admin]="admin"
+  [preview]="livePreviewEnabled"></app-actions>
diff --git a/libs/damap/src/lib/components/dmp/dmp.component.ts b/libs/damap/src/lib/components/dmp/dmp.component.ts
index d63d46b57..92d5a8614 100644
--- a/libs/damap/src/lib/components/dmp/dmp.component.ts
+++ b/libs/damap/src/lib/components/dmp/dmp.component.ts
@@ -55,6 +55,7 @@ export class DmpComponent implements OnInit, OnDestroy {
   @ViewChild('legalEthicalAspects')
   legalEthicalAspectsComponent: LegalEthicalAspectsComponent;
   @ViewChild('repo') repoComponent: RepoComponent;
+  livePreviewEnabled: boolean = true;
 
   selectedViewStorage: 'primaryView' | 'secondaryView' = 'primaryView';
 
@@ -117,7 +118,10 @@ export class DmpComponent implements OnInit, OnDestroy {
     setTimeout(() => {
       this.getInstruction(0);
       this.config$ = this.backendService.loadServiceConfig();
-      this.config$.subscribe(() => this.cdr.detectChanges());
+      this.config$.subscribe(config => {
+        this.livePreviewEnabled = config.livePreviewAvailable;
+        this.cdr.detectChanges();
+      });
       this.dmpForm.valueChanges.subscribe(() => this.cdr.detectChanges());
       this.dmpForm.valueChanges.subscribe(value => {
         this.logger.debug(value);
diff --git a/libs/damap/src/lib/domain/config.ts b/libs/damap/src/lib/domain/config.ts
index 707fb0f71..f8e9ab21a 100644
--- a/libs/damap/src/lib/domain/config.ts
+++ b/libs/damap/src/lib/domain/config.ts
@@ -8,4 +8,5 @@ export interface Config {
   readonly env: string;
   readonly personSearchServiceConfigs: ServiceConfig[];
   readonly fitsServiceAvailable: boolean;
+  readonly livePreviewAvailable: boolean;
 }
diff --git a/libs/damap/src/lib/mocks/config-service-mocks.ts b/libs/damap/src/lib/mocks/config-service-mocks.ts
index 854c8afe8..ad02ce86f 100644
--- a/libs/damap/src/lib/mocks/config-service-mocks.ts
+++ b/libs/damap/src/lib/mocks/config-service-mocks.ts
@@ -16,4 +16,5 @@ export const configMockData: Config = {
   env: '',
   personSearchServiceConfigs: serviceConfigMockData,
   fitsServiceAvailable: true,
+  livePreviewAvailable: true,
 };