generator-jhipster 8.0.0-rc.1 → 8.1.0

package/dist/generators/angular/templates/src/main/webapp/app/admin/metrics/blocks/metrics-endpoints-requests/metrics-endpoints-requests.component.html.ejs

@@ -18,7 +18,8 @@
 -%>
 <h3 id="endpointsRequestsMetrics">Endpoints requests (time in millisecond)</h3>
 
-<div class="table-responsive" *ngIf="!updating && endpointsRequestsMetrics">
+@if (!updating && endpointsRequestsMetrics) {
+<div class="table-responsive">
   <table class="table table-striped" aria-describedby="endpointsRequestsMetrics">
     <thead>
       <tr>
@@ -29,14 +30,17 @@
       </tr>
     </thead>
     <tbody>
-      <ng-container *ngFor="let entry of endpointsRequestsMetrics | keyvalue">
-        <tr *ngFor="let method of entry.value | keyvalue">
-          <td>{{ method.key }}</td>
-          <td>{{ entry.key }}</td>
-          <td class="text-end">{{ method.value!.count }}</td>
-          <td class="text-end">{{ method.value!.mean | number: '1.0-3' }}</td>
-        </tr>
-      </ng-container>
+  @for (entry of endpointsRequestsMetrics | keyvalue; track entry.key) {
+    @for (method of entry.value | keyvalue; track method.key) {
+      <tr>
+        <td>{{ method.key }}</td>
+        <td>{{ entry.key }}</td>
+        <td class="text-end">{{ method.value!.count }}</td>
+        <td class="text-end">{{ method.value!.mean | number: '1.0-3' }}</td>
+      </tr>
+    }
+  }
     </tbody>
   </table>
 </div>
+}

package/dist/generators/angular/templates/src/main/webapp/app/admin/metrics/blocks/metrics-garbagecollector/metrics-garbagecollector.component.html.ejs

@@ -20,7 +20,8 @@
 
 <div class="row">
   <div class="col-md-4">
-    <div *ngIf="garbageCollectorMetrics">
+  @if (garbageCollectorMetrics) {
+    <div>
       <span>
         GC Live Data Size/GC Max Data Size ({{ garbageCollectorMetrics['jvm.gc.live.data.size'] / 1048576 | number: '1.0-0' }}M /
         {{ garbageCollectorMetrics['jvm.gc.max.data.size'] / 1048576 | number: '1.0-0' }}M)
@@ -40,10 +41,12 @@
         </span>
       </ngb-progressbar>
     </div>
+  }
   </div>
 
   <div class="col-md-4">
-    <div *ngIf="garbageCollectorMetrics">
+  @if (garbageCollectorMetrics) {
+    <div>
       <span>
         GC Memory Promoted/GC Memory Allocated ({{ garbageCollectorMetrics['jvm.gc.memory.promoted'] / 1048576 | number: '1.0-0' }}M /
         {{ garbageCollectorMetrics['jvm.gc.memory.allocated'] / 1048576 | number: '1.0-0' }}M)
@@ -64,20 +67,24 @@
         </span>
       </ngb-progressbar>
     </div>
+  }
   </div>
 
   <div id="garbageCollectorMetrics" class="col-md-4">
-    <div class="row" *ngIf="garbageCollectorMetrics">
+  @if (garbageCollectorMetrics) {
+    <div class="row">
       <div class="col-md-9">Classes loaded</div>
       <div class="col-md-3 text-end">{{ garbageCollectorMetrics.classesLoaded }}</div>
     </div>
-    <div class="row" *ngIf="garbageCollectorMetrics">
+    <div class="row">
       <div class="col-md-9">Classes unloaded</div>
       <div class="col-md-3 text-end">{{ garbageCollectorMetrics.classesUnloaded }}</div>
     </div>
+  }
   </div>
 
-  <div class="table-responsive" *ngIf="!updating && garbageCollectorMetrics">
+@if (!updating && garbageCollectorMetrics) {
+  <div class="table-responsive">
     <table class="table table-striped" aria-describedby="garbageCollectorMetrics">
       <thead>
         <tr>
@@ -107,4 +114,5 @@
       </tbody>
     </table>
   </div>
+}
 </div>

