feat(octra): sending messages to parent window on changes in URL mode

Author: julianpoemp

apps/octra/src/app/core/store/login-mode/annotation/annotation.effects.ts

@@ -1218,6 +1218,44 @@ export class AnnotationEffects {
     { dispatch: false },
   );
 
+  somethingChanged$ = createEffect(
+    () =>
+      this.actions$.pipe(
+        ofType(
+          AnnotationActions.changeCurrentLevelItems.do,
+          AnnotationActions.changeCurrentItemById.do,
+          AnnotationActions.changeAnnotationLevel.do,
+          AnnotationActions.overwriteTranscript.do,
+          AnnotationActions.combinePhrases.success,
+          AnnotationActions.removeAnnotationLevel.do,
+          AnnotationActions.removeCurrentLevelItems.do,
+          AnnotationActions.addCurrentLevelItems.do,
+          AnnotationActions.addAnnotationLevel.do,
+        ),
+        withLatestFrom(this.store),
+        tap(([action, state]) => {
+          const currentMode = getModeState(state);
+          const annotation = currentMode?.transcript.serialize(
+            currentMode.audio.fileName,
+            this.audio.audioManager.resource.info.sampleRate,
+            this.audio.audioManager.resource.info.duration,
+          );
+          const converter = new AnnotJSONConverter();
+          const result = converter.export(annotation);
+          window.parent.postMessage(
+            {
+              data: {
+                annotation: result.file,
+              },
+              status: 'changed',
+            },
+            '*',
+          );
+        }),
+      ),
+    { dispatch: false },
+  );
+
   afterAnnotationSent$ = createEffect(() =>
     this.actions$.pipe(
       ofType(AnnotationActions.sendOnlineAnnotation.success),

apps/octra/src/app/editors/2D-editor/transcr-window/transcr-window.component.html

@@ -163,10 +163,17 @@
               </span>
             }
             @if (!easyMode) {
-              <span>
-                {{ 'g.save' | transloco }} &
-                {{ 'segments.previous' | transloco }}
-              </span>
+              @if (appStoreService.useMode !== 'url' || routingService.staticQueryParams.bottomNav === true) {
+                <span>
+                  {{ 'g.save' | transloco }} &
+                  {{ 'segments.previous' | transloco }}
+                </span>
+              } @else {
+                <span>
+                  {{ 'g.apply' | transloco }} &
+                  {{ 'segments.previous' | transloco }}
+                </span>
+              }
             }
           </button>
         </div>
@@ -181,10 +188,17 @@
               </span>
             }
             @if (!easyMode) {
-              <span>
-                {{ 'g.save' | transloco }} &
-                {{ 'g.close' | transloco }}
-              </span>
+              @if (appStoreService.useMode !== 'url' || routingService.staticQueryParams.bottomNav === true) {
+                <span>
+                  {{ 'g.save' | transloco }} &
+                  {{ 'g.close' | transloco }}
+                </span>
+              } @else {
+                <span>
+                  {{ 'g.apply' | transloco }} &
+                  {{ 'g.close' | transloco }}
+                </span>
+              }
             }
           </button>
         </div>
@@ -201,10 +215,17 @@
                 </span>
               }
               @if (!easyMode) {
-                <span>
-                  {{ 'g.save' | transloco }} &
-                  {{ 'segments.next' | transloco }}
-                </span>
+                @if (appStoreService.useMode !== 'url' || routingService.staticQueryParams.bottomNav === true) {
+                  <span>
+                    {{ 'g.save' | transloco }} &
+                    {{ 'segments.next' | transloco }}
+                  </span>
+                } @else {
+                  <span>
+                    {{ 'g.apply' | transloco }} &
+                    {{ 'segments.next' | transloco }}
+                  </span>
+                }
               }
             </button>
           </div>
@@ -223,10 +244,17 @@
                 </span>
               }
               @if (!easyMode) {
-                <span>
-                  {{ 'g.save' | transloco }} &
-                  {{ 'g.overview' | transloco }}
-                </span>
+                @if (appStoreService.useMode !== 'url' || routingService.staticQueryParams.bottomNav === true) {
+                  <span>
+                    {{ 'g.save' | transloco }} &
+                    {{ 'g.overview' | transloco }}
+                  </span>
+                } @else {
+                  <span>
+                    {{ 'g.apply' | transloco }} &
+                    {{ 'g.overview' | transloco }}
+                  </span>
+                }
               }
             </button>
           </div>

apps/octra/src/app/editors/2D-editor/transcr-window/transcr-window.component.ts

@@ -66,6 +66,7 @@ import { ApplicationStoreService } from '../../../core/store/application/applica
 import { ASRProcessStatus } from '../../../core/store/asr';
 import { AsrStoreService } from '../../../core/store/asr/asr-store-service.service';
 import { AnnotationStoreService } from '../../../core/store/login-mode/annotation/annotation.store.service';
+import { RoutingService } from '../../../core/shared/service/routing.service';
 
 @Component({
   selector: 'octra-transcr-window',
@@ -364,6 +365,7 @@ export class TranscrWindowComponent
     private alertService: AlertService,
     private navbarService: NavbarService,
     private activeModal: NgbActiveModal,
+    protected routingService: RoutingService,
   ) {
     super();