generator-jhipster 8.0.0-rc.1 → 8.1.0

package/dist/generators/angular/templates/src/main/webapp/app/account/activate/activate.component.html.ejs

@@ -20,13 +20,15 @@
   <div class="d-flex justify-content-center">
     <div class="col-md-8">
       <h1 <%= jhiPrefix %>Translate="activate.title">__jhiTransformTranslate__('activate.title')</h1>
-
-      <div class="alert alert-success" *ngIf="success">
+    @if (success) {
+      <div class="alert alert-success">
         <span <%= jhiPrefix %>Translate="activate.messages.success">__jhiTransformTranslate__('activate.messages.success')</span>
         <a class="alert-link" routerLink="/login" <%= jhiPrefix %>Translate="global.messages.info.authenticated.link">__jhiTransformTranslate__('global.messages.info.authenticated.link')</a>.
       </div>
-
-      <div class="alert alert-danger" *ngIf="error" <%= jhiPrefix %>Translate="activate.messages.error">__jhiTransformTranslate__('activate.messages.error')</div>
+    }
+    @if (error) {
+      <div class="alert alert-danger" <%= jhiPrefix %>Translate="activate.messages.error">__jhiTransformTranslate__('activate.messages.error')</div>
+    }
     </div>
   </div>
 </div>

package/dist/generators/angular/templates/src/main/webapp/app/account/password/password-strength-bar/password-strength-bar.component.ts.ejs

@@ -25,7 +25,7 @@ import SharedModule from 'app/shared/shared.module';
   standalone: true,
   imports: [SharedModule],
   templateUrl: './password-strength-bar.component.html',