package/dist/generators/angular/templates/src/main/webapp/app/admin/metrics/blocks/metrics-modal-threads/metrics-modal-threads.component.html.ejs

@@ -25,32 +25,43 @@
 <div class="modal-body">
   <div class="mb-3">
     <span class="badge bg-primary hand" (click)="threadStateFilter = undefined">
-      <fa-icon *ngIf="threadStateFilter === undefined" icon="check"></fa-icon>
+    @if (threadStateFilter === undefined) {
+      <fa-icon icon="check"></fa-icon>
+    }
       All&nbsp;<span class="badge rounded-pill bg-default">{{ threadDumpAll }}</span>
     </span>
 
     <span class="badge bg-success hand" (click)="threadStateFilter = ThreadState.Runnable">
-      <fa-icon *ngIf="threadStateFilter === ThreadState.Runnable" icon="check"></fa-icon>
+    @if (threadStateFilter === ThreadState.Runnable) {
+      <fa-icon icon="check"></fa-icon>
+    }
       Runnable&nbsp;<span class="badge rounded-pill bg-default">{{ threadDumpRunnable }}</span>
     </span>
 
     <span class="badge bg-info hand" (click)="threadStateFilter = ThreadState.Waiting">
-      <fa-icon *ngIf="threadStateFilter === ThreadState.Waiting" icon="check"></fa-icon>
+    @if (threadStateFilter === ThreadState.Waiting) {
+      <fa-icon icon="check"></fa-icon>
+    }
       Waiting&nbsp;<span class="badge rounded-pill bg-default">{{ threadDumpWaiting }}</span>
     </span>
 
     <span class="badge bg-warning hand" (click)="threadStateFilter = ThreadState.TimedWaiting">
-      <fa-icon *ngIf="threadStateFilter === ThreadState.TimedWaiting" icon="check"></fa-icon>
+    @if (threadStateFilter === ThreadState.TimedWaiting) {
+      <fa-icon icon="check"></fa-icon>
+    }
       Timed Waiting&nbsp;<span class="badge rounded-pill bg-default">{{ threadDumpTimedWaiting }}</span>
     </span>
 
     <span class="badge bg-danger hand" (click)="threadStateFilter = ThreadState.Blocked">
-      <fa-icon *ngIf="threadStateFilter === ThreadState.Blocked" icon="check"></fa-icon>
+    @if (threadStateFilter === ThreadState.Blocked) {
+      <fa-icon icon="check"></fa-icon>
+    }
       Blocked&nbsp;<span class="badge rounded-pill bg-default">{{ threadDumpBlocked }}</span>
     </span>
   </div>
 
-  <div class="pad" *ngFor="let thread of getThreads()">
+@for (thread of getThreads(); track $index) {
+  <div class="pad">
     <h6>
       <span class="badge" [ngClass]="getBadgeClass(thread.threadState)">{{ thread.threadState }}</span>
 
@@ -64,10 +75,12 @@
 
     <div class="card" [hidden]="!thread.showThreadDump">
       <div class="card-body">
-        <div *ngFor="let st of thread.stackTrace" class="break">
+      @for (st of thread.stackTrace; track $index) {
+        <div class="break">
           <samp>{{ st.className }}.{{ st.methodName }}(<code>{{ st.fileName }}:{{ st.lineNumber }}</code>)</samp>
           <span class="mt-1"></span>
         </div>
+      }
       </div>
     </div>
     <table class="table table-sm table-responsive">
@@ -94,6 +107,7 @@
       </tbody>
     </table>
   </div>
+}
 </div>
 <div class="modal-footer">
   <button type="button" class="btn btn-secondary float-start" data-dismiss="modal" (click)="dismiss()">Done</button>

package/dist/generators/angular/templates/src/main/webapp/app/admin/metrics/blocks/metrics-request/metrics-request.component.html.ejs

