migrate to standalone components

Author: ismcagdas

angular/src/account/account.component.ts

@@ -6,10 +6,17 @@ import {
   Renderer2
 } from '@angular/core';
 import { AppComponentBase } from '@shared/app-component-base';
+import { AccountHeaderComponent } from './layout/account-header.component';
+import { TenantChangeComponent } from './tenant/tenant-change.component';
+import { RouterOutlet } from '@angular/router';
+import { AccountLanguagesComponent } from './layout/account-languages.component';
+import { AccountFooterComponent } from './layout/account-footer.component';
 
 @Component({
-  templateUrl: './account.component.html',
-  encapsulation: ViewEncapsulation.None
+    templateUrl: './account.component.html',
+    encapsulation: ViewEncapsulation.None,
+    standalone: true,
+    imports: [AccountHeaderComponent, TenantChangeComponent, RouterOutlet, AccountLanguagesComponent, AccountFooterComponent]
 })
 export class AccountComponent extends AppComponentBase implements OnInit {
   constructor(injector: Injector, private renderer: Renderer2) {

angular/src/account/account.module.ts

@@ -27,9 +27,7 @@ import { TenantChangeDialogComponent } from './tenant/tenant-change-dialog.compo
         SharedModule,
         ServiceProxyModule,
         AccountRoutingModule,
-        ModalModule.forChild()
-    ],
-    declarations: [
+        ModalModule.forChild(),
         AccountComponent,
         LoginComponent,
         RegisterComponent,
@@ -38,7 +36,7 @@ import { TenantChangeDialogComponent } from './tenant/tenant-change-dialog.compo
         AccountFooterComponent,
         // tenant
         TenantChangeComponent,
-        TenantChangeDialogComponent,
+        TenantChangeDialogComponent
     ]
 })
 export class AccountModule {

angular/src/account/layout/account-footer.component.ts

@@ -1,10 +1,13 @@
 import { Component, Injector, ChangeDetectionStrategy } from '@angular/core';
 import { AppComponentBase } from '@shared/app-component-base';
+import { LocalizePipe } from '@shared/pipes/localize.pipe';
 
 @Component({
-  selector: 'account-footer',
-  templateUrl: './account-footer.component.html',
-  changeDetection: ChangeDetectionStrategy.OnPush
+    selector: 'account-footer',
+    templateUrl: './account-footer.component.html',
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    standalone: true,
+    imports: [LocalizePipe]
 })
 export class AccountFooterComponent extends AppComponentBase {
   currentYear: number;

angular/src/account/layout/account-header.component.ts

@@ -1,8 +1,9 @@
 import { Component, ChangeDetectionStrategy } from '@angular/core';
 
 @Component({
-  selector: 'account-header',
-  templateUrl: './account-header.component.html',
-  changeDetection: ChangeDetectionStrategy.OnPush
+    selector: 'account-header',
+    templateUrl: './account-header.component.html',
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    standalone: true
 })
 export class AccountHeaderComponent {}

angular/src/account/layout/account-languages.component.ts

@@ -8,9 +8,10 @@ import { AppComponentBase } from '@shared/app-component-base';
 import { filter as _filter } from 'lodash-es';
 
 @Component({
-  selector: 'account-languages',
-  templateUrl: './account-languages.component.html',
-  changeDetection: ChangeDetectionStrategy.OnPush
+    selector: 'account-languages',
+    templateUrl: './account-languages.component.html',
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    standalone: true
 })
 export class AccountLanguagesComponent extends AppComponentBase
   implements OnInit {

angular/src/account/login/login.component.ts

@@ -3,10 +3,16 @@ import { AbpSessionService } from 'abp-ng2-module';
 import { AppComponentBase } from '@shared/app-component-base';
 import { accountModuleAnimation } from '@shared/animations/routerTransition';
 import { AppAuthService } from '@shared/auth/app-auth.service';
+import { FormsModule } from '@angular/forms';
+import { AbpValidationSummaryComponent } from '../../shared/components/validation/abp-validation.summary.component';
+import { RouterLink } from '@angular/router';
+import { LocalizePipe } from '@shared/pipes/localize.pipe';
 
 @Component({
-  templateUrl: './login.component.html',
-  animations: [accountModuleAnimation()]
+    templateUrl: './login.component.html',
+    animations: [accountModuleAnimation()],
+    standalone: true,
+    imports: [FormsModule, AbpValidationSummaryComponent, RouterLink, LocalizePipe]
 })
 export class LoginComponent extends AppComponentBase {
   submitting = false;

angular/src/account/register/register.component.ts

@@ -1,5 +1,5 @@
 import { Component, Injector, Input } from '@angular/core';
-import { Router } from '@angular/router';
+import { Router, RouterLink } from '@angular/router';
 import { finalize } from 'rxjs/operators';
 import { AppComponentBase } from '@shared/app-component-base';
 import {
@@ -9,10 +9,15 @@ import {
 } from '@shared/service-proxies/service-proxies';
 import { accountModuleAnimation } from '@shared/animations/routerTransition';
 import { AppAuthService } from '@shared/auth/app-auth.service';
+import { FormsModule } from '@angular/forms';
+import { AbpValidationSummaryComponent } from '../../shared/components/validation/abp-validation.summary.component';
+import { LocalizePipe } from '@shared/pipes/localize.pipe';
 
 @Component({
-  templateUrl: './register.component.html',
-  animations: [accountModuleAnimation()]
+    templateUrl: './register.component.html',
+    animations: [accountModuleAnimation()],
+    standalone: true,
+    imports: [FormsModule, AbpValidationSummaryComponent, RouterLink, LocalizePipe]
 })
 export class RegisterComponent extends AppComponentBase {
   model: RegisterInput = new RegisterInput();

angular/src/account/tenant/tenant-change-dialog.component.ts

@@ -7,9 +7,15 @@ import {
   IsTenantAvailableInput,
   IsTenantAvailableOutput
 } from '@shared/service-proxies/service-proxies';
+import { FormsModule } from '@angular/forms';
+import { AbpModalHeaderComponent } from '../../shared/components/modal/abp-modal-header.component';
+import { AbpModalFooterComponent } from '../../shared/components/modal/abp-modal-footer.component';
+import { LocalizePipe } from '@shared/pipes/localize.pipe';
 
 @Component({
-  templateUrl: './tenant-change-dialog.component.html'
+    templateUrl: './tenant-change-dialog.component.html',
+    standalone: true,
+    imports: [FormsModule, AbpModalHeaderComponent, AbpModalFooterComponent, LocalizePipe]
 })
 export class TenantChangeDialogComponent extends AppComponentBase {
   saving = false;

angular/src/account/tenant/tenant-change.component.ts

@@ -2,10 +2,13 @@
 import { AppComponentBase } from '@shared/app-component-base';
 import { TenantChangeDialogComponent } from './tenant-change-dialog.component';
 import { BsModalService } from 'ngx-bootstrap/modal';
+import { LocalizePipe } from '@shared/pipes/localize.pipe';
 
 @Component({
-  selector: 'tenant-change',
-  templateUrl: './tenant-change.component.html'
+    selector: 'tenant-change',
+    templateUrl: './tenant-change.component.html',
+    standalone: true,
+    imports: [LocalizePipe]
 })
 export class TenantChangeComponent extends AppComponentBase implements OnInit {
   tenancyName = '';

angular/src/app/about/about.component.ts

@@ -1,11 +1,14 @@
 import { Component, Injector, ChangeDetectionStrategy } from '@angular/core';
 import { AppComponentBase } from '@shared/app-component-base';
 import { appModuleAnimation } from '@shared/animations/routerTransition';
+import { LocalizePipe } from '@shared/pipes/localize.pipe';
 
 @Component({
-  templateUrl: './about.component.html',
-  animations: [appModuleAnimation()],
-  changeDetection: ChangeDetectionStrategy.OnPush
+    templateUrl: './about.component.html',
+    animations: [appModuleAnimation()],
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    standalone: true,
+    imports: [LocalizePipe]
 })
 export class AboutComponent extends AppComponentBase {
   constructor(injector: Injector) {