-  styleUrls: ['./password-strength-bar.component.scss'],
+  styleUrl: './password-strength-bar.component.scss',
 })
 export default class PasswordStrengthBarComponent {
   colors = ['#F00', '#F90', '#FF0', '#9F0', '#0F0'];

package/dist/generators/angular/templates/src/main/webapp/app/account/password/password.component.html.ejs

@@ -18,14 +18,19 @@
 -%>
 <div>
   <div class="d-flex justify-content-center">
-    <div class="col-md-8" *ngIf="account$ | async as account">
+  @if (account$ | async; as account) {
+    <div class="col-md-8">
       <h2 <%= jhiPrefix %>Translate="password.title" [translateValues]="{ username: account.login }">__jhiTransformTranslate__('password.title', { "username": "{{ account.login }}" })</h2>
 
-      <div class="alert alert-success" *ngIf="success" <%= jhiPrefix %>Translate="password.messages.success">__jhiTransformTranslate__('password.messages.success')</div>
-
-      <div class="alert alert-danger" *ngIf="error" <%= jhiPrefix %>Translate="password.messages.error">__jhiTransformTranslate__('password.messages.error')</div>
-
-      <div class="alert alert-danger" *ngIf="doNotMatch" <%= jhiPrefix %>Translate="global.messages.error.dontmatch">__jhiTransformTranslate__('global.messages.error.dontmatch')</div>
+    @if (success) {
+      <div class="alert alert-success" <%= jhiPrefix %>Translate="password.messages.success">__jhiTransformTranslate__('password.messages.success')</div>
+    }
+    @if (error) {
+      <div class="alert alert-danger" <%= jhiPrefix %>Translate="password.messages.error">__jhiTransformTranslate__('password.messages.error')</div>
+    }
+    @if (doNotMatch) {
+      <div class="alert alert-danger" <%= jhiPrefix %>Translate="global.messages.error.dontmatch">__jhiTransformTranslate__('global.messages.error.dontmatch')</div>
+    }
 
       <form name="form" role="form" (ngSubmit)="changePassword()" [formGroup]="passwordForm">
         <div class="mb-3">
@@ -40,18 +45,16 @@
             data-cy="currentPassword"
           />
 
-          <div
-            *ngIf="
-              passwordForm.get('currentPassword')!.invalid &&
-              (passwordForm.get('currentPassword')!.dirty || passwordForm.get('currentPassword')!.touched)
-            "
-          >
-            <small
-              class="form-text text-danger"
-              *ngIf="passwordForm.get('currentPassword')?.errors?.required"
+        @if (passwordForm.get('currentPassword')!.invalid &&
+          (passwordForm.get('currentPassword')!.dirty || passwordForm.get('currentPassword')!.touched)) {
+          <div>
+          @if (passwordForm.get('currentPassword')?.errors?.required) {
+            <small class="form-text text-danger"
               <%= jhiPrefix %>Translate="global.messages.validate.newpassword.required"
             >__jhiTransformTranslate__('global.messages.validate.newpassword.required')</small>
+          }
           </div>
+        }
         </div>
 
         <div class="mb-3">
@@ -66,30 +69,31 @@
             data-cy="newPassword"
           />
 
-          <div
-            *ngIf="
-              passwordForm.get('newPassword')!.invalid &&
-              (passwordForm.get('newPassword')!.dirty || passwordForm.get('newPassword')!.touched)
-            "
-          >
+        @if (passwordForm.get('newPassword')!.invalid &&
+          (passwordForm.get('newPassword')!.dirty || passwordForm.get('newPassword')!.touched)) {
+          <div>
+          @if (passwordForm.get('newPassword')?.errors?.required) {
             <small
               class="form-text text-danger"
-              *ngIf="passwordForm.get('newPassword')?.errors?.required"
               <%= jhiPrefix %>Translate="global.messages.validate.newpassword.required"
             >__jhiTransformTranslate__('global.messages.validate.newpassword.required')</small>
+          }
 
+          @if (passwordForm.get('newPassword')?.errors?.minlength) {
             <small
               class="form-text text-danger"
-              *ngIf="passwordForm.get('newPassword')?.errors?.minlength"
               <%= jhiPrefix %>Translate="global.messages.validate.newpassword.minlength"
             >__jhiTransformTranslate__('global.messages.validate.newpassword.minlength')</small>
+          }
 
+          @if (passwordForm.get('newPassword')?.errors?.maxlength) {
             <small
               class="form-text text-danger"
-              *ngIf="passwordForm.get('newPassword')?.errors?.maxlength"
               <%= jhiPrefix %>Translate="global.messages.validate.newpassword.maxlength"
             >__jhiTransformTranslate__('global.messages.validate.newpassword.maxlength')</small>
+          }
           </div>
+        }
 
           <<%= jhiPrefixDashed %>-password-strength-bar [passwordToCheck]="passwordForm.get('newPassword')!.value"></<%= jhiPrefixDashed %>-password-strength-bar>
         </div>
@@ -106,30 +110,31 @@
             data-cy="confirmPassword"
           />
 
-          <div
-            *ngIf="
-              passwordForm.get('confirmPassword')!.invalid &&
-              (passwordForm.get('confirmPassword')!.dirty || passwordForm.get('confirmPassword')!.touched)
-            "
-          >
+        @if (passwordForm.get('confirmPassword')!.invalid &&
+          (passwordForm.get('confirmPassword')!.dirty || passwordForm.get('confirmPassword')!.touched)) {
+          <div>
+          @if (passwordForm.get('confirmPassword')?.errors?.required) {
             <small
               class="form-text text-danger"
-              *ngIf="passwordForm.get('confirmPassword')?.errors?.required"
               <%= jhiPrefix %>Translate="global.messages.validate.confirmpassword.required"
             >__jhiTransformTranslate__('global.messages.validate.confirmpassword.required')</small>
+          }
 
+          @if (passwordForm.get('confirmPassword')?.errors?.minlength) {
             <small
               class="form-text text-danger"
-              *ngIf="passwordForm.get('confirmPassword')?.errors?.minlength"
               <%= jhiPrefix %>Translate="global.messages.validate.confirmpassword.minlength"
             >__jhiTransformTranslate__('global.messages.validate.confirmpassword.minlength')</small>
+          }
 
+          @if (passwordForm.get('confirmPassword')?.errors?.maxlength) {
             <small
               class="form-text text-danger"
-              *ngIf="passwordForm.get('confirmPassword')?.errors?.maxlength"
               <%= jhiPrefix %>Translate="global.messages.validate.confirmpassword.maxlength"
             >__jhiTransformTranslate__('global.messages.validate.confirmpassword.maxlength')</small>
+          }
           </div>
+        }
         </div>
 
         <button
@@ -141,5 +146,6 @@
         >__jhiTransformTranslate__('password.form.button')</button>
       </form>
     </div>
+  }
   </div>
 </div>

package/dist/generators/angular/templates/src/main/webapp/app/account/password-reset/finish/password-reset-finish.component.html.ejs

@@ -21,24 +21,35 @@
     <div class="col-md-4">
       <h1 <%= jhiPrefix %>Translate="reset.finish.title">__jhiTransformTranslate__('reset.finish.title')</h1>
 
-      <div class="alert alert-danger" <%= jhiPrefix %>Translate="reset.finish.messages.keymissing" *ngIf="initialized && !key">__jhiTransformTranslate__('reset.finish.messages.keymissing')</div>
+    @if (initialized && !key) {
+      <div class="alert alert-danger" <%= jhiPrefix %>Translate="reset.finish.messages.keymissing">__jhiTransformTranslate__('reset.finish.messages.keymissing')</div>
+    }
 
-      <div class="alert alert-warning" *ngIf="key && !success">
+    @if (key && !success) {
+      <div class="alert alert-warning">
         <span <%= jhiPrefix %>Translate="reset.finish.messages.info">__jhiTransformTranslate__('reset.finish.messages.info')</span>
       </div>
+    }
 
-      <div class="alert alert-danger" *ngIf="error">
+    @if (error) {
+      <div class="alert alert-danger">
         <span <%= jhiPrefix %>Translate="reset.finish.messages.error">__jhiTransformTranslate__('reset.finish.messages.error')</span>
       </div>
+    }
 
-      <div class="alert alert-success" *ngIf="success">
+    @if (success) {
+      <div class="alert alert-success">
         <span <%= jhiPrefix %>Translate="reset.finish.messages.success">__jhiTransformTranslate__('reset.finish.messages.success')</span>
         <a class="alert-link" routerLink="/login" <%= jhiPrefix %>Translate="global.messages.info.authenticated.link">__jhiTransformTranslate__('global.messages.info.authenticated.link')</a>.
       </div>
+    }
 
-      <div class="alert alert-danger" *ngIf="doNotMatch" <%= jhiPrefix %>Translate="global.messages.error.dontmatch">__jhiTransformTranslate__('global.messages.error.dontmatch')</div>
+    @if (doNotMatch) {
+      <div class="alert alert-danger" <%= jhiPrefix %>Translate="global.messages.error.dontmatch">__jhiTransformTranslate__('global.messages.error.dontmatch')</div>
+    }
 
-      <div *ngIf="key && !success">
+    @if (key && !success) {
+      <div>
         <form name="form" role="form" (ngSubmit)="finishReset()" [formGroup]="passwordForm">
           <div class="mb-3">
             <label class="form-label" for="newPassword" <%= jhiPrefix %>Translate="global.form.newpassword.label">__jhiTransformTranslate__('global.form["newpassword.label"]')</label>
@@ -53,30 +64,28 @@
               #newPassword
             />
 
-            <div
-              *ngIf="
-                passwordForm.get('newPassword')!.invalid &&
-                (passwordForm.get('newPassword')!.dirty || passwordForm.get('newPassword')!.touched)
-              "
-            >
-              <small
-                class="form-text text-danger"
-                *ngIf="passwordForm.get('newPassword')?.errors?.required"
+          @if (passwordForm.get('newPassword')!.invalid &&
+            (passwordForm.get('newPassword')!.dirty || passwordForm.get('newPassword')!.touched)) {
+            <div>
+            @if (passwordForm.get('newPassword')?.errors?.required) {
+              <small class="form-text text-danger"
                 <%= jhiPrefix %>Translate="global.messages.validate.newpassword.required"
               >__jhiTransformTranslate__('global.messages.validate.newpassword.required')</small>
+            }
 
-              <small
-                class="form-text text-danger"
-                *ngIf="passwordForm.get('newPassword')?.errors?.minlength"
+            @if (passwordForm.get('newPassword')?.errors?.minlength) {
+              <small class="form-text text-danger"
                 <%= jhiPrefix %>Translate="global.messages.validate.newpassword.minlength"
               >__jhiTransformTranslate__('global.messages.validate.newpassword.minlength')</small>
+            }
 
-              <small
-                class="form-text text-danger"
-                *ngIf="passwordForm.get('newPassword')?.errors?.maxlength"
+            @if (passwordForm.get('newPassword')?.errors?.maxlength) {
+              <small class="form-text text-danger"
                 <%= jhiPrefix %>Translate="global.messages.validate.newpassword.maxlength"
               >__jhiTransformTranslate__('global.messages.validate.newpassword.maxlength')</small>
+            }
             </div>
+          }
 
             <<%= jhiPrefixDashed %>-password-strength-bar [passwordToCheck]="passwordForm.get('newPassword')!.value"></<%= jhiPrefixDashed %>-password-strength-bar>
           </div>
@@ -93,30 +102,28 @@
               data-cy="confirmResetPassword"
             />
 
-            <div
-              *ngIf="
-                passwordForm.get('confirmPassword')!.invalid &&
-                (passwordForm.get('confirmPassword')!.dirty || passwordForm.get('confirmPassword')!.touched)
-              "
-            >
-              <small
-                class="form-text text-danger"
-                *ngIf="passwordForm.get('confirmPassword')?.errors?.required"
+          @if (passwordForm.get('confirmPassword')!.invalid &&
+            (passwordForm.get('confirmPassword')!.dirty || passwordForm.get('confirmPassword')!.touched)) {
+            <div>
+            @if (passwordForm.get('confirmPassword')?.errors?.required) {
+              <small class="form-text text-danger"
                 <%= jhiPrefix %>Translate="global.messages.validate.confirmpassword.required"
               >__jhiTransformTranslate__('global.messages.validate.confirmpassword.required')</small>
+            }
 
-              <small
-                class="form-text text-danger"
-                *ngIf="passwordForm.get('confirmPassword')?.errors?.minlength"
+            @if (passwordForm.get('confirmPassword')?.errors?.minlength) {
+              <small class="form-text text-danger"
                 <%= jhiPrefix %>Translate="global.messages.validate.confirmpassword.minlength"
               >__jhiTransformTranslate__('global.messages.validate.confirmpassword.minlength')</small>
+            }
 
-              <small
-                class="form-text text-danger"
-                *ngIf="passwordForm.get('confirmPassword')?.errors?.maxlength"
+            @if (passwordForm.get('confirmPassword')?.errors?.maxlength) {
+              <small class="form-text text-danger"
                 <%= jhiPrefix %>Translate="global.messages.validate.confirmpassword.maxlength"
               >__jhiTransformTranslate__('global.messages.validate.confirmpassword.maxlength')</small>
+            }
             </div>
+          }
           </div>
 
           <button
@@ -128,6 +135,7 @@
           >__jhiTransformTranslate__('reset.finish.form.button')</button>
         </form>
       </div>
+    }
     </div>
   </div>
 </div>

package/dist/generators/angular/templates/src/main/webapp/app/account/password-reset/init/password-reset-init.component.html.ejs

@@ -23,15 +23,18 @@
 
       <<%= jhiPrefixDashed %>-alert-error></<%= jhiPrefixDashed %>-alert-error>
 
-      <div class="alert alert-warning" *ngIf="!success">
+    @if (!success) {
+      <div class="alert alert-warning">
         <span <%= jhiPrefix %>Translate="reset.request.messages.info">__jhiTransformTranslate__('reset.request.messages.info')</span>
       </div>
-
-      <div class="alert alert-success" *ngIf="success">
+    } @else {
+      <div class="alert alert-success">
         <span <%= jhiPrefix %>Translate="reset.request.messages.success">__jhiTransformTranslate__('reset.request.messages.success')</span>
       </div>
+    }
 
-      <form *ngIf="!success" name="form" role="form" (ngSubmit)="requestReset()" [formGroup]="resetRequestForm">
+    @if (!success) {
+      <form name="form" role="form" (ngSubmit)="requestReset()" [formGroup]="resetRequestForm">
         <div class="mb-3">
           <label class="form-label" for="email" <%= jhiPrefix %>Translate="global.form.email.label">__jhiTransformTranslate__('global.form["email.label"]')</label>
           <input
@@ -45,36 +48,33 @@
             #email
           />
 
-          <div
-            *ngIf="
-              resetRequestForm.get('email')!.invalid &&
-              (resetRequestForm.get('email')!.dirty || resetRequestForm.get('email')!.touched)
-            "
-          >
-            <small
-              class="form-text text-danger"
-              *ngIf="resetRequestForm.get('email')?.errors?.required"
+        @if (resetRequestForm.get('email')!.invalid &&
+          (resetRequestForm.get('email')!.dirty || resetRequestForm.get('email')!.touched)) {
+          <div>
+          @if (resetRequestForm.get('email')?.errors?.required) {
+            <small class="form-text text-danger"
               <%= jhiPrefix %>Translate="global.messages.validate.email.required"
             >__jhiTransformTranslate__('global.messages.validate.email.required')</small>
-
-            <small
-              class="form-text text-danger"
-              *ngIf="resetRequestForm.get('email')?.errors?.email"
+          }
+          @if (resetRequestForm.get('email')?.errors?.email) {
+            <small class="form-text text-danger"
               <%= jhiPrefix %>Translate="global.messages.validate.email.invalid"
             >__jhiTransformTranslate__('global.messages.validate.email.invalid')</small>
+          }
 
-            <small
-              class="form-text text-danger"
-              *ngIf="resetRequestForm.get('email')?.errors?.minlength"
+          @if (resetRequestForm.get('email')?.errors?.minlength) {
+            <small class="form-text text-danger"
               <%= jhiPrefix %>Translate="global.messages.validate.email.minlength"
             >__jhiTransformTranslate__('global.messages.validate.email.minlength')</small>
+          }
 
-            <small
-              class="form-text text-danger"
-              *ngIf="resetRequestForm.get('email')?.errors?.maxlength"
+          @if (resetRequestForm.get('email')?.errors?.maxlength) {
+            <small class="form-text text-danger"
               <%= jhiPrefix %>Translate="global.messages.validate.email.maxlength"
             >__jhiTransformTranslate__('global.messages.validate.email.maxlength')</small>
+          }
           </div>
+        }
         </div>
 
         <button
@@ -85,6 +85,7 @@
           data-cy="submit"
         >__jhiTransformTranslate__('reset.request.form.button')</button>
       </form>
+    }
     </div>
   </div>
 </div>

package/dist/generators/angular/templates/src/main/webapp/app/account/register/register.component.html.ejs

@@ -21,21 +21,32 @@
     <div class="col-md-8">
       <h1 <%= jhiPrefix %>Translate="register.title" data-cy="registerTitle">__jhiTransformTranslate__('register.title')</h1>
 
-      <div class="alert alert-success" *ngIf="success" <%= jhiPrefix %>Translate="register.messages.success">__jhiTransformTranslate__('register.messages.success')</div>
+    @if (success) {
+      <div class="alert alert-success" <%= jhiPrefix %>Translate="register.messages.success">__jhiTransformTranslate__('register.messages.success')</div>
+    }
 
-      <div class="alert alert-danger" *ngIf="error" <%= jhiPrefix %>Translate="register.messages.error.fail">__jhiTransformTranslate__('register.messages.error.fail')</div>
+    @if (error) {
+      <div class="alert alert-danger" <%= jhiPrefix %>Translate="register.messages.error.fail">__jhiTransformTranslate__('register.messages.error.fail')</div>
+    }
 
-      <div class="alert alert-danger" *ngIf="errorUserExists" <%= jhiPrefix %>Translate="register.messages.error.userexists">__jhiTransformTranslate__('register.messages.error.userexists')</div>
+    @if (errorUserExists) {
+      <div class="alert alert-danger" <%= jhiPrefix %>Translate="register.messages.error.userexists">__jhiTransformTranslate__('register.messages.error.userexists')</div>
+    }
 
-      <div class="alert alert-danger" *ngIf="errorEmailExists" <%= jhiPrefix %>Translate="register.messages.error.emailexists">__jhiTransformTranslate__('register.messages.error.emailexists')</div>
+    @if (errorEmailExists) {
+      <div class="alert alert-danger" <%= jhiPrefix %>Translate="register.messages.error.emailexists">__jhiTransformTranslate__('register.messages.error.emailexists')</div>
+    }
 
-      <div class="alert alert-danger" *ngIf="doNotMatch" <%= jhiPrefix %>Translate="global.messages.error.dontmatch">__jhiTransformTranslate__('global.messages.error.dontmatch')</div>
+    @if (doNotMatch) {
+      <div class="alert alert-danger" <%= jhiPrefix %>Translate="global.messages.error.dontmatch">__jhiTransformTranslate__('global.messages.error.dontmatch')</div>
+    }
     </div>
   </div>
 
   <div class="d-flex justify-content-center">
     <div class="col-md-8">
-      <form name="form" role="form" (ngSubmit)="register()" [formGroup]="registerForm" *ngIf="!success">
+    @if (!success) {
+      <form name="form" role="form" (ngSubmit)="register()" [formGroup]="registerForm">
         <div class="mb-3">
           <label class="form-label" for="login" <%= jhiPrefix %>Translate="global.form.username.label">__jhiTransformTranslate__('global.form["username.label"]')</label>
           <input
@@ -49,31 +60,33 @@
             #login
           />
 
-          <div *ngIf="registerForm.get('login')!.invalid && (registerForm.get('login')!.dirty || registerForm.get('login')!.touched)">
-            <small
-              class="form-text text-danger"
-              *ngIf="registerForm.get('login')?.errors?.required"
+        @if (registerForm.get('login')!.invalid && (registerForm.get('login')!.dirty || registerForm.get('login')!.touched)) {
+          <div>
+          @if (registerForm.get('login')?.errors?.required) {
+            <small class="form-text text-danger"
               <%= jhiPrefix %>Translate="register.messages.validate.login.required"
             >__jhiTransformTranslate__('register.messages.validate.login.required')</small>
+          }
 
-            <small
-              class="form-text text-danger"
-              *ngIf="registerForm.get('login')?.errors?.minlength"
+          @if (registerForm.get('login')?.errors?.minlength) {
+            <small class="form-text text-danger"
               <%= jhiPrefix %>Translate="register.messages.validate.login.minlength"
             >__jhiTransformTranslate__('register.messages.validate.login.minlength')</small>
+          }
 
-            <small
-              class="form-text text-danger"
-              *ngIf="registerForm.get('login')?.errors?.maxlength"
+          @if (registerForm.get('login')?.errors?.maxlength) {
+            <small class="form-text text-danger"
               <%= jhiPrefix %>Translate="register.messages.validate.login.maxlength"
             >__jhiTransformTranslate__('register.messages.validate.login.maxlength')</small>
+          }
 
-            <small
-              class="form-text text-danger"
-              *ngIf="registerForm.get('login')?.errors?.pattern"
+          @if (registerForm.get('login')?.errors?.pattern) {
+            <small class="form-text text-danger"
               <%= jhiPrefix %>Translate="register.messages.validate.login.pattern"
             >__jhiTransformTranslate__('register.messages.validate.login.pattern')</small>
+          }
           </div>
+        }
         </div>
 
         <div class="mb-3">
@@ -88,31 +101,33 @@
             data-cy="email"
           />
 
-          <div *ngIf="registerForm.get('email')!.invalid && (registerForm.get('email')!.dirty || registerForm.get('email')!.touched)">
-            <small
-              class="form-text text-danger"
-              *ngIf="registerForm.get('email')?.errors?.required"
+        @if (registerForm.get('email')!.invalid && (registerForm.get('email')!.dirty || registerForm.get('email')!.touched)) {
+          <div>
+          @if (registerForm.get('email')?.errors?.required) {
+            <small class="form-text text-danger"
               <%= jhiPrefix %>Translate="global.messages.validate.email.required"
             >__jhiTransformTranslate__('global.messages.validate.email.required')</small>
+          }
 
-            <small
-              class="form-text text-danger"
-              *ngIf="registerForm.get('email')?.errors?.invalid"
+          @if (registerForm.get('email')?.errors?.invalid) {
+            <small class="form-text text-danger"
               <%= jhiPrefix %>Translate="global.messages.validate.email.invalid"
             >__jhiTransformTranslate__('global.messages.validate.email.invalid')</small>
+          }
 
-            <small
-              class="form-text text-danger"
-              *ngIf="registerForm.get('email')?.errors?.minlength"
+          @if (registerForm.get('email')?.errors?.minlength) {
+            <small class="form-text text-danger"
               <%= jhiPrefix %>Translate="global.messages.validate.email.minlength"
             >__jhiTransformTranslate__('global.messages.validate.email.minlength')</small>
+          }
 
-            <small
-              class="form-text text-danger"
-              *ngIf="registerForm.get('email')?.errors?.maxlength"
+          @if (registerForm.get('email')?.errors?.maxlength) {
+            <small class="form-text text-danger"
               <%= jhiPrefix %>Translate="global.messages.validate.email.maxlength"
             >__jhiTransformTranslate__('global.messages.validate.email.maxlength')</small>
+          }
           </div>
+        }
         </div>
 
         <div class="mb-3">
@@ -127,30 +142,28 @@
             data-cy="firstPassword"
           />
 
-          <div
-            *ngIf="
-              registerForm.get('password')!.invalid &&
-              (registerForm.get('password')!.dirty || registerForm.get('password')!.touched)
-            "
-          >
-            <small
-              class="form-text text-danger"
-              *ngIf="registerForm.get('password')?.errors?.required"
+        @if (registerForm.get('password')!.invalid &&
+          (registerForm.get('password')!.dirty || registerForm.get('password')!.touched)) {
+          <div>
+          @if (registerForm.get('password')?.errors?.required) {
+            <small class="form-text text-danger"
               <%= jhiPrefix %>Translate="global.messages.validate.newpassword.required"
             >__jhiTransformTranslate__('global.messages.validate.newpassword.required')</small>
+          }
 
-            <small
-              class="form-text text-danger"
-              *ngIf="registerForm.get('password')?.errors?.minlength"
+          @if (registerForm.get('password')?.errors?.minlength) {
+            <small class="form-text text-danger"
               <%= jhiPrefix %>Translate="global.messages.validate.newpassword.minlength"
             >__jhiTransformTranslate__('global.messages.validate.newpassword.minlength')</small>
+          }
 
-            <small
-              class="form-text text-danger"
-              *ngIf="registerForm.get('password')?.errors?.maxlength"
+          @if (registerForm.get('password')?.errors?.maxlength) {
+            <small class="form-text text-danger"
               <%= jhiPrefix %>Translate="global.messages.validate.newpassword.maxlength"
             >__jhiTransformTranslate__('global.messages.validate.newpassword.maxlength')</small>
+          }
           </div>
+        }
 
           <<%= jhiPrefixDashed %>-password-strength-bar [passwordToCheck]="registerForm.get('password')!.value"></<%= jhiPrefixDashed %>-password-strength-bar>
         </div>
@@ -167,30 +180,28 @@
             data-cy="secondPassword"
           />
 
-          <div
-            *ngIf="
-              registerForm.get('confirmPassword')!.invalid &&
-              (registerForm.get('confirmPassword')!.dirty || registerForm.get('confirmPassword')!.touched)
-            "
-          >
-            <small
-              class="form-text text-danger"
-              *ngIf="registerForm.get('confirmPassword')?.errors?.required"
+        @if (registerForm.get('confirmPassword')!.invalid &&
+          (registerForm.get('confirmPassword')!.dirty || registerForm.get('confirmPassword')!.touched)) {
+          <div>
+          @if (registerForm.get('confirmPassword')?.errors?.required) {
+            <small class="form-text text-danger"
               <%= jhiPrefix %>Translate="global.messages.validate.confirmpassword.required"
             >__jhiTransformTranslate__('global.messages.validate.confirmpassword.required')</small>
+          }
 
-            <small
-              class="form-text text-danger"
-              *ngIf="registerForm.get('confirmPassword')?.errors?.minlength"
+          @if (registerForm.get('confirmPassword')?.errors?.minlength) {
+            <small class="form-text text-danger"
               <%= jhiPrefix %>Translate="global.messages.validate.confirmpassword.minlength"
             >__jhiTransformTranslate__('global.messages.validate.confirmpassword.minlength')</small>
+          }
 
-            <small
-              class="form-text text-danger"
-              *ngIf="registerForm.get('confirmPassword')?.errors?.maxlength"
+          @if (registerForm.get('confirmPassword')?.errors?.maxlength) {
+            <small class="form-text text-danger"
               <%= jhiPrefix %>Translate="global.messages.validate.confirmpassword.maxlength"
             >__jhiTransformTranslate__('global.messages.validate.confirmpassword.maxlength')</small>
+          }
           </div>
+        }
         </div>
 
         <button
@@ -201,6 +212,7 @@
           data-cy="submit"
         >__jhiTransformTranslate__('register.form.button')</button>
       </form>
+    }
 
       <div class="mt-3 alert alert-warning">
         <span <%= jhiPrefix %>Translate="global.messages.info.authenticated.prefix">__jhiTransformTranslate__('global.messages.info.authenticated.prefix')</span>