@@ -18,7 +18,8 @@
 -%>
 <h3 id="requestMetrics" <%= jhiPrefix %>Translate="metrics.jvm.http.title">__jhiTransformTranslate__('metrics.jvm.http.title')</h3>
 
-<table class="table table-striped" *ngIf="!updating && requestMetrics" aria-describedby="requestMetrics">
+@if (!updating && requestMetrics) {
+<table class="table table-striped" aria-describedby="requestMetrics">
   <thead>
     <tr>
       <th scope="col" <%= jhiPrefix %>Translate="metrics.jvm.http.table.code">__jhiTransformTranslate__('metrics.jvm.http.table.code')</th>
@@ -28,7 +29,8 @@
     </tr>
   </thead>
   <tbody>
-    <tr *ngFor="let entry of requestMetrics['percode'] | keyvalue">
+  @for (entry of requestMetrics['percode'] | keyvalue; track entry.key) {
+    <tr>
       <td>{{ entry.key }}</td>
       <td>
         <ngb-progressbar [max]="requestMetrics['all'].count" [value]="entry.value.count" [striped]="true" [animated]="false" type="success">
@@ -40,5 +42,7 @@
       </td>
       <td class="text-end">{{ entry.value.max | number: '1.0-2' }}</td>
     </tr>
+  }
   </tbody>
 </table>
+}

package/dist/generators/angular/templates/src/main/webapp/app/admin/metrics/blocks/metrics-system/metrics-system.component.html.ejs

@@ -18,7 +18,8 @@
 -%>
 <h4>System</h4>
 
-<ng-container *ngIf="!updating && systemMetrics">
+@if (!updating && systemMetrics) {
+<ng-container>
   <div class="row">
     <div class="col-md-4">Uptime</div>
     <div class="col-md-8 text-end">{{ convertMillisecondsToDuration(systemMetrics['process.uptime']) }}</div>
@@ -67,3 +68,4 @@
     <div class="col-md-3 text-end">{{ systemMetrics['process.files.open'] | number: '1.0-0' }}</div>
   </div>
 </ng-container>
+}

package/dist/generators/angular/templates/src/main/webapp/app/admin/metrics/metrics.component.html.ejs

@@ -27,43 +27,52 @@
 
   <h3 <%= jhiPrefix %>Translate="metrics.jvm.title">__jhiTransformTranslate__('metrics.jvm.title')</h3>
 
-  <div class="row" *ngIf="metrics && !updatingMetrics">
+@if (metrics && !updatingMetrics) {
+  <div class="row">
     <<%= jhiPrefixDashed %>-jvm-memory class="col-md-4" [updating]="updatingMetrics" [jvmMemoryMetrics]="metrics.jvm"></<%= jhiPrefixDashed %>-jvm-memory>
 
     <<%= jhiPrefixDashed %>-jvm-threads class="col-md-4" [threads]="threads"></<%= jhiPrefixDashed %>-jvm-threads>
 
     <<%= jhiPrefixDashed %>-metrics-system class="col-md-4" [updating]="updatingMetrics" [systemMetrics]="metrics.processMetrics"></<%= jhiPrefixDashed %>-metrics-system>
   </div>
+}
 
+@if (metrics && metricsKeyExists('garbageCollector')) {
   <<%= jhiPrefixDashed %>-metrics-garbagecollector
-    *ngIf="metrics && metricsKeyExists('garbageCollector')"
     [updating]="updatingMetrics"
     [garbageCollectorMetrics]="metrics.garbageCollector"
   ></<%= jhiPrefixDashed %>-metrics-garbagecollector>
+}
 
-  <div class="well well-lg" *ngIf="updatingMetrics" <%= jhiPrefix %>Translate="metrics.updating">__jhiTransformTranslate__('metrics.updating')</div>
+@if (updatingMetrics) {
+  <div class="well well-lg" <%= jhiPrefix %>Translate="metrics.updating">__jhiTransformTranslate__('metrics.updating')</div>
+}
 
