Work for surveyjs/survey-creator#3390: add wrapper for panel in panel…

…dynamic (#4931)
surveyjs · Sep 30, 2022 · 214e56b · 214e56b
1 parent 1943701
commit 214e56b
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 3 deletions.
diff --git a/packages/survey-angular-ui/src/questions/paneldynamic.component.html b/packages/survey-angular-ui/src/questions/paneldynamic.component.html
@@ -14,7 +14,7 @@
   <!-- add track by [key]="panel.id" -->
   <ng-container *ngFor="let panel of renderedPanels; index as index"> 
     <div [class]="model.getPanelWrapperCss()">
-      <sv-ng-panel [model]="panel"></sv-ng-panel>
+      <ng-template [component]="{ name: getPanelComponentName(panel), data: getPanelComponentData(panel) }"></ng-template>
       <ng-container *ngTemplateOutlet="removeBtn; context: { panel }"></ng-container>
     </div>
     <!-- add track by [key]="'separator' + panel.id" -->

diff --git a/packages/survey-angular-ui/src/questions/paneldynamic.component.ts b/packages/survey-angular-ui/src/questions/paneldynamic.component.ts
@@ -1,6 +1,6 @@
 import { Component, OnInit } from "@angular/core";
 import { QuestionAngular } from "../question";
-import { PanelModel, QuestionPanelDynamicModel } from "survey-core";
+import { PanelModel, QuestionPanelDynamicModel, SurveyModel } from "survey-core";
 import { AngularComponentFactory } from "../component-factory";
 
 @Component({
@@ -39,7 +39,30 @@ export class PanelDynamicQuestionComponent extends QuestionAngular<QuestionPanel
     this.model.renderModeChangedCallback = () => {};
     super.ngOnDestroy();
   }
-
+  public getPanelComponentName(panel: PanelModel): string {
+    const survey = this.surveyModel as SurveyModel;
+    if(!!survey) {
+      const name = survey.getElementWrapperComponentName(panel);
+      if(!!name) {
+        return name;
+      }
+    }
+    return "panel";
+  }
+  public getPanelComponentData(panel: PanelModel): any {
+    const survey = this.surveyModel as SurveyModel;
+    let data: any;
+    if(!!survey) {
+      data = survey.getElementWrapperComponentData(panel);
+    }
+    return {
+      componentName: "panel",
+      componentData: {
+        model: panel,
+        data: data
+      }
+    };
+  }
 }
 
 AngularComponentFactory.Instance.registerComponent("paneldynamic-question", PanelDynamicQuestionComponent);