ngIf eda-dialog2

Author: Jonmcandal688

eda/eda_app/src/app/shared/components/eda-dialogs/eda-dialog2/eda-dialog2.component.html

@@ -12,9 +12,11 @@
     [style]="{width, height}"
     appendTo="body">
 
-    <ng-template pTemplate="header" *ngIf="!header">
-        <ng-content select="[header]"></ng-content>
-    </ng-template>
+    @if(!header){
+        <ng-template pTemplate="header">
+            <ng-content select="[header]"></ng-content>
+        </ng-template>
+    }
 
     <ng-template pTemplate="content">
          <div #contentWrapper>
@@ -27,10 +29,12 @@
         <div class="flex justify-end p-2 border-t gap-1.5">
             <ng-content select="[footer]"></ng-content>
 
-            <button *ngIf="ifShowClose" class="cancel-button" (click)="onClose()">
-               <i class="fa fa-times"></i>
-               <span i18n="@@cancelarBtn">Cancelar</span>
-            </button>
+            @if(ifShowClose){
+                <button class="cancel-button" (click)="onClose()">
+                    <i class="fa fa-times"></i>
+                    <span i18n="@@cancelarBtn">Cancelar</span>
+                </button>
+            }
 
             @if(ifShowReset){
                 <button class="execute-button" (click)="onReset()">
@@ -59,9 +63,11 @@
                 </button>
             }
 
-            <button *ngIf="ifShowApply" class="confirm-button" [disabled]="disableApply" (click)="onApply()">
-                <i class="fa fa-check"></i> <span i18n="@@guardarBtn">Confirmar</span>
-            </button>
+            @if(ifShowApply){
+                <button class="confirm-button" [disabled]="disableApply" (click)="onApply()">
+                    <i class="fa fa-check"></i> <span i18n="@@guardarBtn">Confirmar</span>
+                </button>
+            }
         </div>
     </ng-template>