+@if (metrics && metricsKeyExists('http.server.requests')) {
   <<%= jhiPrefixDashed %>-metrics-request
-    *ngIf="metrics && metricsKeyExists('http.server.requests')"
     [updating]="updatingMetrics"
     [requestMetrics]="metrics['http.server.requests']"
   ></<%= jhiPrefixDashed %>-metrics-request>
+}
 
+@if (metrics && metricsKeyExists('services')) {
   <<%= jhiPrefixDashed %>-metrics-endpoints-requests
-    *ngIf="metrics && metricsKeyExists('services')"
     [updating]="updatingMetrics"
     [endpointsRequestsMetrics]="metrics.services"
   ></<%= jhiPrefixDashed %>-metrics-endpoints-requests>
+}
 
+@if (metrics && metricsKeyExists('cache')) {
   <<%= jhiPrefixDashed %>-metrics-cache
-    *ngIf="metrics && metricsKeyExists('cache')"
     [updating]="updatingMetrics"
     [cacheMetrics]="metrics.cache"
   ></<%= jhiPrefixDashed %>-metrics-cache>
+}
 
+@if (metrics && metricsKeyExistsAndObjectNotEmpty('databases')) {
   <<%= jhiPrefixDashed %>-metrics-datasource
-    *ngIf="metrics && metricsKeyExistsAndObjectNotEmpty('databases')"
     [updating]="updatingMetrics"
     [datasourceMetrics]="metrics.databases"
   ></<%= jhiPrefixDashed %>-metrics-datasource>
+}
 </div>

package/dist/generators/angular/templates/src/main/webapp/app/admin/tracker/tracker.component.html.ejs

@@ -31,12 +31,14 @@
         </tr>
       </thead>
       <tbody>
-        <tr *ngFor="let activity of activities">
+      @for (activity of activities; track $index) {
+        <tr>
           <td>{{ activity.userLogin }}</td>
           <td>{{ activity.ipAddress }}</td>
           <td>{{ activity.page }}</td>
           <td>{{ activity.time | date: 'yyyy-MM-dd HH:mm:ss' }}</td>
         </tr>
+      }
       </tbody>
     </table>
   </div>

package/dist/generators/angular/templates/src/main/webapp/app/admin/user-management/delete/user-management-delete-dialog.component.html.ejs

@@ -16,7 +16,8 @@
  See the License for the specific language governing permissions and
  limitations under the License.
 -%>
-<form *ngIf="user" name="deleteForm" (ngSubmit)="confirmDelete(user.login!)">
+@if (user) {
+<form name="deleteForm" (ngSubmit)="confirmDelete(user.login!)">
   <div class="modal-header">
     <h4 class="modal-title" <%= jhiPrefix %>Translate="entity.delete.title">__jhiTransformTranslate__('entity.delete.title')</h4>
 
@@ -39,3 +40,4 @@
     </button>
   </div>
 </form>
+}

package/dist/generators/angular/templates/src/main/webapp/app/admin/user-management/detail/user-management-detail.component.html.ejs

@@ -18,7 +18,8 @@
 -%>
 <div class="d-flex justify-content-center">
   <div class="col-8">
