Work for surveyjs/survey-creator#3390 - added wrapper for question co…

…ntent
surveyjs · Oct 4, 2022 · aa0b041 · aa0b041
1 parent 3f84a32
commit aa0b041
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 2 deletions.
diff --git a/packages/survey-angular-ui/src/question.component.html b/packages/survey-angular-ui/src/question.component.html
@@ -4,7 +4,8 @@
     <div [element]="model" *ngIf="model.hasTitleOnLeftTop" sv-ng-element-header></div>
     <div [class]="model.cssContent" role="presentation" [visible]="!model.isCollapsed">
       <div *ngIf="model.showErrorOnTop && model.hasVisibleErrors" [element]="model" sv-ng-errors></div>
-      <ng-template [component]="{ name: getComponentName(), data: { model }, default: 'skeleton-question' }" ></ng-template>
+      <ng-template [component]="{ name: getQuestionContentWrapperComponentName(), data: getQuestionContentWrapperComponentData(), default: 'skeleton-question' }">
+      </ng-template>
       <div *ngIf="model.hasComment" [class]="model.cssClasses.formGroup">
         <div>{{ model.commentText }}</div>
         <div [question]="model" sv-ng-comment></div>

diff --git a/packages/survey-angular-ui/src/question.component.ts b/packages/survey-angular-ui/src/question.component.ts
@@ -14,7 +14,7 @@ export class QuestionComponent extends EmbeddedViewContentComponent {
     return this.model;
   }
   ngAfterViewInit(): void {
-    if(!!this.rootEl?.nativeElement) {
+    if (!!this.rootEl?.nativeElement) {
       this.model.afterRender(this.rootEl?.nativeElement);
     }
   }
@@ -25,6 +25,18 @@ export class QuestionComponent extends EmbeddedViewContentComponent {
     }
     return this.model.getComponentName();
   }
+  public getQuestionContentWrapperComponentName(): string {
+    return (<any>this.model.survey).getQuestionContentWrapperComponentName(this.model) || this.getComponentName();
+  }
+  public getQuestionContentWrapperComponentData(): any {
+    return {
+      componentName: this.getComponentName(),
+      componentData: {
+        model: this.model,
+        data: (<any>this.model.survey).getElementWrapperComponentData(this.model)
+      }
+    };
+  }
 }
 
 AngularComponentFactory.Instance.registerComponent("question", QuestionComponent);