;
+
+ constructor(apiUrl: ApiUrlConfig, authService: AuthService, appsState: AppsState,
+ private readonly renderer: Renderer2,
+ private readonly router: Router
+ ) {
+ super();
+
+ this.context = {
+ apiUrl: apiUrl.buildUrl('api'),
+ appId: appsState.snapshot.selectedApp!.id,
+ appName: appsState.snapshot.selectedApp!.name,
+ user: authService.user
+ };
+ }
+
+ public ngOnChanges(changes: SimpleChanges) {
+ if (changes['url'] && this.iframe?.nativeElement) {
+ this.iframe.nativeElement.src = this.url || '';
+ }
+
+ if (changes['contentSchema']) {
+ this.context['schemaName'] = this.contentSchema?.name;
+ this.context['schemaId'] = this.contentSchema?.id;
+ }
+
+ if (changes['content']) {
+ this.sendContent();
+ }
+ }
+
+ public ngAfterViewInit() {
+ this.iframe.nativeElement.src = this.url || '';
+
+ this.own(
+ this.renderer.listen('window', 'message', (event: MessageEvent) => {
+ if (event.source === this.iframe.nativeElement.contentWindow) {
+ const { type } = event.data;
+
+ if (type === 'started') {
+ this.isInitialized = true;
+
+ this.sendInit();
+ this.sendContent();
+ } else if (type === 'resize') {
+ const { height } = event.data;
+
+ this.iframe.nativeElement.height = `${height}px`;
+ } else if (type === 'navigate') {
+ const { url } = event.data;
+
+ this.router.navigateByUrl(url);
+ }
+ }
+ }));
+ }
+
+ private sendInit() {
+ this.sendMessage('init', { context: this.context });
+ }
+
+ private sendContent() {
+ this.sendMessage('contentChanged', { content: this.content });
+ }
+
+ private sendMessage(type: string, payload: any) {
+ if (!this.iframe) {
+ return;
+ }
+
+ const iframe = this.iframe.nativeElement;
+
+ if (this.isInitialized && iframe.contentWindow && Types.isFunction(iframe.contentWindow.postMessage)) {
+ const message = { type, ...payload };
+
+ iframe.contentWindow.postMessage(message, '*');
+ }
+ }
+}
\ No newline at end of file
diff --git a/frontend/app/features/schemas/pages/schema/common/schema-edit-form.component.html b/frontend/app/features/schemas/pages/schema/common/schema-edit-form.component.html
index 7e8e63fae..34c875264 100644
--- a/frontend/app/features/schemas/pages/schema/common/schema-edit-form.component.html
+++ b/frontend/app/features/schemas/pages/schema/common/schema-edit-form.component.html
@@ -50,6 +50,16 @@
{{ 'schemas.contentSidebarUrlHint' | sqxTranslate }}
+
+
+
+
+
+
+
+ {{ 'schemas.contentEditorUrl' | sqxTranslate }}
+
+
diff --git a/frontend/app/shared/services/schemas.service.spec.ts b/frontend/app/shared/services/schemas.service.spec.ts
index ca8b09ea6..16976524b 100644
--- a/frontend/app/shared/services/schemas.service.spec.ts
+++ b/frontend/app/shared/services/schemas.service.spec.ts
@@ -605,6 +605,7 @@ describe('SchemasService', () => {
label: `label${id}${suffix}`,
contentsSidebarUrl: `url/to/contents/${id}${suffix}`,
contentSidebarUrl: `url/to/content/${id}${suffix}`,
+ contentEditorUrl: `url/to/editor/${id}${suffix}`,
tags: [
`tags${id}${suffix}`
],
@@ -820,6 +821,7 @@ function createSchemaProperties(id: number, suffix = '') {
`hints${id}${suffix}`,
`url/to/contents/${id}${suffix}`,
`url/to/content/${id}${suffix}`,
+ `url/to/editor/${id}${suffix}`,
id % 2 === 1,
[
`tags${id}${suffix}`
diff --git a/frontend/app/shared/services/schemas.service.ts b/frontend/app/shared/services/schemas.service.ts
index 210696ea7..acba1b29d 100644
--- a/frontend/app/shared/services/schemas.service.ts
+++ b/frontend/app/shared/services/schemas.service.ts
@@ -327,6 +327,7 @@ export class SchemaPropertiesDto {
public readonly hints?: string,
public readonly contentsSidebarUrl?: string,
public readonly contentSidebarUrl?: string,
+ public readonly contentEditorUrl?: string,
public readonly validateOnPublish?: boolean,
public readonly tags?: ReadonlyArray
) {
@@ -371,6 +372,7 @@ export interface UpdateSchemaDto {
readonly hints?: string;
readonly contentsSidebarUrl?: string;
readonly contentSidebarUrl?: string;
+ readonly contentEditorUrl?: string;
readonly validateOnPublish?: boolean;
readonly tags?: ReadonlyArray;
}
@@ -753,6 +755,7 @@ function parseProperties(response: any) {
response.hints,
response.contentsSidebarUrl,
response.contentSidebarUrl,
+ response.contentEditorUrl,
response.validateOnPublish,
response.tags);
}
diff --git a/frontend/app/shared/state/schemas.forms.ts b/frontend/app/shared/state/schemas.forms.ts
index 8b6a81582..167798acd 100644
--- a/frontend/app/shared/state/schemas.forms.ts
+++ b/frontend/app/shared/state/schemas.forms.ts
@@ -237,6 +237,7 @@ export class EditSchemaForm extends Form