-    <div *ngIf="user">
+  @if (user) {
+    <div>
       <h2>
         <span <%= jhiPrefix %>Translate="userManagement.detail.title">__jhiTransformTranslate__('userManagement.detail.title')</span> [<strong>{{ user.login }}</strong>]
       </h2>
@@ -27,8 +28,11 @@
         <dt><span <%= jhiPrefix %>Translate="userManagement.login">__jhiTransformTranslate__('userManagement.login')</span></dt>
         <dd>
           <span>{{ user.login }}</span>
-          <span *ngIf="user.activated" class="badge bg-success" <%= jhiPrefix %>Translate="userManagement.activated">__jhiTransformTranslate__('userManagement.activated')</span>
-          <span *ngIf="!user.activated" class="badge bg-danger" <%= jhiPrefix %>Translate="userManagement.deactivated">__jhiTransformTranslate__('userManagement.deactivated')</span>
+        @if (user.activated) {
+          <span class="badge bg-success" <%= jhiPrefix %>Translate="userManagement.activated">__jhiTransformTranslate__('userManagement.activated')</span>
+        } @else {
+          <span class="badge bg-danger" <%= jhiPrefix %>Translate="userManagement.deactivated">__jhiTransformTranslate__('userManagement.deactivated')</span>
+        }
         </dd>
 
         <dt><span <%= jhiPrefix %>Translate="userManagement.firstName">__jhiTransformTranslate__('userManagement.firstName')</span></dt>
@@ -60,9 +64,11 @@
         <dt><span <%= jhiPrefix %>Translate="userManagement.profiles">__jhiTransformTranslate__('userManagement.profiles')</span></dt>
         <dd>
           <ul class="list-unstyled">
-            <li *ngFor="let authority of user.authorities">
+          @for (authority of user.authorities; track $index) {
+            <li>
               <span class="badge bg-info">{{ authority }}</span>
             </li>
+          }
           </ul>
         </dd>
       </dl>
@@ -71,5 +77,6 @@
         <fa-icon icon="arrow-left"></fa-icon>&nbsp;<span <%= jhiPrefix %>Translate="entity.action.back">__jhiTransformTranslate__('entity.action.back')</span>
       </button>
     </div>
+  }
   </div>
 </div>

package/dist/generators/angular/templates/src/main/webapp/app/admin/user-management/list/user-management.component.html.ejs

@@ -35,7 +35,8 @@
 
   <<%= jhiPrefixDashed %>-alert></<%= jhiPrefixDashed %>-alert>
 
