Merge pull request #2514 from IDEMSInternational/feat/popup-screen-or…

…ientation-alt

feat: full screen template screen orientation tracking

src/app/shared/components/template/services/template-metadata.service.ts

@@ -33,7 +33,8 @@ export class TemplateMetadataService extends SyncServiceBase {
     // subscribe to template name changes and load corresponding template parameter list on change
     effect(
       async () => {
-        const templateName = this.templateName();
+        // use full screen popup template if exists, or current template page if not
+        const templateName = this.templateService.standaloneTemplateName() || this.templateName();
         const parameterList = templateName
           ? await this.templateService.getTemplateMetadata(templateName)
           : {};

src/app/shared/components/template/services/template.service.ts

@@ -1,4 +1,4 @@
-import { Injectable } from "@angular/core";
+import { Injectable, signal } from "@angular/core";
 import { LocalStorageService } from "src/app/shared/services/local-storage/local-storage.service";
 import { AppDataService } from "src/app/shared/services/data/app-data.service";
 import { DbService } from "src/app/shared/services/db/db.service";
@@ -19,6 +19,9 @@ import { SyncServiceBase } from "src/app/shared/services/syncService.base";
   providedIn: "root",
 })
 export class TemplateService extends SyncServiceBase {
+  /** Name of any template running in fullscreen standalone mode */
+  public standaloneTemplateName = signal<string | undefined>(undefined);
+
   constructor(
     private localStorageService: LocalStorageService,
     private appDataService: AppDataService,
@@ -80,6 +83,11 @@ export class TemplateService extends SyncServiceBase {
       componentProps: { props },
     });
     await modal.present();
+
+    // track standalone template name so that template-meta.service can update loaded template params
+    this.standaloneTemplateName.set(templatename);
+    modal.onDidDismiss().then(() => this.standaloneTemplateName.set(undefined));
+
     let dismissData: { emit_value?: string; emit_data?: any } = {};
     if (props.waitForDismiss) {
       const { data } = await modal.onDidDismiss();