Refactor #12031 - content template support

primefaces · Nov 4, 2022 · e426ef1 · e426ef1
1 parent 6ce9c94
commit e426ef1
Showing 1 changed file with 41 additions and 3 deletions.
diff --git a/src/app/components/overlay/overlay.ts b/src/app/components/overlay/overlay.ts
@@ -1,8 +1,27 @@
 import { animate, animation, AnimationEvent, style, transition, trigger, useAnimation } from '@angular/animations';
 import { CommonModule, DOCUMENT } from '@angular/common';
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, EventEmitter, forwardRef, Inject, Input, NgModule, OnDestroy, Output, Renderer2, ViewChild, ViewEncapsulation } from '@angular/core';
+import {
+    AfterContentInit,
+    ChangeDetectionStrategy,
+    ChangeDetectorRef,
+    Component,
+    ContentChildren,
+    ElementRef,
+    EventEmitter,
+    forwardRef,
+    Inject,
+    Input,
+    NgModule,
+    OnDestroy,
+    Output,
+    QueryList,
+    Renderer2,
+    TemplateRef,
+    ViewChild,
+    ViewEncapsulation
+} from '@angular/core';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
-import { OverlayModeType, OverlayOptions, OverlayService, PrimeNGConfig, SharedModule } from 'primeng/api';
+import { OverlayModeType, OverlayOptions, OverlayService, PrimeNGConfig, PrimeTemplate, SharedModule } from 'primeng/api';
 import { ConnectedOverlayScrollHandler, DomHandler } from 'primeng/dom';
 import { ZIndexUtils } from 'primeng/utils';
 
@@ -44,6 +63,7 @@ const hideOverlayContentAnimation = animation([animate('{{hideTransitionParams}}
                 (@overlayContentAnimation.done)="onOverlayContentAnimationDone($event)"
             >
                 <ng-content></ng-content>
+                <ng-container *ngTemplateOutlet="contentTemplate"></ng-container>
             </div>
         </div>
     `,
@@ -56,7 +76,7 @@ const hideOverlayContentAnimation = animation([animate('{{hideTransitionParams}}
         class: 'p-element'
     }
 })
-export class Overlay implements OnDestroy {
+export class Overlay implements AfterContentInit, OnDestroy {
     @Input() get visible(): boolean {
         return this._visible;
     }
@@ -170,10 +190,14 @@ export class Overlay implements OnDestroy {
 
     @Output() onAnimationDone: EventEmitter<any> = new EventEmitter();
 
+    @ContentChildren(PrimeTemplate) templates: QueryList<any>;
+
     @ViewChild('overlay') overlayViewChild: ElementRef;
 
     @ViewChild('content') contentViewChild: ElementRef;
 
+    contentTemplate: TemplateRef<any>;
+
     _visible: boolean;
 
     _mode: OverlayModeType | string;
@@ -253,6 +277,20 @@ export class Overlay implements OnDestroy {
         this.window = this.document.defaultView;
     }
 
+    ngAfterContentInit() {
+        this.templates.forEach((item) => {
+            switch (item.getType()) {
+                case 'content':
+                    this.contentTemplate = item.template;
+                    break;
+                // TODO: new template types may be added.
+                default:
+                    this.contentTemplate = item.template;
+                    break;
+            }
+        });
+    }
+
     show(overlay?: HTMLElement, isFocus: boolean = false) {
         this.onVisibleChange(true);
         this.handleEvents('onShow', { overlay: overlay || this.overlayEl, target: this.targetEl, mode: this.overlayMode });