-  <div class="table-responsive" *ngIf="users">
+@if (users) {
+  <div class="table-responsive">
     <table class="table table-striped" aria-describedby="user-management-page-heading">
       <thead>
         <tr<% if (!databaseTypeCassandra) { %> <%= jhiPrefix %>Sort [(predicate)]="predicate" [(ascending)]="ascending" (sortChange)="transition()"<% } %>>
@@ -69,35 +70,38 @@
           <th scope="col"></th>
         </tr>
       </thead>
-      <tbody *ngIf="users">
-        <tr *ngFor="let user of users; trackBy: trackIdentity">
+    @if (users) {
+      <tbody>
+      @for (user of users; track trackIdentity) {
+        <tr>
           <td>
             <a [routerLink]="['./', user.login, 'view']">{{ user.id }}</a>
           </td>
           <td>{{ user.login }}</td>
           <td>{{ user.email }}</td>
           <td>
-            <button
-              class="btn btn-danger btn-sm"
+          @if (!user.activated) {
+            <button class="btn btn-danger btn-sm"
               (click)="setActive(user, true)"
-              *ngIf="!user.activated"
               <%= jhiPrefix %>Translate="userManagement.deactivated"
             >__jhiTransformTranslate__('userManagement.deactivated')</button>
-            <button
-              class="btn btn-success btn-sm"
+          } @else {
+            <button class="btn btn-success btn-sm"
               (click)="setActive(user, false)"
-              *ngIf="user.activated"
               [disabled]="!currentAccount || currentAccount.login === user.login"
               <%= jhiPrefix %>Translate="userManagement.activated"
             >__jhiTransformTranslate__('userManagement.activated')</button>
+          }
           </td>
 <%_ if (enableTranslation) { _%>
           <td>{{ user.langKey }}</td>
 <%_ } _%>
           <td>
-            <div *ngFor="let authority of user.authorities">
+          @for (authority of user.authorities; track $index) {
+            <div>
               <span class="badge bg-info">{{ authority }}</span>
             </div>
+          }
           </td>
 <%_ if (!databaseTypeCassandra) { _%>
           <td>{{ user.createdDate | date: 'dd/MM/yy HH:mm' }}</td>
@@ -128,12 +132,16 @@
             </div>
           </td>
         </tr>
+      }
       </tbody>
+    }
     </table>
   </div>
+}
 <%_ if (!databaseTypeCassandra) { _%>
 
-  <div *ngIf="users">
+@if (users) {
+  <div>
     <div class="d-flex justify-content-center">
       <<%= jhiPrefixDashed %>-item-count [params]="{ page: page, totalItems: totalItems, itemsPerPage: itemsPerPage }"></<%= jhiPrefixDashed %>-item-count>
     </div>
@@ -150,5 +158,6 @@
       ></ngb-pagination>
     </div>
   </div>
+}
 <%_ } _%>
 </div>

package/dist/generators/angular/templates/src/main/webapp/app/admin/user-management/update/user-management-update.component.html.ejs

@@ -32,87 +32,95 @@
         <label class="form-label" <%= jhiPrefix %>Translate="userManagement.login">__jhiTransformTranslate__('userManagement.login')</label>
         <input type="text" class="form-control" name="login" formControlName="login" />
 
-        <div *ngIf="editForm.get('login')!.invalid && (editForm.get('login')!.dirty || editForm.get('login')!.touched)">
-          <small
-            class="form-text text-danger"
-            *ngIf="editForm.get('login')?.errors?.required"
+      @if (editForm.get('login')!.invalid && (editForm.get('login')!.dirty || editForm.get('login')!.touched)) {
+        <div>
+        @if (editForm.get('login')?.errors?.required) {
+          <small class="form-text text-danger"
             <%= jhiPrefix %>Translate="entity.validation.required"
           >__jhiTransformTranslate__('entity.validation.required')</small>
+        }
 
-          <small
-            class="form-text text-danger"
-            *ngIf="editForm.get('login')?.errors?.maxlength"
+        @if (editForm.get('login')?.errors?.maxlength) {
+          <small class="form-text text-danger"
             <%= jhiPrefix %>Translate="entity.validation.maxlength"
             [translateValues]="{ max: 50 }"
           >__jhiTransformTranslate__('entity.validation.maxlength', { "max": 50 })</small>
+        }
 
-          <small
-            class="form-text text-danger"
-            *ngIf="editForm.get('login')?.errors?.pattern"
+        @if (editForm.get('login')?.errors?.pattern) {
+          <small class="form-text text-danger"
             <%= jhiPrefix %>Translate="entity.validation.patternLogin"
           >__jhiTransformTranslate__('entity.validation.patternLogin')</small>
+        }
         </div>
+      }
       </div>
 
       <div class="mb-3">
         <label class="form-label" <%= jhiPrefix %>Translate="userManagement.firstName">__jhiTransformTranslate__('userManagement.firstName')</label>
         <input type="text" class="form-control" name="firstName" formControlName="firstName" />
 
-        <div *ngIf="editForm.get('firstName')!.invalid && (editForm.get('firstName')!.dirty || editForm.get('firstName')!.touched)">
-          <small
-            class="form-text text-danger"
-            *ngIf="editForm.get('firstName')?.errors?.maxlength"
+      @if (editForm.get('firstName')!.invalid && (editForm.get('firstName')!.dirty || editForm.get('firstName')!.touched)) {
+        <div>
+        @if (editForm.get('firstName')?.errors?.maxlength) {
+          <small class="form-text text-danger"
             <%= jhiPrefix %>Translate="entity.validation.maxlength"
             [translateValues]="{ max: 50 }"
           >__jhiTransformTranslate__('entity.validation.maxlength', { "max": 50 })</small>
+        }
         </div>
+      }
       </div>
 
       <div class="mb-3">
         <label <%= jhiPrefix %>Translate="userManagement.lastName">__jhiTransformTranslate__('userManagement.lastName')</label>
         <input type="text" class="form-control" name="lastName" formControlName="lastName" />
 
-        <div *ngIf="editForm.get('lastName')!.invalid && (editForm.get('lastName')!.dirty || editForm.get('lastName')!.touched)">
-          <small
-            class="form-text text-danger"
-            *ngIf="editForm.get('lastName')?.errors?.maxlength"
+      @if (editForm.get('lastName')!.invalid && (editForm.get('lastName')!.dirty || editForm.get('lastName')!.touched)) {
+        <div>
+        @if (editForm.get('lastName')?.errors?.maxlength) {
+          <small class="form-text text-danger"
             <%= jhiPrefix %>Translate="entity.validation.maxlength"
             [translateValues]="{ max: 50 }"
           >__jhiTransformTranslate__('entity.validation.maxlength', { "max": 50 })</small>
+        }
         </div>
+      }
       </div>
 
       <div class="mb-3">
         <label class="form-label" <%= jhiPrefix %>Translate="userManagement.email">__jhiTransformTranslate__('userManagement.email')</label>
         <input type="email" class="form-control" name="email" formControlName="email" />
 
-        <div *ngIf="editForm.get('email')!.invalid && (editForm.get('email')!.dirty || editForm.get('email')!.touched)">
-          <small
-            class="form-text text-danger"
-            *ngIf="editForm.get('email')?.errors?.required"
+      @if (editForm.get('email')!.invalid && (editForm.get('email')!.dirty || editForm.get('email')!.touched)) {
+        <div>
+        @if (editForm.get('email')?.errors?.required) {
+          <small class="form-text text-danger"
             <%= jhiPrefix %>Translate="entity.validation.required"
           >__jhiTransformTranslate__('entity.validation.required')</small>
+        }
 
-          <small
-            class="form-text text-danger"
-            *ngIf="editForm.get('email')?.errors?.maxlength"
+        @if (editForm.get('email')?.errors?.maxlength) {
+          <small class="form-text text-danger"
             <%= jhiPrefix %>Translate="entity.validation.maxlength"
             [translateValues]="{ max: 100 }"
           >__jhiTransformTranslate__('entity.validation.maxlength', { "max": 100 })</small>
+        }
 
-          <small
-            class="form-text text-danger"
-            *ngIf="editForm.get('email')?.errors?.minlength"
+        @if (editForm.get('email')?.errors?.minlength) {
+          <small class="form-text text-danger"
             <%= jhiPrefix %>Translate="entity.validation.minlength"
             [translateValues]="{ min: 5 }"
           >__jhiTransformTranslate__('entity.validation.minlength', { "min": 5 })</small>
+        }
 
-          <small
-            class="form-text text-danger"
-            *ngIf="editForm.get('email')?.errors?.email"
+        @if (editForm.get('email')?.errors?.email) {
+          <small class="form-text text-danger"
             <%= jhiPrefix %>Translate="global.messages.validate.email.invalid"
           >__jhiTransformTranslate__('global.messages.validate.email.invalid')</small>
+        }
         </div>
+      }
       </div>
 
       <div class="form-check">
@@ -130,18 +138,24 @@
       </div>
 <%_ if (enableTranslation) { _%>
 
-      <div class="mb-3" *ngIf="languages && languages.length > 0">
+    @if (languages && languages.length > 0) {
+      <div class="mb-3">
         <label <%= jhiPrefix %>Translate="userManagement.langKey">__jhiTransformTranslate__('userManagement.langKey')</label>
         <select class="form-control" id="langKey" name="langKey" formControlName="langKey">
-          <option *ngFor="let language of languages" [value]="language">{{ language | findLanguageFromKey }}</option>
+        @for (language of languages; track $index) {
+          <option [value]="language">{{ language | findLanguageFromKey }}</option>
+        }
         </select>
       </div>
+    }
 <%_ } _%>
 
       <div class="mb-3">
         <label <%= jhiPrefix %>Translate="userManagement.profiles">__jhiTransformTranslate__('userManagement.profiles')</label>
         <select class="form-control" multiple name="authority" formControlName="authorities">
-          <option *ngFor="let authority of authorities" [value]="authority">{{ authority }}</option>
+        @for (authority of authorities; track $index) {
+          <option [value]="authority">{{ authority }}</option>
+        }
         </select>
       </div>
       <button type="button" class="btn btn-secondary" (click)="previousState()">