Work for surveyjs/survey-creator#4371 - added component container to …

…completed page (#6978) Co-authored-by: tsv2013 <[email protected]>
surveyjs · Sep 19, 2023 · dae9720 · dae9720
1 parent 748d579
commit dae9720
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 0 deletions.
diff --git a/packages/survey-angular-ui/src/survey-content.component.html b/packages/survey-angular-ui/src/survey-content.component.html
@@ -26,6 +26,7 @@
         <ng-template [component]="{ name: 'sv-components-container', data: { survey: model, container: 'footer', needRenderWrapper: false } }"></ng-template>
         <div *ngIf="model.state === 'completed' && model.showCompletedPage" [class]="model.completedCss"
           [innerHtml]="model.processedCompletedHtml"></div>
+        <ng-template *ngIf="model.state === 'completed' && model.showCompletedPage" [component]="{ name: 'sv-components-container', data: { survey: model, container: 'completePage' } }"></ng-template>
         <div *ngIf="model.state === 'completedbefore'" [class]="model.completedBeforeCss"
           [innerHtml]="model.processedCompletedBeforeHtml"></div>
         <div *ngIf="model.state === 'loading'" [class]="model.loadingBodyCss" [innerHtml]="model.processedLoadingHtml"></div>

diff --git a/packages/survey-vue3-ui/src/Survey.vue b/packages/survey-vue3-ui/src/Survey.vue
@@ -71,6 +71,12 @@
             v-html="getProcessedCompletedHtml()"
             :class="vueSurvey.completedCss"
           ></div>
+          <component
+            :is="'sv-components-container'"
+            :survey="vueSurvey"
+            :container="'completePage'"
+            :needRenderWrapper="true"
+          ></component>
         </div>
         <div
           v-if="vueSurvey.state === 'completedbefore'"

diff --git a/src/knockout/templates/index.html b/src/knockout/templates/index.html
@@ -35,6 +35,7 @@
               <!-- /ko -->
               <!-- ko if: state == "completed" && showCompletedPage -->
               <div data-bind="html: processedCompletedHtml, css: completedCss"></div>
+              <!-- ko component: { name: "sv-components-container", params: { survey: $data, container: "completePage", needRenderWrapper: false } } --><!-- /ko -->
               <!-- /ko -->
               <!-- ko if: state == "completedbefore" -->
               <div data-bind="html: locCompletedBeforeHtml.koRenderedHtml, css: completedBeforeCss"></div>

diff --git a/src/react/reactSurvey.tsx b/src/react/reactSurvey.tsx
@@ -145,6 +145,7 @@ export class Survey extends SurveyElementBase<any, any>
           dangerouslySetInnerHTML={htmlValue}
           className={this.survey.completedCss}
         />
+        <ComponentsContainer survey={this.survey} container={"completePage"} needRenderWrapper={false}></ComponentsContainer>
       </React.Fragment>
     );
   }

diff --git a/src/vue/survey.vue b/src/vue/survey.vue
@@ -32,6 +32,7 @@
             v-html="getProcessedCompletedHtml()"
             :class="vueSurvey.completedCss"
           ></div>
+          <component :is="'sv-components-container'" :survey="vueSurvey" :container="'completePage'"></component>
         </div>
         <div
           v-if="vueSurvey.state === 'completedbefore'"