generator-jhipster 8.0.0 → 8.2.0

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

@@ -1,5 +1,5 @@
 <%#
- Copyright 2013-2023 the original author or authors from the JHipster project.
+ Copyright 2013-2024 the original author or authors from the JHipster project.
 
  This file is part of the JHipster project, see https://www.jhipster.tech/
  for more information.
@@ -23,15 +23,11 @@
 
       <<%= 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">
-        <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">
+      <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 +41,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 +78,11 @@
           data-cy="submit"
         >__jhiTransformTranslate__('reset.request.form.button')</button>
       </form>
+    } @else {
+      <div class="alert alert-success">
+        <span <%= jhiPrefix %>Translate="reset.request.messages.success">__jhiTransformTranslate__('reset.request.messages.success')</span>
+      </div>
+    }
     </div>
   </div>
 </div>

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

@@ -1,5 +1,5 @@
 <%#
- Copyright 2013-2023 the original author or authors from the JHipster project.
+ Copyright 2013-2024 the original author or authors from the JHipster project.
 
  This file is part of the JHipster project, see https://www.jhipster.tech/
  for more information.
@@ -59,15 +59,13 @@ describe('PasswordResetInitComponent', () => {
     comp.requestReset();
 
     expect(service.save).toHaveBeenCalledWith('user@domain.com');
-    expect(comp.success).toBe(true);
+    expect(comp.success()).toBe(true);
   }));
 
   it('no notification of success upon error response', inject([PasswordResetInitService], (service: PasswordResetInitService) => {
+    const err = { status: 503, data: 'something else' };
     jest.spyOn(service, 'save').mockReturnValue(
-      throwError({
-        status: 503,
-        data: 'something else',
-      })
+      throwError(() => err)
     );
     comp.resetRequestForm.patchValue({
       email: 'user@domain.com',
@@ -75,6 +73,6 @@ describe('PasswordResetInitComponent', () => {
     comp.requestReset();
 
     expect(service.save).toHaveBeenCalledWith('user@domain.com');
-    expect(comp.success).toBe(false);
+    expect(comp.success()).toBe(false);
   }));
 });

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

@@ -1,5 +1,5 @@
 <%#
- Copyright 2013-2023 the original author or authors from the JHipster project.
+ Copyright 2013-2024 the original author or authors from the JHipster project.
 
  This file is part of the JHipster project, see https://www.jhipster.tech/
  for more information.
@@ -16,7 +16,7 @@
  See the License for the specific language governing permissions and
  limitations under the License.
 -%>
-import { Component, AfterViewInit, ElementRef, ViewChild } from '@angular/core';
+import { Component, AfterViewInit, ElementRef, inject, ViewChild, signal } from '@angular/core';
 import { FormBuilder, FormsModule, ReactiveFormsModule, Validators } from '@angular/forms';
 import SharedModule from 'app/shared/shared.module';
 
@@ -32,12 +32,17 @@ export default class PasswordResetInitComponent implements AfterViewInit {
   @ViewChild('email', { static: false })
   email?: ElementRef;
 
-  success = false;
-  resetRequestForm = this.fb.group({
-    email: ['', [Validators.required, Validators.minLength(5), Validators.maxLength(254), Validators.email]],
-  });
+  success = signal(false);
+  resetRequestForm;
 
-  constructor(private passwordResetInitService: PasswordResetInitService, private fb: FormBuilder) {}
+  private passwordResetInitService = inject(PasswordResetInitService);
+  private fb = inject(FormBuilder);
+
+  constructor() {
+    this.resetRequestForm = this.fb.group({
+      email: ['', [Validators.required, Validators.minLength(5), Validators.maxLength(254), Validators.email]],
+    });
+  }
 
   ngAfterViewInit(): void {
     if (this.email) {
@@ -46,6 +51,6 @@ export default class PasswordResetInitComponent implements AfterViewInit {
   }
 
   requestReset(): void {
-    this.passwordResetInitService.save(this.resetRequestForm.get(['email'])!.value).subscribe(() => this.success = true);
+    this.passwordResetInitService.save(this.resetRequestForm.get(['email'])!.value).subscribe(() => this.success.set(true));
   }
 }

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

@@ -1,5 +1,5 @@
 <%#
- Copyright 2013-2023 the original author or authors from the JHipster project.
+ Copyright 2013-2024 the original author or authors from the JHipster project.
 
  This file is part of the JHipster project, see https://www.jhipster.tech/
  for more information.

package/dist/generators/angular/templates/src/main/webapp/app/account/password-reset/init/password-reset-init.service.spec.ts.ejs

@@ -1,5 +1,5 @@
 <%#
- Copyright 2013-2023 the original author or authors from the JHipster project.
+ Copyright 2013-2024 the original author or authors from the JHipster project.
 
  This file is part of the JHipster project, see https://www.jhipster.tech/
  for more information.

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

@@ -1,5 +1,5 @@
 <%#
- Copyright 2013-2023 the original author or authors from the JHipster project.
+ Copyright 2013-2024 the original author or authors from the JHipster project.
 
  This file is part of the JHipster project, see https://www.jhipster.tech/
  for more information.
@@ -16,7 +16,7 @@
  See the License for the specific language governing permissions and
  limitations under the License.
 -%>
-import { Injectable } from '@angular/core';
+import { inject, Injectable } from '@angular/core';
 import { HttpClient } from '@angular/common/http';
 import { Observable } from 'rxjs';
 
@@ -24,7 +24,8 @@ import { ApplicationConfigService } from 'app/core/config/application-config.ser
 
 @Injectable({ providedIn: 'root' })
 export class PasswordResetInitService {
-  constructor(private http: HttpClient, private applicationConfigService: ApplicationConfigService) {}
+  private http = inject(HttpClient);
+  private applicationConfigService = inject(ApplicationConfigService);
 
   save(mail: string): Observable<{}> {
     return this.http.post(this.applicationConfigService.getEndpointFor('api/account/reset-password/init'), mail);

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

@@ -1,5 +1,5 @@
 <%#
- Copyright 2013-2023 the original author or authors from the JHipster project.
+ Copyright 2013-2024 the original author or authors from the JHipster project.
 
  This file is part of the JHipster project, see https://www.jhipster.tech/
  for more information.
@@ -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>

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

@@ -1,5 +1,5 @@
 <%#
- Copyright 2013-2023 the original author or authors from the JHipster project.
+ Copyright 2013-2024 the original author or authors from the JHipster project.
 
  This file is part of the JHipster project, see https://www.jhipster.tech/
  for more information.
@@ -63,7 +63,7 @@ describe('RegisterComponent', () => {
 
     comp.register();
 
-    expect(comp.doNotMatch).toBe(true);
+    expect(comp.doNotMatch()).toBe(true);
   });
 
   it('should update success to true after creating an account', inject(
@@ -87,21 +87,19 @@ describe('RegisterComponent', () => {
         login: '',
         langKey: '<%= nativeLanguage %>',
       });
-      expect(comp.success).toBe(true);
-      expect(comp.errorUserExists).toBe(false);
-      expect(comp.errorEmailExists).toBe(false);
-      expect(comp.error).toBe(false);
+      expect(comp.success()).toBe(true);
+      expect(comp.errorUserExists()).toBe(false);
+      expect(comp.errorEmailExists()).toBe(false);
+      expect(comp.error()).toBe(false);
     })
   ));
 
   it('should notify of user existence upon 400/login already in use', inject(
     [RegisterService],
     fakeAsync((service: RegisterService) => {
+      const err = { status: 400, error: { type: LOGIN_ALREADY_USED_TYPE } };
       jest.spyOn(service, 'save').mockReturnValue(
-        throwError({
-          status: 400,
-          error: { type: LOGIN_ALREADY_USED_TYPE },
-        })
+        throwError(() => err)
       );
       comp.registerForm.patchValue({
         password: 'password',
@@ -111,20 +109,18 @@ describe('RegisterComponent', () => {
       comp.register();
       tick();
 
-      expect(comp.errorUserExists).toBe(true);
-      expect(comp.errorEmailExists).toBe(false);
-      expect(comp.error).toBe(false);
+      expect(comp.errorUserExists()).toBe(true);
+      expect(comp.errorEmailExists()).toBe(false);
+      expect(comp.error()).toBe(false);
     })
   ));
 
   it('should notify of email existence upon 400/email address already in use', inject(
     [RegisterService],
     fakeAsync((service: RegisterService) => {
+      const err = { status: 400, error: { type: EMAIL_ALREADY_USED_TYPE } };
       jest.spyOn(service, 'save').mockReturnValue(
-        throwError({
-          status: 400,
-          error: { type: EMAIL_ALREADY_USED_TYPE },
-        })
+        throwError(() => err)
       );
       comp.registerForm.patchValue({
         password: 'password',
@@ -134,19 +130,18 @@ describe('RegisterComponent', () => {
       comp.register();
       tick();
 
-      expect(comp.errorEmailExists).toBe(true);
-      expect(comp.errorUserExists).toBe(false);
-      expect(comp.error).toBe(false);
+      expect(comp.errorEmailExists()).toBe(true);
+      expect(comp.errorUserExists()).toBe(false);
+      expect(comp.error()).toBe(false);
     })
   ));
 
   it('should notify of generic error', inject(
     [RegisterService],
     fakeAsync((service: RegisterService) => {
+      const err = { status: 503 };
       jest.spyOn(service, 'save').mockReturnValue(
-        throwError({
-          status: 503,
-        })
+        throwError(() => err)
       );
       comp.registerForm.patchValue({
         password: 'password',
@@ -156,9 +151,9 @@ describe('RegisterComponent', () => {
       comp.register();
       tick();
 
-      expect(comp.errorUserExists).toBe(false);
-      expect(comp.errorEmailExists).toBe(false);
-      expect(comp.error).toBe(true);
+      expect(comp.errorUserExists()).toBe(false);
+      expect(comp.errorEmailExists()).toBe(false);
+      expect(comp.error()).toBe(true);
     })
   ));
 });

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

@@ -1,5 +1,5 @@
 <%#
- Copyright 2013-2023 the original author or authors from the JHipster project.
+ Copyright 2013-2024 the original author or authors from the JHipster project.
 
  This file is part of the JHipster project, see https://www.jhipster.tech/
  for more information.
@@ -16,7 +16,7 @@
  See the License for the specific language governing permissions and
  limitations under the License.
 -%>
-import { Component, AfterViewInit, ElementRef, ViewChild } from '@angular/core';
+import { Component, AfterViewInit, ElementRef, inject, ViewChild, signal } from '@angular/core';
 import { HttpErrorResponse } from '@angular/common/http';
 import { RouterModule } from '@angular/router';
 import { FormGroup, FormControl, Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
@@ -39,11 +39,11 @@ export default class RegisterComponent implements AfterViewInit {
   @ViewChild('login', { static: false })
   login?: ElementRef;
 
-  doNotMatch = false;
-  error = false;
-  errorEmailExists = false;
-  errorUserExists = false;
-  success = false;
+  doNotMatch = signal(false);
+  error = signal(false);
+  errorEmailExists = signal(false);
+  errorUserExists = signal(false);
+  success = signal(false);
 
   registerForm = new FormGroup({
     login: new FormControl('', {
@@ -69,12 +69,8 @@ export default class RegisterComponent implements AfterViewInit {
     }),
   });
 
-  constructor(
-    <%_ if (enableTranslation) { _%>
-    private translateService: TranslateService,
-    <%_ } _%>
-    private registerService: RegisterService,
-  ) {}
+  <%_ if (enableTranslation) { _%>private translateService = inject(TranslateService);<%_ } _%>
+  private registerService = inject(RegisterService);
 
   ngAfterViewInit(): void {
     if (this.login) {
@@ -83,29 +79,29 @@ export default class RegisterComponent implements AfterViewInit {
   }
 
   register(): void {
-    this.doNotMatch = false;
-    this.error = false;
-    this.errorEmailExists = false;
-    this.errorUserExists = false;
+    this.doNotMatch.set(false);
+    this.error.set(false);
+    this.errorEmailExists.set(false);
+    this.errorUserExists.set(false);
 
     const { password, confirmPassword } = this.registerForm.getRawValue();
     if (password !== confirmPassword) {
-      this.doNotMatch = true;
+      this.doNotMatch.set(true);
     } else {
       const { login, email } = this.registerForm.getRawValue();
       this.registerService
         .save({ login, email, password, langKey: <% if (enableTranslation) { %>this.translateService.currentLang<% } else { %>'<%= nativeLanguage %>'<% } %> })
-        .subscribe({ next: () => (this.success = true), error: response => this.processError(response) });
+        .subscribe({ next: () => (this.success.set(true)), error: response => this.processError(response) });
     }
   }
 
   private processError(response: HttpErrorResponse): void {
     if (response.status === 400 && response.error.type === LOGIN_ALREADY_USED_TYPE) {
-      this.errorUserExists = true;
+      this.errorUserExists.set(true);
     } else if (response.status === 400 && response.error.type === EMAIL_ALREADY_USED_TYPE) {
-      this.errorEmailExists = true;
+      this.errorEmailExists.set(true);
     } else {
-      this.error = true;
+      this.error.set(true);
     }
   }
 }

package/dist/generators/angular/templates/src/main/webapp/app/account/register/register.model.ts.ejs

@@ -1,5 +1,5 @@
 <%#
- Copyright 2013-2023 the original author or authors from the JHipster project.
+ Copyright 2013-2024 the original author or authors from the JHipster project.
 
  This file is part of the JHipster project, see https://www.jhipster.tech/
  for more information.