From 3a93d006e18b95502a4b3090f72932c02346941a Mon Sep 17 00:00:00 2001
From: mchouliara <mchouliara@cite.gr>
Date: Wed, 2 Oct 2024 12:13:44 +0300
Subject: [PATCH] define persisted body json structure

---
 .../notification-template-editor.component.html   |  3 +--
 .../notification-template-editor.component.ts     | 15 ++++++++++++---
 2 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/frontend/src/notification-service/ui/admin/notification-template/editor/notification-template-editor.component.html b/frontend/src/notification-service/ui/admin/notification-template/editor/notification-template-editor.component.html
index 5145770cb..54052c464 100644
--- a/frontend/src/notification-service/ui/admin/notification-template/editor/notification-template-editor.component.html
+++ b/frontend/src/notification-service/ui/admin/notification-template/editor/notification-template-editor.component.html
@@ -15,7 +15,7 @@
 					</button>
 				</div>
 				<div class="col-auto" *ngIf="canSave">
-					<button mat-button class="rounded-btn secondary" (click)="attemptSave()">
+					<button mat-button class="rounded-btn secondary" (click)="attemptSave()" [disabled]="!editorReady"> 
 						<mat-icon>save</mat-icon>
 						{{'NOTIFICATION-SERVICE.NOTIFICATION-TEMPLATE-EDITOR.ACTIONS.SAVE' | translate}}
 					</button>
@@ -147,7 +147,6 @@
 											<h4>{{'NOTIFICATION-SERVICE.NOTIFICATION-TEMPLATE-EDITOR.FIELDS.BODY-TEXT' | translate}}</h4>
                                             <mat-progress-spinner class="ml-auto mr-auto" *ngIf="!editorReady" mode="indeterminate" [diameter]="24"></mat-progress-spinner>
                                             <email-editor 
-                                                [maxWidth]="'800px'"
                                                 (ready)="onEditorReady($event)"
                                             ></email-editor>
 											<!-- <editor class="w-100 mt-2" [init]="{
diff --git a/frontend/src/notification-service/ui/admin/notification-template/editor/notification-template-editor.component.ts b/frontend/src/notification-service/ui/admin/notification-template/editor/notification-template-editor.component.ts
index 51289f3f0..d44583403 100644
--- a/frontend/src/notification-service/ui/admin/notification-template/editor/notification-template-editor.component.ts
+++ b/frontend/src/notification-service/ui/admin/notification-template/editor/notification-template-editor.component.ts
@@ -37,6 +37,7 @@ import { NotificationTemplateEditorResolver } from './notification-template-edit
 import { NotificationTemplateEditorService } from './notification-template-editor.service';
 import { RouterUtilsService } from '@app/core/services/router/router-utils.service';
 import { EmailEditorComponent } from 'angular-email-editor';
+import { JSONTemplate } from 'angular-email-editor/types';
 
 @Component({
 	selector: 'app-notification-template-editor',
@@ -48,7 +49,6 @@ export class NotificationTemplateEditorComponent extends BaseEditor<Notification
     @ViewChild(EmailEditorComponent)
     private emailEditor: EmailEditorComponent;
 
-
     editorReady = false;
 	isNew = true;
 	isDeleted = false;
@@ -200,7 +200,11 @@ export class NotificationTemplateEditorComponent extends BaseEditor<Notification
     attemptSave(): void {
         if(this.emailEditor?.editor){
             this.emailEditor?.editor?.exportHtml((data) => {
-                this.formGroup.get('value').get('bodyText').setValue(JSON.stringify(data));
+                const json: BodyTemplateJSON = {
+                    design: data?.design,
+                    html: data?.html
+                };
+                this.formGroup.get('value').get('bodyText').setValue(JSON.stringify(json));
                 this.formSubmit();
             });
         }else {
@@ -328,10 +332,15 @@ export class NotificationTemplateEditorComponent extends BaseEditor<Notification
     onEditorReady() {
         const body = this.formGroup.get('value')?.get('bodyText')?.value;
         if(body){
-            const design = JSON.parse(body)?.design;
+            const design = JSON.parse(body)?.design as JSONTemplate;
             this.emailEditor.loadDesign(design);
         }
         this.editorReady = true;
     }
 
 }
+
+export interface BodyTemplateJSON {
+    design: JSONTemplate;
+    html: string;
+}
\ No newline at end of file